@charset "utf-8";

/*	-------------------------------------------------------------
	CSS - It Might Get Loud
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	Created:		January 6, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		color:#fff;
		font:normal 13px Arial, Helvetica, sans-serif;
	}
	.altText {
		height:0;
		display:block;
		overflow:hidden;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	
	#main {
		width:960px;
		margin:0 auto;
		position:relative;
	}
	#trailerVid {
		width:640px; height:366px;
	}
	#footer {
		margin:125px 0 100px 0; padding:0 0 20px 0;
		text-align:center;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#606060;
	}
		#footer a:link, #footer a:visited, #footer a:active {
			color:#606060;
			text-decoration:none;
		}
			#footer a:hover {
				color:#9e9e9e;
			}
	#releases {
		padding:63px 0 0 0;
		background:url(../images/bg_dates.jpg) top center no-repeat;
	}	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h1 {
		margin:23px 0 0 27px;
		width:314px; height:35px;
		float:left;
		display:inline;
	}
	h2#h2_releaseDate {
		width:239px; height:29px;
		margin:24px 0 0 10px;
		background:url(../images/h2_releaseDates.png) 0 0 no-repeat;
		float:left;
	}
	ul#nav {
		margin:8px 0 0 28px;
		list-style:none;
	}
		ul#nav li {
			margin:0 23px 0 0;
			float:left;
		}
			ul#nav li a.navSyn:link, ul#nav li a.navSyn:active, ul#nav li a.navSyn:visited {
				width:66px; height:13px;
				background:url(../images/nav_synopsis.png) 0 top no-repeat;
				display:block;
				text-decoration:none;
			}
				ul#nav li a.navSyn:hover {
					background-position:0 -13px;
				}
			ul#nav li a.navGal:link, ul#nav li a.navGal:active, ul#nav li a.navGal:visited {
				width:62px; height:13px;
				background:url(../images/nav_gallery.png) 0 top no-repeat;
				display:block;
				text-decoration:none;
			}
				ul#nav li a.navGal:hover {
					background-position:0 -13px;
				}
			ul#nav li a.navArt:link, ul#nav li a.navArt:active, ul#nav li a.navArt:visited {
				width:90px; height:13px;
				background:url(../images/nav_artists.png) 0 top no-repeat;
				display:block;
				text-decoration:none;
			}
				ul#nav li a.navArt:hover {
					background-position:0 -13px;
				}
			ul#nav li a.navFil:link, ul#nav li a.navFil:active, ul#nav li a.navFil:visited {
				width:123px; height:13px;
				background:url(../images/nav_filmmakers.png) 0 top no-repeat;
				display:block;
				text-decoration:none;
			}
				ul#nav li a.navFil:hover {
					background-position:0 -13px;
				}
			ul#nav li a.navQA:link, ul#nav li a.navQA:active, ul#nav li a.navQA:visited {
				width:32px; height:17px;
				background:url(../images/nav_qa.png) 0 top no-repeat;
				display:block;
				text-decoration:none;
			}
				ul#nav li a.navQA:hover {
					background-position:0 -17px;
				}
			ul#nav li a.navPressKit:link, ul#nav li a.navPressKit:active, ul#nav li a.navPressKit:visited {
				width:71px; height:13px;
				background:url(../images/nav_pressKit.png) 0 top no-repeat;
				display:block;
				text-decoration:none;
			}
				ul#nav li a.navPressKit:hover {
					background-position:0 -13px;
				}
			ul#nav li a.navTrailer:link, ul#nav li a.navTrailer:active, ul#nav li a.navTrailer:visited {
				width:60px; height:13px;
				background:url(../images/nav_trailer.png) 0 top no-repeat;
				display:block;
				text-decoration:none;
			}
				ul#nav li a.navTrailer:hover {
					background-position:0 -13px;
				}
			
			
			ul#nav li a.active {
				background-position:bottom !important;
			}


/*	--------------------------------------------------------------------------------------------------------------------------
	index styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#index {
		background:#fff url(../images/bg_home.jpg) center top no-repeat;
	}
	
	body#index a.enter:link, body#index a.enter:visited, body#index a.enter:active {
		margin:5px 0 0 338px;
		width:152px; height:44px;
		display:block;
		background:url(../images/btn_enter.png) 0 top no-repeat;
		text-decoration:none;
	}
		body#index a.enter:hover {
			background-position:bottom;
		}
	body#index .buttons {
		margin:5px 0 0 338px;
	}
		body#index a.pressKit:link, body#index a.pressKit:active, body#index a.pressKit:visited {
			width:108px; height:19px;
			margin:0;
			background:url(../images/btn_pressKit.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			body#index a.pressKit:hover {
				background-position:0 -19px;
			}
		body#index a.nowPlaying:link, body#index a.nowPlaying:active, body#index a.nowPlaying:visited {
			width:183px; height:23px;
			margin:0 0 0 693px;
			background:url(../images/btn_nowPlaying.png) 0 0 no-repeat;
			display:none;
			position:absolute;
			top:126px;
		}
			body#index a.nowPlaying:hover {
				background-position:0 -23px;
			}
		body#index a.trailer:link, body#index a.trailer:active, body#index a.trailer:visited {
			width:108px; height:19px;
			margin:0 0 0 6px;
			background:url(../images/btn_trailer.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			body#index a.trailer:hover {
				background-position:0 -19px;
			}
		body#index a.facebook:link, body#index a.facebook:active, body#index a.facebook:visited {
			width:108px; height:19px;
			margin:0 0 0 6px;
			background:url(../images/btn_facebook.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			body#index a.facebook:hover {
				background-position:0 -19px;
			}
		body#index a.dates:link, body#index a.dates:active, body#index a.dates:visited {
			width:108px; height:19px;
			margin:0 0 0 6px;
			background:url(../images/btn_releaseDates.png) 0 0 no-repeat;
			display:block;
			text-decoration:none;
			float:left;
		}
			body#index a.dates:hover {
				background-position:0 -19px;
			}
		body#index a.widget:link, body#index a.widget:active, body#index a.widget:visited {
			width:136px; height:19px;
			margin:0 0 0 6px;
			background:url(../images/btn_widget.png) 0 0 no-repeat;
			display:block;
			text-decoration:none;
			float:left;
		}
			body#index a.widget:hover {
				background-position:0 -19px;
			}
		body#index a.contest:link, body#index a.contest:active, body#index a.contest:visited {
			width:219px; height:84px;
			margin:11px 0 0 684px;
			display:block;
			background:url(../images/btn_contest.png) 0 0 no-repeat;
		}
			body#index a.contest:hover {
				background-position:bottom left;
			}
		body#index .dvd {
			width:215px;
			margin:89px 0 0 338px;
		}
			body#index .dvd h3 {
				width:157px; height:28px;
				margin:0 0 10px 0;
				background:url(../images/release_date.png) 0 0 no-repeat;
			}
		body#index .covers {
			width:116px; height:84px;
			position:absolute;
			top:84px; left:559px;
		}
			body#index .covers a.blurayCover {
				width:54px; height:84px;
				display:block;
				float:left;
			}
			body#index .covers a.dvdCover {
				width:62px; height:84px;
				display:block;
				float:left;
			}
		body#index a.btn_buyBluray:link, body#index a.btn_buyBluray:active, body#index a.btn_buyBluray:visited {
			width:102px; height:19px;
			margin:0 4px 0 0;
			background:url(../images/btn_buyBluray.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			body#index a.btn_buyBluray:hover {
				background-position:0 -19px;
			}
		body#index a.btn_buyDvd:link, body#index a.btn_buyDvd:active, body#index a.btn_buyDvd:visited {
			width:102px; height:19px;
			background:url(../images/btn_buyDvd.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			body#index a.btn_buyDvd:hover {
				background-position:0 -19px;
			}
	body#index .footer {
		width:662px;
		margin:384px auto 0 auto;
		color:#8a8a8a;
		font:normal 10px Arial, Helvetica, sans-serif;
	}
		body#index .footer p {
			margin:0; padding:5px 0 0 0; 
		}
		body#index .footer .fineprint {
			float:left;
		}
		body#index .footer .credits {
			width:74px;
			float:right;
		}
	body#index a {
		color:#8a8a8a;
		text-decoration:none;
	}
		body#index a:hover {
			color:#484848;
		}
	body#index a.halo {
		width:74px; height:14px;
		margin:0 auto;
		display:block;
		background:url(../images/haloLogo_wh.png) 0 0 no-repeat;
	}
		body#index a.halo:hover {
			background-position:left bottom;
		}
		
	
/*	--------------------------------------------------------------------------------------------------------------------------
	synopsis styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#synopsis {
		background:#000 url(../images/bg_synopsis.jpg) center top no-repeat;
	}
	body#synopsis .content {
		margin:50px 0 0 500px;
		width:425px;
	}
		body#synopsis .content h2 {
			width:104px; height:21px;
			margin:0 0 25px 0;
			background:url(../images/h2_synopsis.png) no-repeat;
		}
		body#synopsis .content p {
			margin:0 0 20px 0;
			line-height:18px;
		}
		
		
/*	--------------------------------------------------------------------------------------------------------------------------
	gallery styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#gallery {
		background:#000 url(../images/bg_gallery.jpg) center top no-repeat;
	}
		body#gallery .content {
			margin:40px 0 0 40px;
		}
			body#gallery .content h2 {
				margin:0 0 30px 0;
				width:92px; height:20px;
				background:url(../images/h2_gallery.png) no-repeat;
			}
			body#gallery .content .photoHolder {
			
			}
				body#gallery .content .photoHolder .thumbs {
					width:270px;
					float:left;
				}
					body#gallery .content .photoHolder .thumbs .thumbnail {
						margin:0 30px 20px 0;
						width:99px;
						display:inline;
						float:left;
					}
				body#gallery .content .photoHolder .photoLarge {
					width:510px;
					float:left;
				}
					body#gallery .content .photoHolder .photoLarge .photo {
						width:510px; height:287px;
						border:1px solid #61180e;
						background:#000;					
					}
					
			/* thumbnail links */
			body#gallery a.tn1:link, body#gallery a.tn1:visited, body#gallery a.tn1:active {
				width:97px; height:97px;
				border:1px solid #61180e;
				background:url(../images/tn1.jpg) 0 top no-repeat;
				text-decoration:none;
				display:block;
			}
				body#gallery a.tn1:hover {
					background-position:bottom;
					border:1px solid #edbe05;
				}
			body#gallery a.tn2:link, body#gallery a.tn2:visited, body#gallery a.tn2:active {
				width:97px; height:97px;
				border:1px solid #61180e;
				background:url(../images/tn2.jpg) 0 top no-repeat;
				text-decoration:none;
				display:block;
			}
				body#gallery a.tn2:hover {
					background-position:bottom;
					border:1px solid #edbe05;
				} 
			body#gallery a.tn3:link, body#gallery a.tn3:visited, body#gallery a.tn3:active {
				width:97px; height:97px;
				border:1px solid #61180e;
				background:url(../images/tn3.jpg) 0 top no-repeat;
				text-decoration:none;
				display:block;
			}
				body#gallery a.tn3:hover {
					background-position:bottom;
					border:1px solid #edbe05;
				} 
			body#gallery a.tn4:link, body#gallery a.tn4:visited, body#gallery a.tn4:active {
				width:97px; height:97px;
				border:1px solid #61180e;
				background:url(../images/tn4.jpg) 0 top no-repeat;
				text-decoration:none;
				display:block;
			}
				body#gallery a.tn4:hover {
					background-position:bottom;
					border:1px solid #edbe05;
				} 
			body#gallery a.tn5:link, body#gallery a.tn5:visited, body#gallery a.tn5:active {
				width:97px; height:97px;
				border:1px solid #61180e;
				background:url(../images/tn5.jpg) 0 top no-repeat;
				text-decoration:none;
				display:block;
			}
				body#gallery a.tn5:hover {
					background-position:bottom;
					border:1px solid #edbe05;
				}
			body#gallery a.tn6:link, body#gallery a.tn6:visited, body#gallery a.tn6:active {
				width:97px; height:97px;
				border:1px solid #61180e;
				background:url(../images/tn6.jpg) 0 top no-repeat;
				text-decoration:none;
				display:block;
			}
				body#gallery a.tn6:hover {
					background-position:bottom;
					border:1px solid #edbe05;
				} 
				
			
		/* buttons */
		body#gallery .content .photoHolder .photoLarge .btnHolder {
			margin:15px 0 0 0;
		}
			body#gallery a.btnPrev:link, body#gallery a.btnPrev:visited, body#gallery a.btnPrev:active {
				width:77px; height:15px;
				background:url(../images/btn_prev.png) no-repeat;
				display:block;
				float:left;
			}
				body#gallery a.btnPrev:hover {
					background-position:bottom;
				}
			body#gallery a.btnNext:link, body#gallery a.btnNext:active, body#gallery a.btnNext:visited {
				width:78px; height:15px;
				background:url(../images/btn_next.png) no-repeat;
				display:block;
				float:right;
			}
				body#gallery a.btnNext:hover {
					background-position:bottom;
				}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	artists styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#artists {
		background:#000 url(../images/bg_artists.jpg) center top no-repeat;
	}	
		body#artists .content {
			margin:220px 0 0 325px;
			width:614px;
		}
			body#artists .content p {
				margin:0 0 20px 0;
				line-height:18px;
			}
			
			/* artistNav */
			body#artists ul#artistNav {
				margin:0 0 20px 0;
				list-style:none;
			}
				body#artists ul#artistNav li {
					margin:0 45px 0 0;
					float:left;
				}
					body#artists ul#artistNav li a.navJimmy:link, body#artists ul#artistNav li a.navJimmy:active, body#artists ul#artistNav li a.navJimmy:visited {
						width:147px; height:21px;
						background:url(../images/nav_jimmy.png) 0 bottom no-repeat;
						display:block;
						text-decoration:none;
					}
						body#artists ul#artistNav li a.navJimmy:hover {
							background-position:0 -21px;
						}
					body#artists ul#artistNav li a.navEdge:link, body#artists ul#artistNav li a.navEdge:active, body#artists ul#artistNav li a.navEdge:visited {
						width:109px; height:20px;
						background:url(../images/nav_edge.png) 0 top no-repeat;
						display:block;
						text-decoration:none;
					}
						body#artists ul#artistNav li a.navEdge:hover {
							background-position:0 -20px;
						}
					body#artists ul#artistNav li a.navJack:link, body#artists ul#artistNav li a.navJack:active, body#artists ul#artistNav li a.navJack:visited {
						width:132px; height:16px;
						background:url(../images/nav_jack.png) 0 top no-repeat;
						display:block;
						text-decoration:none;
					}
						body#artists ul#artistNav li a.navJack:hover {
							background-position:0 -16px;
						}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	filmmakers styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#filmmakers {
		background:#000 url(../images/bg_filmmakers.jpg) center top no-repeat;
	}
		body#filmmakers .content {
			margin:230px 0 0 245px;
		}
			body#filmmakers .content p {
				margin:0 0 20px 0;
				line-height:18px;
			}
			
			/* filmmakerNav */
			body#filmmakers ul#filmmakerNav {
				margin:0 0 20px 0;
				list-style:none;
			}
				body#filmmakers ul#filmmakerNav li {
					float:left;
				}
					body#filmmakers ul#filmmakerNav li a.navThomas:link, body#filmmakers ul#filmmakerNav li a.navThomas:active, body#filmmakers ul#filmmakerNav li a.navThomas:visited {
						width:127px; height:13px;
						margin:0 25px 0 0;
						background:url(../images/nav_thomas.png) 0 bottom no-repeat;
						display:block;
						text-decoration:none;
					}
						body#filmmakers ul#filmmakerNav li a.navThomas:hover {
							background-position:0 -13px;
						}
					body#filmmakers ul#filmmakerNav li a.navDavis:link, body#filmmakers ul#filmmakerNav li a.navDavis:active, body#filmmakers ul#filmmakerNav li a.navDavis:visited {
						width:192px; height:17px;
						margin:0 25px 0 0;
						background:url(../images/nav_davis.png) 0 top no-repeat;
						display:block;
						text-decoration:none;
					}
						body#filmmakers ul#filmmakerNav li a.navDavis:hover {
							background-position:0 -17px;
						}
					body#filmmakers ul#filmmakerNav li a.navLesley:link, body#filmmakers ul#artistfilmmakerNav li a.navLesley:active, body#filmmakers ul#filmmakerNav li a.navLesley:visited {
						width:156px; height:17px;
						margin:0 25px 0 0;
						background:url(../images/nav_lesley.png) 0 top no-repeat;
						display:block;
						text-decoration:none;
					}
						body#filmmakers ul#filmmakerNav li a.navLesley:hover {
							background-position:0 -17px;
						}
					body#filmmakers ul#filmmakerNav li a.navPeter:link, body#filmmakers ul#artistfilmmakerNav li a.navPeter:active, body#filmmakers ul#filmmakerNav li a.navPeter:visited {
						width:163px; height:13px;
						background:url(../images/nav_peter.png) 0 top no-repeat;
						display:block;
						text-decoration:none;
					}
						body#filmmakers ul#filmmakerNav li a.navPeter:hover {
							background-position:0 -13px;
						}
						
						
/*	--------------------------------------------------------------------------------------------------------------------------
	qa styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#qa {
		background:#000 url(../images/bg_qa.jpg) center top no-repeat;
	}
		body#qa .content {
			margin:230px 0 0 325px;
			width:614px;
		}
			body#qa .content h3 {
				margin:25px 0 5px 0;
				font:bold italic 15px Arial, Helvetica, sans-serif;
				line-height:18px;
			}
			body#qa .content p {
				margin:0 0 10px 0;
				line-height:18px;
			}
			
			
			
			/* qaNav */
			body#qa ul#qaNav {
				list-style:none;
			}
				body#qa ul#qaNav li {
					margin:0 45px 0 0;
					float:left;
				}
					body#qa ul#qaNav li a.navThomasQA:link, body#qa ul#qaNav li a.navThomasQA:active, body#qa ul#qaNav li a.navThomasQA:visited {
						width:149px; height:15px;
						background:url(../images/nav_thomasQA.png) 0 bottom no-repeat;
						display:block;
						text-decoration:none;
					}
						body#qa ul#qaNav li a.navThomasQA:hover {
							background-position:0 -15px;
						}
					body#qa ul#qaNav li a.navDavisQA:link, body#qa ul#qaNav li a.navDavisQA:active, body#qa ul#qaNav li a.navDavisQA:visited {
						width:223px; height:21px;
						background:url(../images/nav_davisQA.png) 0 top no-repeat;
						display:block;
						text-decoration:none;
					}
						body#qa ul#qaNav li a.navDavisQA:hover {
							background-position:0 -21px;
						}

/*	--------------------------------------------------------------------------------------------------------------------------
	trailer styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#trailer {
		background:#000 url(../images/bg_home.jpg) center top no-repeat;
	}
		body#trailer .content {
			width:640px; height:366px;
			margin:90px 0 0 300px;
			text-align:right;
		}
		body#trailer a.close {
			font: bold 11px Arial, Helvetica, sans-serif;
			color:#fecc05;
			text-decoration:none;
		}
			body#trailer a.close:hover {
				color:#fff;
			}
		body#trailer #trailerVid {
			width:640px; height:366px;
		}