@charset "iso-8859-1";

body { background: url(gfx/taust.gif) repeat-x 50% 50% #151515; margin: 0px; padding: 0px; height: 100%; }

body, div, td { font-family: Verdana, Tahoma, Arial; font-size: 11px; color: #ddd; }

a img { border: 0px; }
a { color: #fff;  text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
   
#topic { display: block; width: 291px; height: 32px; background: url(gfx/logo.gif) no-repeat 50% 50%; 
	   	 position: absolute; top: 50%; left: 85px; margin-top: -275px; } 

#topic a { display: block; width: 50%; height: 100%; border: 0px; }
#topic a:hover { text-decoration: none; }

#menu { position: absolute; top: 50%; right: 85px; margin-top: -265px; width: 150; height: 32px; font-weight: bold; }

#sisu { display: block; position: absolute; top: 50%; left: 2px; right: 2px; height: 447px; margin-top: -223px; z-index: 100; }
.flexcroll { width: 100%; height: 445px; overflow: auto; margin-top: 2px; z-index: 500; }
.flexcroll td { padding: 0px 1px 0px 0px; }
.flexcroll td img { height: 427px; }
.txt { padding: 100px; line-height: 180%; }

#gals { display: block; position: absolute; top: 50%; margin-top: 240px; left: 85px; width: 33%; }	
#gals a, #menu a { display: block; float: left; margin-left: 10px; position: relative; padding: 3px; background: transparent; border-right: 2px solid #333333; color: #999; }	
#gals a:hover, #menu a:hover { text-decoration: none; background: #222; border-right: 2px solid #ddd; color: #ddd; }
#gals a #b, #menu a #b { border-right: 2px solid #ffcc00; }

#links { display: block; position: absolute; top: 50%; margin-top: 240px; right: 85px; }  

.main { display: block; width: 100%; height: 445px; position: relative; background: url(gfx/main.jpg) no-repeat top center; }
.story { display: block; width: 500px; height: 300px; background: #333; position: absolute; top: 50%; left: 150px; margin-top: -160px; border: 2px solid #2b2b2b; }
.story div { margin: 35px; text-align: justify; line-height: 150%; }

.bubble { display: block; width: 208px; height: 39px; background: url(gfx/bubble.gif) no-repeat 50% 50%; position: absolute; top: 0px; left: 0px; margin-top: -33px; margin-left: -2px; z-index: 5000; }
.bubble span { display: block; margin-top: 8px; text-align: center; width: 100%; font-weight: bold; color: #fff; }
.tdtext div { width: 600px; padding: 25px; text-align: justify; }