@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - WALTZ WITH BASHIR HISTORY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		wwb_history.css
	Date:			Sept 8, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*main/body styles */

* {
		margin:0; padding:0;
	}
	
.altText {
	text-indent:-3000px;
	display:block;
	font:normal 2px Arial, Helvetica, sans-serif;
	line-height: 2px;
}
	
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	}

.clearfix {
	display:inline-block;
}	
	
html[xmlns] .clearfix {
	display:block;
}
	
* html .clearfix {
	height:1%;
}

body {
	background:black url(../images/historyBG.jpg) top center no-repeat;
}

#main {
	margin:0 auto; padding:35px 0 0 0;
	width:960px;
}

#header {
	margin:0; padding:0 0 0 365px;
	width:595px;
}

/*nav styles */

#navbar {
	margin:0 0 0 0; padding:0;
	width:300px;
}

	#navbar ul {
		list-style:none;
	}
		#navbar ul li {
			margin:0; padding:0 26px 0 0;
			float:left;
			display:inline;	
		}
			#navbar ul li a.active {
				background-position:bottom !important;
			}
		
		#navbar ul li.home a:link, #navbar ul li.home a:active, #navbar ul li.home a:visited {
			width:42px; height:16px;
			display:block;
			background:url(../images/nav_history_home.jpg) top no-repeat;
		}
			#navbar ul li.home a:hover {
				background-position:bottom;
		
			}
			
		#navbar ul li.history a:link, #navbar ul li.history a:active, #navbar ul li.history a:visited {
			width:55px; height:16px;
			display:block;
			background:url(../images/nav_history_history.jpg) top no-repeat;
		}
			#navbar ul li.history a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.about a:link, #navbar ul li.about a:active, #navbar ul li.about a:visited {
			width:69px; height:16px;
			display:block;
			background:url(../images/nav_history_about.jpg) top no-repeat;
		}
			#navbar ul li.about a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.viewStills a:link, #navbar ul li.viewStills a:active, #navbar ul li.viewStills a:visited {
			width:69px; height:16px;
			display:block;
			background:url(../images/nav_history_viewStills.jpg) top no-repeat;
		}
			#navbar ul li.viewStills a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.narrators a:link, #navbar ul li.narrators a:active, #navbar ul li.narrators a:visited {
			padding:0 4px 0 0;
			width:70px; height:16px;
			display:block;
			background:url(../images/nav_history_narrators.jpg) top no-repeat;
		}
			#navbar ul li.narrators a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.trailer a:link, #navbar ul li.trailer a:active, #navbar ul li.trailer a:visited {
			width:51px; height:16px;
			display:block;
			background:url(../images/nav_history_trailer.jpg) top no-repeat;
		}
			#navbar ul li.trailer a:hover {
				background-position:bottom;
		
			}
			
/* main content styles */

#contentSpace {
	margin:0; padding:90px 0 100px 365px;
	width:595px;

}

#mainCol {
	width:569px;
}

	#mainCol h1 {
		margin: 0 0 30px 0; padding:0;
		width:443px; height:40px;
		background:url(../images/h1_history.png) no-repeat;
		behavior:url(css/iepngfix.htc);
	}
	
	#mainCol p {
		margin:0 0 15px 0; padding:0;
		width:542px;
		font:normal 15px Arial, Helvetica, sans-serif;
		color:white;
		line-height:15px;
	}
	
	#mainCol p strong {
		font-weight:bold;
	}
	
	
/*footer styles */

#footer {
	margin:0; padding:0 0 25px 365px;
	width:595px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#656565;
}
	#footer a:link, #footer a:visited, #footer a:active {
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#656565;
		text-decoration:none;
	}
		#footer a:hover {
			color:white;
		}
	#sony {
		display:inline;
	
	}
	
	#halo {
		padding: 0 0 0 30px;
		display:inline;
	}