@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
#container {
	width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
a {
color:#666666;
}
a:hover {
color:#FFFFFF;
}
.inner { margin: 0; width: 100%; }
#header {
	width:225px;
	float:left;
	position:relative;
	height:inherit;
	z-index:10;
	margin-top:12px;
	border-right-color:#333333;
	border-right-style:solid;
	border-right-width:thin;
	margin-right:10px;
	height:100%;
}
#header h1 {
  	padding-top:0px;
	padding-left:0px;
    margin:0;
	font-size: 3px;
	height: 8px;
	text-indent: -9999px;
}
#header h1 a {
background-image:url(../../images/header.gif);
width:217px;
height:68px;
display: block;
text-decoration: none;
margin-bottom:10px;
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-left:220px;
	x-index:11;
}
#bottom-nav {
padding-top:75px;
list-style:none;
}

#bottom-nav li a, #bottom-nav li {
text-decoration:none;
margin-bottom:12px;
color:#666666;
}

#bottom-nav li a:hover, #bottom-nav .selected {
color:#FFFFFF;
}

#feature {
color:#555555;
display:block;
width:744px;
font-size:0.8em;
margin-top:0px;
padding-bottom:0;
padding-top:0px;
padding-bottom:5px;
}
#feature #caption h1 {
text-transform:lowercase;
color:#FFFFFF;
padding-top:-20px;
margin-top:-30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#detail h1 {
text-transform:lowercase;
color:#FFFFFF;.
padding-top:0px;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#detail #title{width:27%; float:left;}
#detail #content{width:70%; float: right;}
#detail #content p{margin-top:0px; padding-top:5px;}
.thumbs { margin-top: 20px; float: left; width: 744px; }
.thumbs div { float: left; width: 247px; height: 300px; text-align: center; }
.thumbs p { font: 11px Arial, Helvetica, sans-serif; margin-top: 5px; }

#detail {
color:#555555;
display:block;
width:744px;
height:24px;
font-size:0.8em;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
}

#feature #caption{
width:65%;
padding:5%;
padding-left:1%;
float:right;
}
#feature #image {
	float:left;
	padding:2%;
	padding-right:0;
	border:0;
	width:186px;
	float:left;
	}
#moref {
	width:744px;
	border-top-style:solid;
	border-top-color:#333333;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#333333;
	border-bottom-width:thin;
	padding-top:5px;
	padding-bottom:5px;
	}
#moref div {
	display:inline-block;
	float:left;
	width:32%;
	margin:4px;
	border-right-color:333333;
	border-right-style:solid;
	border-right-width:thin;
	}
#moref div p{
	margin-top:0;
	padding-top:0
}
#moref div p a{
	color:#666666;
}
#moref div p a h3{ 
	text-decoration:none;
	text-transform:lowercase;
	margin:0;
	margin-left:5px;
	padding:0;
	font-size:1.2em;
	margin-left:0.2em;
	}
#moref div p a img{ border:none; padding-right:5px; }
#moref div p a:hover{
	text-decoration:none;
	color:#ffffff;
}

#footer {
	color:#333333;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-left:220px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size:10px;
	text-align:center;
}
.clear { clear:both; }