/*CSS Reset*/
* {font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0; list-style:none; text-decoration:none;}
:focus {-moz-outline-style:none;}
img {display:block;} /*IE bug fix*/
/*End Reset*/

html {overflow:hidden;}
body {background-color:#1a1a1a; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:19px; letter-spacing:0.1em;}

p {padding-bottom:10px;}

.preloader {position:absolute; top:-5000px;left:-5000px;} 

#logo_wrap {width:182px; height:57px; position:absolute; top:50%; left:87px; margin-top:-203px; z-index:50; float:left;}
#logo {width:182px; height:57px; background:url(../images/logo.png) no-repeat;}
#logo_link a {display:block; width:182px; height:57px; overflow:hidden; text-indent:-5000px;}
#tagline {position:absolute; top:108px; left:286px; display:block; width:210px; height:17px; overflow:hidden; text-indent:-5000px; background:url(../images/tagline.gif) no-repeat; z-index:50;}

#nav {height:17px; width:300px; display:block; position:absolute; top:108px; right:87px; z-index:51; line-height:17px;}
#nav li {display:inline;}
#nav li a {float:right; height:17px; display:block; background-position:top; text-indent:-5000px; overflow:hidden; margin-left:12px;}
#nav li.nav_work_blue a {background:url(../images/blue_work.gif) no-repeat; width:54px;}
#nav li.nav_about_blue a {background:url(../images/blue_about.gif) no-repeat; width:61px;}
#nav li.nav_contact_blue a {background:url(../images/blue_contact.gif) no-repeat; width:81px;}
#nav li.nav_work_black a {background:url(../images/black_work.gif) no-repeat; width:54px;}
#nav li.nav_about_black a {background:url(../images/black_about.gif) no-repeat; width:61px;}
#nav li.nav_contact_black a {background:url(../images/black_contact.gif) no-repeat; width:81px;}
#nav li a:hover {background-position:bottom;}
#nav li.current a {background-position:bottom;}

#work_nav {height:145px; width:117px; background:url(../images/submenu_bg.gif); position:absolute; top:131px; right:164px;}

#subnav {height:145px; width:117px; display:block; position:absolute; top:14px; left:16px;}
#subnav li {margin-bottom:17px;}
#subnav li a {height:20px; display:block; background-position:top; text-indent:-5000px; overflow:hidden; margin-bottom:17px;}
#subnav li.identity a {background:url(../images/work_identity.gif) no-repeat; width:65px;}
#subnav li.web a {background:url(../images/work_web.gif) no-repeat; width:37px;}
#subnav li.print a {background:url(../images/work_print.gif) no-repeat; width:43px;}
#subnav li.self a {background:url(../images/work_self.gif) no-repeat; width:101px;}
#subnav li a:hover {background-position:bottom;}
#subnav li.current a {background-position:bottom;}
	
#outer {height:580px; width:100%; overflow:hidden; position:absolute; top:50%; margin-top:-290px;}

.section {height:580px; width:100%; position:relative;}

#contact {background:#FFF url(../images/snow.jpg) repeat-x top left;}
#whiteout {background-color:#FFF;}
#surface {background:url(../images/surface.jpg) repeat-x top left #8ebae5;}
#about {background:url(../images/about_bg.png) repeat-x #8ebae5;}
#deep {background:url(../images/deep_bg.png) repeat-x #8ebae5;}
#deeper {background:url(../images/deeper_bg.png) repeat-x #8ebae5;}
#work {background:url(../images/cave.jpg) no-repeat top left #000;}
#night {background:url(../images/night_bg.png) repeat-x #8ebae5;}
#evening {background:url(../images/evening_bg.png) repeat-x #8ebae5;}
#home {background-color:#8ebae5;}
#start { background:url(../images/loading.gif) center center no-repeat #8ebae5}

#panorama {position:absolute; bottom:0; width:100%; height:400px; background-color:#F60; background:url(../images/panorama.jpg) repeat-x;}
#moon {background:url(../images/moon.jpg) no-repeat; height:257px; width:257px; position:absolute; top:19px; right:100px; float:right;}
#jelly1 {background:url(../images/jelly1.jpg) no-repeat; height:111px; width:105px; position:absolute; top:403px; right:10%; float:left;}
#jelly2 {background:url(../images/jelly2.jpg) no-repeat; height:196px; width:128px; position:absolute; top:87px; left:25%;}
#behemoth {background:url(../images/behemoth.jpg) no-repeat; height:425px; width:584px; position:absolute; top:155px; left:50%; float:right;}

#about_text {width:420px; height:350px; position:absolute; left:87px; top:220px; color:#e7f3ff;}
#about_text span {font-weight:bold; cursor:help;}
#about_text a {color:#e7f3ff; border-bottom:1px solid #73a7d5;}
#about_text a:hover {border-bottom:1px solid #FFF;}
#contact_text {width:800px; height:350px; position:absolute; left:87px; top:332px; color:#999; z-index:30;}
#contact_text td {padding-bottom:10px;}
#contact_text a {color:#999; border-bottom:1px solid #efefef;}
#contact_text a:hover {border-bottom:1px solid #5daefe;}
.headcell {width:65px; text-align:left; vertical-align:top;}

.imagescroll {position:relative; overflow:hidden; width:100%; height:400px;}