@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - WALTZ WITH BASHIR STILLS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		wwb_stills.css
	Date:			Aug 18, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		background:#000;
	}
	#main {
		width:1166px; height:803px;
		margin:0 auto; padding:37px 0 0 65px;
		background:url(../images/bg.png) repeat-x;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		margin:8px 0 0 0;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navbar {
		margin:0 0 71px 357px; 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:blue url(../images/nav_stills/nav_stills_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:56px; height:16px;
			display:block;
			background:url(../images/nav_stills/nav_stills_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_stills/nav_stills_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:68px; height:16px;
			display:block;
			background:url(../images/nav_stills/nav_stills_stills.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:71px; height:16px;
			display:block;
			background:url(../images/nav_stills/nav_stills_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:50px; height:16px;
			display:block;
			background:url(../images/nav_stills/nav_stills_trailer.jpg) top no-repeat;
		}
			#navbar ul li.trailer a:hover {
				background-position:bottom;
		
			}
/*	--------------------------------------------------------------------------------------------------------------------------

	altCol Styles

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main .altCol {
		width:332px;
		margin:5px 0 0 0;
		float:left;
	}
		#main .altCol a.thumbnail1:link, #main .altCol a.thumbnail1:active, #main .altCol a.thumbnail1:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail1.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail1:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail2:link, #main .altCol a.thumbnail2:active, #main .altCol a.thumbnail2:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail2.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail2:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail3:link, #main .altCol a.thumbnail3:active, #main .altCol a.thumbnail3:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail3.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail3:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail4:link, #main .altCol a.thumbnail4:active, #main .altCol a.thumbnail4:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail4.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail4:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail5:link, #main .altCol a.thumbnail5:active, #main .altCol a.thumbnail5:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail5.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail5:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail6:link, #main .altCol a.thumbnail6:active, #main .altCol a.thumbnail6:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail6.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail6:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail7:link, #main .altCol a.thumbnail7:active, #main .altCol a.thumbnail7:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail7.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail7:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail8:link, #main .altCol a.thumbnail8:active, #main .altCol a.thumbnail8:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail8.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail8:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail9:link, #main .altCol a.thumbnail9:active, #main .altCol a.thumbnail9:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail9.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail9:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail10:link, #main .altCol a.thumbnail10:active, #main .altCol a.thumbnail10:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail10.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail10:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail11:link, #main .altCol a.thumbnail11:active, #main .altCol a.thumbnail11:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail11.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail11:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail12:link, #main .altCol a.thumbnail12:active, #main .altCol a.thumbnail12:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail12.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail12:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail13:link, #main .altCol a.thumbnail13:active, #main .altCol a.thumbnail13:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail13.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail13:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail14:link, #main .altCol a.thumbnail14:active, #main .altCol a.thumbnail14:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail14.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail14:hover {
				background-position:bottom;
			}
		#main .altCol a.thumbnail15:link, #main .altCol a.thumbnail15:active, #main .altCol a.thumbnail15:visited {
			width:166px; height:94px;
			background:url(../images/photos/thumbnail15.jpg) top no-repeat;
			display:block;
			float:left;
		}
			#main .altCol a.thumbnail15:hover {
				background-position:bottom;
			}

/*	--------------------------------------------------------------------------------------------------------------------------

	mainCol Styles

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main .mainCol {
		float:left;
	}
	#main .mainCol #photoHolder {
		margin:5px 0 0 27px;
	}
	#main .mainCol .prevNext {
		width:546px;
		margin:26px 0 0 26px;
		float:left;
		display:inline;
	}
	#main .mainCol .prevNext a.prevBtn:link, #main .mainCol .prevNext a.prevBtn:active, #main .mainCol .prevNext a.prevBtn:visited {
		width:75px; height:29px;
		background:url(../images/btn_prev.png) top no-repeat;
		behavior:url(css/iepngfix.htc);
		display:block;
		float:left;
	}
		#main .mainCol .prevNext a.prevBtn:hover {
			background-position:bottom;
		}
	#main .mainCol .prevNext a.nextBtn:link, #main .mainCol .prevNext a.nextBtn:active, #main .mainCol .prevNext a.nextBtn:visited {
		width:75px; height:29px;
		margin:0 0 0 389px;
		background:url(../images/btn_next.png) top no-repeat;
		behavior:url(css/iepngfix.htc);
		display:inline;
		float:left;
	}

		#main .mainCol .prevNext a.nextBtn:hover {
			background-position:bottom;
		}

/*----------------------------------------------------------------------------------------------------------------------------

	footer styles
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	/*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;
	}