/* © Anatol Latotin | www latotin.com */


body { margin:0; padding:0; background:#fff; font-family:serif; }


p.head { font-size:.7em; margin:.5em 0 0 2em; position:absolute; white-space:nowrap; }


#nojavascript { position:absolute; z-index:1; top:3em; left:4em; }


a { color:#000; }


div.wind { position:absolute; top:-1px; }


#main					{ position:absolute; width:100%; top:70px; visibility:hidden; }
div.main_container_1	{ position:relative; right:50%; float:right; }
div.main_container_2	{ position:relative; z-index:1; right:-50%; width:906px; }
div.space				{ position:relative; width:750px; height:448px; left:30px; background:url(i/space.jpg) no-repeat top left #000; }


div.cross				{ position:absolute; z-index:33; width:100%; }
div.cross_container_1	{ position:relative; right:50%; float:right; }
div.cross_container_2	{ position:relative; z-index:1; right:-50%; width:360px; height:300px; top:239px; }

#scroll { height:300px; width:18px; overflow-y:scroll; overflow-x:hidden; position:relative; z-index:4; float:right; right:50%; margin-right:-8px; }

#video				{ width:360px; height:90px; background:#000; position:absolute; z-index:3; top:56px; overflow:hidden; }
#video div			{ width:300%; height:90px; position:absolute; }
#video div object	{ float:left; }
div.video_line		{ width:6px; height:90px; position:absolute; background:#fff; top:56px; z-index:4; left:189px; }

div.scroll3d			{ position:relative; z-index:2; width:11px; left:50%; }
div.scroll3d div.right	{ position:absolute; z-index:3; width:11px; height:300px; background:url(i/scroll3d.png) no-repeat top left #fff; left:9px; }
div.scroll3d div.shadow	{ position:absolute; z-index:1; width:51px; height:19px; background:url(i/scrollshadow.png) no-repeat top left; top:286px; left:-19px; }
div.scroll3d div.adam	{ position:absolute; z-index:2; width:30px; height:40px; background:url(i/adam.png) no-repeat top left; top:252px; left:10px; }

h1 		{ font-style:italic; font-size:.7em; letter-spacing:.15em; white-space:normal; position:absolute; text-align:right; top:240px; right:50%; margin-right:20px; }
h1 span	{ font-size:1.5em; position:relative; top:-.1em; font-style:normal; }


#playback { position:absolute; z-index:5; top:290px; right:50%; margin-right:15px; padding:0 .3em 0 .3em; }


#sound				{ width:232px; height:109px; position:absolute; z-index:35; top:388px; left:492px; }
div.sound_color_on	{  background:url(i/soundcolor.jpg) no-repeat top left; }
div.sound_color_off	{  background:none; }
#sound div			{ width:232px; height:109px; position:absolute; overflow:hidden; }
#sound div div		{ width:232px; height:218px; position:absolute; background:url(i/sound.png) no-repeat top left; }
#sound input		{ position:absolute; z-index:1; top:63px; left:234px; }


div.tools					{ position:absolute; width:90px; height:119px; top:59px; left:27px; }
div.tools #tools			{ width:90px; height:119px; position:absolute; overflow:hidden; }
div.tools #tools div		{ width:450px; height:119px; position:absolute; background:url(i/tools.jpg) no-repeat top left; left:100%; }
div.tools div.radio			{ position:absolute; z-index:2; left:-50px; _left:-52px; top:43px; }
div.tools div.radio input	{ margin:0 0 8px 0; _margin:0; }


#select						{ position:absolute; z-index:35; top:403px; left:137px; }
#select select				{ font-size:9px; position:absolute; z-index:2; }
@-moz-document url-prefix() { #select select { font-size:11px; } } 
#select	div.grail			{ width:45px; height:86px; position:absolute; background:url(i/grail.jpg) no-repeat top left; top:32px; left:5px; }
#select	div.spear			{ width:22px; height:95px; position:absolute; background:url(i/spear.jpg) no-repeat top left; top:27px; left:17px; }


#sun		{ width:102px; height:102px; position:absolute; left:50%; margin-left:-51px; top:-37px; }
#sun div	{ width:102px; height:102px; position:absolute; background:url(i/sun.png) no-repeat top left; visibility:hidden; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/sun.png', sizingMethod='scale'); -background-repeat:no-repeat; }

#moon		{ width:76px; height:76px; position:absolute; left:50%; margin-left:-38px; top:-25px; }
#moon div	{ width:76px; height:76px; position:absolute; background:url(i/moon.png) no-repeat top left; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/moon.png', sizingMethod='scale'); -background-repeat:no-repeat; }


div.souls			{ position:absolute; top:0; left:0; width:750px; height:448px; overflow:hidden; }

#soul				{ height:300px; width:18px; position:absolute; right:50%; margin-right:-8px; top:240px; }
#soul div			{ position:absolute; width:18px; }

#soul_left			{ height:300px; width:18px; position:absolute; top:448px; left:280px; }
#soul_left div		{ position:absolute; width:18px; }

#soul_right			{ height:300px; width:18px; position:absolute; top:448px; left:470px; }
#soul_right div		{ position:absolute; width:18px; }


#face		{ width:240px; height:373px; position:relative; z-index:2; float:right; right:-160px; top:-109px; overflow:hidden; }
#face div	{ width:2640px; height:373px; background:url(i/face.jpg) no-repeat top left; position:relative; left:-1000%; }


#flash 				{ width:750px; position:absolute; background:url(i/flash.png) no-repeat bottom center; font-size:.8em; }
#flash div			{ position:absolute; white-space:nowrap; }
#flash div input	{ padding:0 .3em 0 .3em; position:relative; _bottom:-.3em; }
#black				{ bottom:185px; }
#white				{ bottom:185px; right:0; }


#video1,
#video2,
#video3	{ position:absolute; z-index:1; }

#video1	{ top:-35px; left:25px; }
#video2	{ top:-20px; left:60px; }
#video3	{ top:-45px; left:90px; }

#video1 object,
#video2 object,
#video3 object { margin:0; }