@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - WALTZ WITH BASHIR TRAILER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		wwb_trailer.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/trailerBG.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_trailer_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_trailer_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_trailer_aboutAri.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_trailer_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 {
			width:70px; height:16px;
			display:block;
			background:url(../../images/nav_trailer_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:70px; height:16px;
			display:block;
			background:url(../../images/nav_trailer_trailers.jpg) top no-repeat;
		}
			#navbar ul li.trailer a:hover {
				background-position:bottom;
		
			}
			
			
/* main content styles */

#contentSpace {
	margin:0;
	width:723px;

}

#contentSpace #mediaPlayer {
		margin:92px 0 140px 89px;
		width:720px; height:480px;
	}
	
	
/*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;
	}