@import url("reset.css");

/* -- main -- */

body{
	margin: 0;
	text-align: center;
	font:10px verdana;
	background:#151515;
}
#wrapper {
	background: url(images/logo.jpg) no-repeat;
	text-align: left;
	width:800px;
	margin:0 auto;
}
#top{
	height:105px;
	width:100%;
}
#nav{
	margin-left:340px;
	padding-top:25px;
}
#nav li a{
	color:#ccc;
}
#nav li+li {
	border-left:1px solid #252525;
}
#nav li{
	display: block;
	float: left;
	height:27px;
	font-size:1.5em;
	padding:0 1em ;
}

#gallery {
	clear: both;
}

* { margin: 0; padding: 0 }
a img { border: 0 none }
br.c { clear: both }

a { 
	color: #a2ffe1;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}

/* -- thumbnail scrolling -- */


#thumbs.carousel {
	padding-top: 16px;
	border-top: 1px solid #333;
}

#thumbs .scroller {
	float: left;
	margin: 0 6px;
	width: 700px;
}

#thumbs .scroller li {
	height: 75px;
	width: 75px;
	margin-right: 6px;
	overflow: hidden;
}

.scroller li img {
	/* js will fade these in once they're loaded */
	display: none;
}

#thumbs .next, #thumbs .prev {  
	width: 42px;
	height: 77px;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -1000em;
}
#thumbs .prev { background: url(images/thumbscrollL.gif) top left no-repeat; }
#thumbs .next { background: url(images/thumbscrollR.gif) top left no-repeat; }


/* -- main image scrolling -- */

#spotlight {
	height: 64px;
	overflow: hidden;
	text-align: center;
}

#spotlight_nav {
	clear: both;
	width: 1000px;
	margin-left: -100px;
	top: -30px;
	position: relative;
	font-size: 13px;
}
#spotlight_nav .prev, #spotlight_nav .next {
	display: block;
	width: 80px;
	font-weight: bold;
	color: #7b8184;
}
#spotlight_nav .prev { 
	float: left;
	text-align: right;
}
#spotlight_nav .next { 
	float: right;
	text-align: left;
}
/*contact*/
#contactForm{
	margin-top:-30px;
	float:left;
}
#contactForm label{
	color:#ccc;
	font-size:12px;
	display:block;
	padding:5px 0;
	clear:right;
}
#contactForm #submit{
	display:block;
	clear:both;
	margin: 15px 0;
}
#contactText{
	width:300px;
	float:left;
	padding-left:150px;
	margin-top:50px;
	color:#ccc;
}

/* -- footer -- */

#footer{
	height:60px;
	border-top:1px solid #333;
	margin-top: 16px;
	padding-top:10px;
	text-align:right;
	width:800px;
	color:#444;
	clear:both;
}
#footer a{
	text-decoration:none;
	color:#ccc;
	
}
#footer a:hover{
	text-decoration:underline;
}
#content{
	padding:50px 0;
}
#content p{
	color:#ccc;
	font:14px/20px Helvetica, Arial, sans-serif;
}
big{
	font-size:200%;
}
#thumbs img,#spotlight img{
	border:1px solid #333;
}