/* defaults */

html, body {
	padding	: 0px;
	margin	: 0px;
	height	: 100%;
	width	: 100%;
	}
	
body, td, div, input.text, textarea {
	font-family	: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height	: 18px;
	font-weight: normal;
	}

h1, h2, h3, h4, h5, h6 {
	padding		: 0px;
	font-family	: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	}

h1.home {
	font-size: 16px;
	color: #000000;
	margin-bottom: 7px;
	}

h2 {
	font-size: 16px;
	color: #FFFF00;
	margin-bottom: 10px;
	}
	
h2.project {color: #FFFFFF;}
	
h2.hel {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFF00;
	font-weight: normal;
	}
	
h3 {
	font-size: 14px;
	color: #000000;
	line-height: 15px;
	}
	
h4 {
	font-size: 18px; 
	color: #FFFFFF; 
	text-transform: uppercase;
	}
	
h5 {
	font-size: 11px;
	color: #FFFF00;
	 }
	
img { border: 0px;}

td {
	text-align: left;
	vertical-align: top;
	}
	
p { margin: 0px;}

a {color: #FFFFFF;}
a:hover {color: #FFFF00;}

/* sitewide styles */

#left-bg-wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
	background-color: #B7B7B7;
	}
	
#right-bg-wrapper {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 50%;
	height: 100%;
	background-color: #808080;
	}

#bg-img-wrapper {
	background-image: url(/img/bg-main.jpg);
	background-repeat: repeat-y;
	background-position: center;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	}

#site-wrapper {
	width: 1033px;
	min-height: 100%;
	position: relative;
	background: url(/img/content-bg.gif) repeat-y;
	margin: auto;
	}

#topnav {
	background-color: #333333;
	padding: 10px 114px 0px 0px;
	height: 110px;
	width: 715px;
	}
	
#logo {float: left;}
	
#topnav a, #about-topnav a {
	font-family	: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	}

a#logo {
	font-size: 32px;
	font-weight: bold;
	background: url(/img/logo-lines.gif) no-repeat;
	background-position: 239px 4px;
	width: 294px;
	height: 50px;
	letter-spacing: -2px;
	display: inline;
	line-height: 32px;
	}

.topnav-links {
	float: right;
	margin: 0px 47px 5px 0px;}

.topnav-links a {
	font-size: 13px;
	font-weight: bold;
	}
	
#footer {
	background-color: #000000;
	height: 144px;
	width: 967px;
	padding: 20px 0px 0px 60px;
	position: absolute;
	bottom: 0px;
	border-top: 4px solid #FFFFFF;
	}
	
#sponsor {
	float: left;
	margin-right: 50px;
	margin-left: -20px;
	}

#sponsor table {margin-top: 5px;}

#sponsor table td {
	padding: 0px 25px 0px 0px;
	vertical-align: middle;
	height: 58px;
	}
	
.footer-links {
	float: left;
	margin: 20px 30px 0px 0px;
	width: 71px;
	}
	
#footer-lines {	
	float: right;
	margin-right: 80px;
	}

#footer a {
	font-weight: normal;
	font-size: 11px;
	}
		
/* home */

#flash-area {
	background-color: #333333;
	height: 384px;
	width: 1016px;
	position: relative;
	}
	
#flash {
	background: #FFFFFF url(/img/flash-bg.gif) no-repeat bottom left;
	width: 878px;
	height: 321px;
	position: absolute;
	top: 0px;
	right: -26px; 
	}

#home-content {
	background-color: #FFFFFF;
	height: 311px;
	width: 1015px;
	position: relative;
	padding-bottom: 200px;
	}
	
#home-sez{
	float: left;
	margin: 28px 44px 0px 220px;
	width: 298px;
	text-align: right;
	font-size: 13px;
	color: #000000;
	line-height: 15px;
	}

#home-sez p {
	padding-right: 7px;
	margin-bottom: 10px;
	}

#home-yellow {
	height: 275px;
	width: 200px;
	background-color: #FFFF00;
	border: 1px solid #000000;
	padding: 22px 20px 25px 20px;
	position: absolute;
	top: -15px;
	right: 226px;
	line-height: 15px;
	}

#home-yellow a {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	}

#home-yellow a:hover {text-decoration: none;}

#home-rightnav {float: right;}

#home-rightnav a{
	display: block;
	color: #000000;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	padding: 25px 0px 25px 25px;
	width: 201px;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	}
	
#home-rightnav a:hover {
	width: 250px;
	right: -49px;
	padding-bottom: 24px;
	}

/* peripheral pages */

#content {
	width: 830px;
	padding-left: 192px; 
	padding-bottom: 30px;
	}	

#heading {
	width: 830px;
	font-size: 10px;
	color: #CCCCCC;
	margin-bottom: 60px;
	}

#heading a {
	font-size: 10px;
	text-decoration: none;
	color: #888888;
	}
	
#heading a:hover {color: #FFFF00;}
	
.thumbs img {
	margin: 0px 12px 50px 0px;
	}

div.thumbs a img {border: 1px solid #333333;}
div.thumbs a:hover img {border: 1px solid #FFFF00;}

#detail-img {
	width:600px;
 	float: left;
 	}

#detail-info {
	width:173px;
	float: right;
	padding: 50px 15px 0px 25px;
 	}

#detail-nav, #detail-nav a{
	color: #FFFFFF;
	font-size: 10px;
	margin-bottom: 20px;
	}

#detail-nav a{text-decoration: none;}
#detail-nav a:hover {color: #FFFF00;}	

#detail-info p {
	color: #999999;
	line-height: 15px;
	font-size: 11px;
	}
	
#about-topnav {
	background-color: #333333;
	padding: 10px 114px 0px 192px;
	height: 110px;
	width: 715px;
	height: 90px;
	position: fixed;
	top: 0px;
	background: url(/img/content-bg.gif) repeat-y;
	}
	
table.about {
	width: 459px;
	}
	
table.about td {
	padding: 5px 0px 5px 0px;
	color: #CCCCCC;
	font-size: 12px;
	}
	
table.about td p{margin-bottom: 5px;}

.pull-quote {
	width: 345px;
	min-height: 40px;
	border: 1px solid #CCCCCC;
	padding: 10px 20px 10px 25px;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 22px;
	margin-left: -40px;
	margin-top: 10px;
	}

/*	
h4.about, table.about td {
	background-image: url(/img/yellow-bullet.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	font-weight: normal;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	color: #CCCCCC;
	font-size: 12px;
	display: inline;
	}	
	
ul.about-bullet li {
	list-style: none;
	background-image: url(/img/yellow-bullet.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	font-weight: normal;
	padding: 0px 0px 14px 25px;
	margin: 0px;
	font: bold 11px Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	}
	 
ul.about-bullet  {
	margin: 0px!important;
	padding: 0px;
	}
*/
	
#about-floating-nav {
	background: url(/img/about-floating-nav-bg.jpg) no-repeat;
	height: 750px;
	width: 249px;
	padding: 20px 0px 0px 0px;
	color: #FFFF00;
	font-size: 10px;
	position: fixed;
	top: 122px;
	left: 50%;
	margin: 0px 0px 0px 204px;
	z-index: 5;
	}
	
#about-floating-nav a, .project-info a, .series-info a, .link-info a {
	color: #FFFF00;
	font-size: 10px;
	text-decoration: none;
	}
	
#about-floating-nav a:hover, .project-info a:hover, .series-info a:hover {text-decoration: underline;}

.link-info a:hover {color: #FFFFFF;}

.about-anchors {
	height: 20px; 
	width: 20px; 
	margin: -80px 0px 80px 0px; 
	}
	
.project-left, .project-right{
	width: 779px;
	background: url(/img/dotted-grey-bg.gif) repeat-x bottom left;
	padding: 60px 0px;
	}
	
.project-left table, .project-right table {width: 779px;}

td.project-img a img {border: 1px solid #CCCCCC;}
td.project-img a:hover img{border: 1px solid #FFFF00;}

td.project-img a {
	font-size: 11px; 
	color: #FFFF00;
	text-decoration: none;
	}
		
td.project-img a:hover {color: #FFFFFF;}

.project-info {
	color: #FFFF00;
	padding-left: 20px;
	}

.project-info p{
	font-size: 11.5px;
	color: #FFFFFF;
	padding: 0px 0px 15px 0px;
	line-height: 15px;
	width: 415px;
	}
	
ul.project {
	margin: 0px;
	padding: 0px;
	}

ul.project li {
	margin-left: 14px;
	color: #FFFFFF;
	}
	
.series-info {
	color: #FFFF00;
	padding-left: 35px;
	}

.series-info p{
	font-size: 11.5px;
	color: #FFFFFF;
	padding: 0px 45px 10px 0px;
	line-height: 15px;
	width: 400px;
	}
	
.series-info a:hover {
	text-decoration: none; 
	color: #FFFFFF;
	}

#slideshow-placeholder {
	width: 600px;
	height: 600px;
	}
	
#contact {margin-top: 30px;}
	
#contact td{
	color: #CCCCCC;
	font-size: 11px;
	vertical-align: middle;
	text-align: right;
	}
	
#contact td input[type="text"], #contact td textarea {
	background-color:#333333;
	border:1px solid #CCCCCC;
	height:29px;
	margin:10px 0 10px 25px;
	width:324px;
	color: #FFFFFF;
	padding: 2px;
	vertical-align: middle;
	}

#contact td a {
	color: #FFFF00; 
	text-decoration: none;
	}

#contact td a:hover {color: #FFFFFF;}

.error {color: #FFFF00!important;}

.error-border {border-color: #FFFF00!important;}

.links {
	margin-left:75px;
	width: 508px;
	}

.link-left, .link-right {
	width: 779px;
	padding: 15px 0px;
	}

.link-info {
	padding: 0px 40px; 
	vertical-align: middle;
	}
	
.link-img, .link-img-grey {width: 100px;}

/*
td.link-img-grey a img {border: 1px solid #333333;}
td.link-img-grey a:hover img {border: 1px solid #FFFF00;}
*/

a.contact-link {
	color: #CCCCCC!important;
	text-decoration: underline!important;
	}
	
a:hover.contact-link {color: #FFFF00!important;}