html, body {height:101%;}
body {background:#eee; font:normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

a:focus {outline:none;}

#header {width:950px; height:40px; line-height:40px; display:block; background:#eee; position:absolute; top:0; left:50%; margin:0 -475px; z-index:205;}
#header-shadow {width:950px; height:13px; display:none; background:url(../images/header-shadow.png) top left no-repeat; position:absolute; top:40px; left:50%; margin:0 -475px; z-index:210;}
h1 {font-size:2em; font-weight:bold;}
	h1#logo {position:absolute; top:15px; left:0; color:#888;}
h2 {font-size:2em; line-height:1.6em; font-weight:bold; display:block; text-align:center; padding-top:10px; color:#888;}
h3 {font-size:1.4em; border-bottom:#000 1px solid; padding:5px 0;}
h4 {font-size:1.2em; display:block; width:85%; margin:0 auto; padding-top:20px;}

#nav {float:right; padding:15px 0 0;}
	#nav li {display:block; float:left;}
	#nav li a {display:block; color:#000; padding:3px 5px; font-weight:bold; text-decoration:none; letter-spacing:-.1em;}
	#nav li a:hover {color:#444;}
	#nav li a#current {color:#888; cursor:default;}

#about {width:900px; height:400px; display:none; background:url(../images/contact-bg.png) top left no-repeat; color:#000; position:absolute; top:0; left:50%; margin:0 -453px; z-index:200;}
	#about-content {position:absolute; top:40px; left:0; display:block; width:100%; z-index:5;}
		#about-content p {width:90%; padding:10px 20px; margin:10px auto; border-top:#333 1px solid;}
	#about-bg {position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:url(../images/about-bg.png) top left no-repeat; z-index:1;}

#contact {width:900px; height:400px; display:none; background:url(../images/contact-bg.png) top left no-repeat; color:#000; position:absolute; top:0; left:50%; margin:0 -453px; z-index:200;}
	#contact-text {width:400px; position:absolute; top:180px; left:60px; font-size:1.2em; font-weight:bold;}
	#contact-form {width:300px; position:absolute; top:80px; right:20px; font-size:1.2em; padding-left:20px; border-left:#000 1px solid;}
		#contact-form input, #contact-form select, #contact-form textarea {width:250px; padding:4px; background:#fff; border:#888 1px solid;}
		#contact-form textarea {height:80px;}
		#contact-form input.button {width:auto;}

/* Slider */

#slider {width:950px; position:absolute; top:50px; left:50%; margin:0 -475px;}
	#slider ul {position:absolute; top:0; left:0;}
	#slider li {list-style-type:none; display:block; position:relative; width:950px; height:400px; margin:0 0 20px; border:#fff 5px solid; -moz-box-shadow:0 0 5px #888;}
		#slider li blockquote {opacity:.75; filter:alpha(opacity=75); position:absolute; top:0; right:0; width:300px; height:400px; background:#000; color:#fff;}
			#slider .content {padding:100px 10px 0;}
		#slider li blockquote a.visit {text-align:right; padding:10px 0; color:#000; font-weight:bold; color:#fff;}
		#slider li blockquote a.visit:hover {color:#888;}
.bs {background:url(../images/bs.jpg) top left no-repeat;}
.yns {background:url(../images/yns.jpg) top left no-repeat;}
.comd {background:url(../images/comd.jpg) top left no-repeat;}
.cd {background:url(../images/cd.jpg) top left no-repeat;}
.wp {background:url(../images/wp.jpg) top left no-repeat;}
.wr {background:url(../images/wr.jpg) top left no-repeat;}
.oew {background:url(../images/oew.jpg) top left no-repeat;}

#controls {display:none;}
	
#thumbs {display:none;}

body#about-page #about, body#about-page #header-shadow, body#contact-page #header-shadow, body#contact-page #contact {display:block;}
body#about-page #slider, body#contact-page #slider {margin-top:450px;}