/* Red CSS Styles - Created by eXcerta */
#content .fullwidth {
	float:left;
	width:900px;
	background-color:#800A06;
	color: #FFFFFF;
	height: 400px;
	margin-right: 0px;
	margin-left: 0px;
}

#content .contact {
	float:left;
	width:900px;
	background-color:#800A06;
	color: #FFFFFF;
	height: 400px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(images/contact-piconly.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
}

#content .news {
	float:left;
	width:900px;
	height:400px;
	background-color:#800A06;
	color: #FFFFFF;
	font:12px Arial, Helvetica, sans-serif;
	padding-left: 5px;
	clear: both;
	background-image: url(images/news-piconly.jpg);
	background-repeat: no-repeat;
	background-position: 655px;
}
#content .development {
	float:left;
	width:900px;
	background-color:#800A06;
	color: #FFFFFF;
	height: 400px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(images/devel-4pics.jpg);
	background-repeat: no-repeat;
	background-position: 305px;}

#content .col1 {
	float:left;
	width:900px;
	height:400px;
	background-color:#800A06;
	color: #FFFFFF;
	padding-left: 5px;
}

#content .col2 {
	width:185px;
	background-color:#FFFFFF;
	height:400px;
	background-image: url(images/bio-piconly.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#content .col3 {
	float:right;
	width:200px;
	height:400px;
	clear: both;
}
#container #footer {
	background-color:#800A06;
	font:12px Arial, Helvetica, sans-serif;
	position: static;
	top: 475px;
	left: 50px;
	height: 90px;
	background-repeat: no-repeat;
	clear: left;
	float: left;
	width: 900px;
	padding-top: 2px;
	padding-bottom: 0px;
}

/* Menu Nav Rules  */
#container #nav {
}
#nav img {
	border: none;
	padding-top: 9px;
	padding-right: 35px;
}
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover {
	visibility:visible;
}
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* Hover Pics */
#Home { background:url(images/home-button-down-red.jpg) no-repeat left bottom; }
#Bio { background:url(images/bio-button-down-red.jpg) no-repeat left bottom; }
#Dev { background:url(images/devel-button-down-red.jpg) no-repeat left bottom; }
#Prod { background:url(images/productions-button-down-red.jpg) no-repeat left bottom; }
#News { background:url(images/news-button-down-red.jpg) no-repeat left bottom; }
#Press { background:url(images/press-button-down-red.jpg) no-repeat left bottom; }
#Contact { background:url(images/contact-button-down-red.jpg) no-repeat left bottom; }

/* Below is the Production portion of the CSS */
/* default link styling required for IE */

a:link {
	color: #FBB5A8;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color: #Fbb5a8;
}
a:visited {
	color: #Fbb5a8;
	text-decoration: none;
}

/* Scroll Map styling */
#outer {width:900px; height:400px; position:relative;}
#scrollbox {width:300px; height:400px; overflow:hidden;}
#thumbs {width:2411px; height:300px; padding:0; margin:110px 0 0; list-style:none; 
background:url(images/development_panorama.jpg);}
#thumbs li {display:inline; float:left; width:50px; height:100px; background:url(none);}
#thumbs li.hs1 {margin-left:20px; margin-top:100px; width:216px; height:29px;}
#thumbs li.hs2 {
	margin-left:20px;
	margin-top:12px;
	width:217px;
	height:71px;
	clear: both;
}
#thumbs li.hs3 {
	margin-left:50px;
	width:148px;
	height:37px;
	clear: both;
	margin-top: 18px;
}
#thumbs li.hs4 {margin-left:20px; margin-top:170px; width:40px; height:80px;}
#thumbs li.hs5 {margin-left:50px; margin-top:150px; width:40px; height:100px;}
#thumbs li.hs6 {margin-left:220px; margin-top:160px; width:50px; height:70px;}
#thumbs li.hs7 {margin-left:240px; margin-top:80px; width:45px; height:110px;}
#thumbs li.hs8 {margin-left:250px; margin-top:100px; width:60px; height:150px;}

#thumbs li a {text-decoration:none; display:block; height:100%; border:0px solid #ddd;}

#thumbs li a span {display:none;}
#thumbs li a img {width:0; height:0; border:0; overflow:hidden;}

#thumbs li a:active,
#thumbs li a:focus {visibility:visible; color:#000; border:0; cursor:default; width:0; height:0; 
outline:0;}

#thumbs li a:active span,
#thumbs li a:focus span {display:block; position:absolute; top:10px; left:10px; z-index:500; 
width:280px; color:#fff; font-size:11px; line-height:15px; font-family:verdana, arial, sans-serif;}
#thumbs li a:active span b,
#thumbs li a:focus span b {font-size:14px;}

#thumbs li a:active img,
#thumbs li a:focus img {display:block; position:absolute; top:0; left:524px; z-index:500; 
width:375px; height:400px;}

#instructions {width:400px; margin-top:20px;}
#instructions p {
	font-size:10px;
	font-family:verdana, arial, sans-serif;
	line-height:15px;
	padding:0;
	margin:5px;
}
#logos {
	width: 192px;
	float: left;
}
#afterlogos {
	width: 450px;
	float: left;
}
#belowlogos {
	width: 650px;
	float: left;
}