@charset "UTF-8";
/* CSS Document */

@import url(reset.css);
@import url(fonts.css);
@import url(classes.css);

body {
	background: url(../images/grungeBack.jpg) center 26px no-repeat #000;}

#headerWrap {
	background: #000;
	border-bottom: 5px solid #ff2b05;}
	
	#header {
		width: 910px;
		margin: 0 auto;
		border-right: 5px solid #ff2b05;
		padding: 25px;
		position: relative;}
		
		#header a.logo:hover {
			background: none;} 
		
		#nav {
			right: 10px;
			bottom: 10px;
			position: absolute;
			width: 700px;
			text-align: right;}
			
			#nav li {
				margin: 0 8px 0 0;
				color: white;				
				display: inline;}
		
		#date {
			background: #ff2b05;
			width: 215px;
			padding: 5px;
			left: 20px;
			position: absolute;
			bottom: -30px;
			height: 15px;}
			
			#date li {
				text-align: center;
				margin: 0;
				width: 215px;
				padding: 0;}
				
				#date li a {
					letter-spacing: normal;
					text-transform: none;
					padding-right: 5px;
					width: 215px;}
					
					#date li a:hover {
						background: #333;}
						
					.dateHover {
						background: #333;}
			
			#date li {
				display: none;}
		
		#circle {
			position: absolute;
			right: -73px;
			bottom: -73px;
			width: 146px;
			height: 146px;
			background: url(../images/circle.png) top left no-repeat;}
			
		#nav {
			}
			
#mainWrap {
	width: 960px;
	margin: 0 auto;
	border-right: 5px solid #ff2b05;}
	
	#textWrap {
		float: left;
		width: 350px;
		color: white;
		padding: 40px 10px 20px 25px;}
		
		#textWrap p {
			margin-bottom: 10px;}
			
	.noShow {
		display: none;}
			
	#videoBack, #video, #video2 {
		position: absolute;}
		
		#video, #video2, #videoBack {
			display: none;}
		
		#videoBack {
			background: url(../images/videoBack.png) top left repeat;
			height: 700px;
			width: 100%;
			left: 0;
			top: 90px;
			z-index: 2;}
			
		#video, #video2 {
			z-index: 5;
			width: 444px;
			top: 0;
			left: 50%;
			top: 50%;
			margin-left: -222px;
			margin-top: -222px;}
			
			#video2 {
				margin-left: -360px;}
	
	#imageWrapper img {
		float: right;}
		
	#imageWrapper p.header {
		margin-bottom: 3px;}
		
	#imageWrapper p.subHeader {
		margin-bottom: 15px;}
		
	#contentWrapper {
		background: url(../images/opaqueBlk.png) top left repeat;
		margin-top: 30px;
		padding: 15px;}
		
		.highlights {
			width: 259px;
			border-right: 1px solid #272727;
			float: left;
			margin-right: 10px;
			height: 200px;}		
			
		#footer {
			background: url(../images/anchorageSkyLine.png) top center no-repeat;
			height: 115px;			
			padding: 60px 5px 5px 5px;
			margin-top: 20px;}
			
		.clear {
			clear: both;}