@charset "utf-8";
/* screen.css */
/* PJ Bland's Campaign */
/* 9.11.09, original */
/* 10.01.09, emm - new folder */

/* elements */
html,body { margin: 0; padding: 0 }
body { 
	font:  62.5% Verdana, Geneva, sans-serif ; 
	background-color: #141414 ;
}
body { font-size: .9em ; }
p {
	color: #fff ;
	margin: .2em 0 0 ;
	padding: 0 ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	line-height: 20px ;
}
a { display: block; 
	color: #bb936f ; 
	padding: 3px 0 ;
	text-decoration: underline ;
}
a.active {
	color: #fff ; /* #59a00b ; */
}
a:hover {
	color: #3C0  ;
}
/* containers for bg images page -> [ header, container ] -> outter wrapper  */
div#page {
	background-color: #160e09 ;
	width: 100% ; /* just a container for the header */
	margin: 0 auto ;
	text-align: center ;
}
div#container {
	background: #141414 url(../assets/bgContainer.jpg) repeat scroll 0 0 ; 
	width: 1024px ;
	margin: 0 auto ;
	text-align: left ;
}
div#outter_wrapper { /* page background */
	width: 1024px ;
	margin: 0 auto ;
	text-align: center ;
	padding: 40px 0 0 ;
}
div#header {
	background: #2b2019 url(../assets/header.jpg) no-repeat scroll top center ;
	position: relative ; 
	height: 110px ; 
	width: 100% ; /* actual 1074px (page = 1024px) */
}
div#header a { position: absolute; right: 0; top: 0 ; text-indent: -9999px ; }

h1 , h2 , h3 { 
	color: #fff ;
	font-weight: bold ;
	font-family: "Times New Roman", Times, serif ;
	letter-spacing: 2px;
	text-align: left ;
}
h1 { font-size: 24px ; letter-spacing: .2px ; margin: 20px 0 16px ; padding: 0 ; }
h2 { font-size: 20px ; margin: 18px auto 20px auto ; text-align: center ; }
h3 { font-size: 21px ; margin: 40px auto 0 ; }

/* main layout */
div#wrapper { float: right; width: 100%; margin-left: -370px }
div#content { padding: 5px ; margin-left: 370px }
div#block1 { padding: 0 ; margin-left: 40px ; float: left; width: 330px }
div#block2 { padding: 0 ; margin-left: 80px ; float: left; clear: left; width: 290px }

div#video_container { 
	width: 640px ;
	height: 382px ; 
	background: #141414 ;
}
object#mainVideo ,
embed { z-index: 1 ; }

div#sub_nav {
	margin: 15px auto ;
	text-align: center ;
}

div.video_th ,
div.photo_th {
	display: none ;
	margin: 0 auto ;
	text-align: center ;
	width: 100% ;
	height: 110px ;
}
/* video popups */
#movies {
	display: none ;
}

/* page display */
div#block2 ul ,
div#block2 ul li {
	list-style: none ;
	display: compact ; /* list-item ; */
	color: #fff ;
}
div#block2 ul li { 
	margin: 1em 0 0 ; 
	display: inline-block ;
	float: left ;
	margin: 12px auto 0 ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	line-height: 16px ;
	width: 135px ;
}
div#block2 ul#coverage li {
	/* width: 200px ; */
}

div#sub_nav ul ,
div#sub_nav ul li {
	list-style: none ;
	/* display: compact ; list-item ; */
	color: #fff ;
}
div#sub_nav ul li { 
	margin: 0 3px 5px 0 ;
	padding: 1px ;
	border: 1px solid #bb936f ;
	display: inline-block ;
}

/* aslett clearing method */
.clearfix:after {
	content: ".";
	display:block;
	height: 0;
	clear: both ;		
	visibility: hidden ;
}
.clearfix {
	 display: inline-table ; 
}
/* backslash hack hides from IE mac \*/
* html .clearfix {
	 height: 1%; 
}	
.clearfix {
	 display: block ;
} /* end backslash hack */

.clearIt { clear: both; }
.zoomIt {
	/* zoom: 1 ; /* to force layout for IE */
	display: inline-block;
	display: block ; /* get fix in reset.css */
}
