/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
.clear { clear:both; height: 0; padding: 0; margin: 0; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
body {
	font-family: Arial;
	font-size: 14px;
	line-height: 24px;
	color: #5b5b5b
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline: none;
}
/*reusable classes*/
.inner-wrap{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.half-float{
	width: 480px;
	float: left;
	position: relative;
}
/*
@font-face {
    font-family: 'GraphikLight';
    src: url('../fonts/graphik-light.eot');
    src: url('../fonts/graphik-light.eot') format('embedded-opentype'),
         url('../fonts/graphik-light.woff') format('woff'),
         url('../fonts/graphik-light.ttf') format('truetype'),
         url('../fonts/graphik-light.svg#GraphikLight') format('svg');
}
@font-face {
    font-family: 'GraphikMedium';
    src: url('../fonts/graphik-medium.eot');
    src: url('../fonts/graphik-medium.eot') format('embedded-opentype'),
         url('../fonts/graphik-medium.woff') format('woff'),
         url('../fonts/graphik-medium.ttf') format('truetype'),
         url('../fonts/graphik-medium.svg#GraphikMedium') format('svg');
}
@font-face {
    font-family: 'GraphikRegular';
    src: url('../fonts/graphik-regular.eot');
    src: url('../fonts/graphik-regular.eot') format('embedded-opentype'),
         url('../fonts/graphik-regular.woff') format('woff'),
         url('../fonts/graphik-regular.ttf') format('truetype'),
         url('../fonts/graphik-regular.svg#GraphikRegular') format('svg');
}
*/
/*\\END Reusable classes*/
#top-bar{
	width: 100%;
	height: 43px;
	background-color: #000000;
	position: relative;
	z-index: 4;
}
	#timer{
		font-family: "brandon-grotesque";
		font-style: normal;
		font-weight: 300;
		font-size: 22px;
		color: #fff;
		line-height: 43px;
		float: left;
	}
	#socials{
		width: 265px;
		float: right;
		margin-right: 12px;
	}
		#socials img{
			float: left;
		}
		#socials .facebookLink{
			display: block;
			width: 22px;
			height: 22px;
			float: left;
			text-indent: -9999px;
			background: url('../images/facebookBug.jpg') no-repeat 0 0;
			margin-top: 13px;
		}	
			#socials .facebookLink:hover{
				position: relative;
				top: 1px;
				left: 1px;
			}
		#socials .twitterLink{
			display: block;
			width: 22px;
			height: 22px;
			float: left;
			text-indent: -9999px;
			background: url('../images/twitterbug.png') no-repeat 0 0;
			margin-top: 13px;
			margin-left: 22px;
		}	
			#socials .twitterLink:hover{
				position: relative;
				top: 1px;
				left: 1px;
			}	
		#socials .fb-like{ 
			float: left;
			left: 10px;
			top: 13px;
			height: 23px;
		}
		.twitter-share-button{
			float: left;
			margin-left: 8px;
			margin-top: 13px;
		}
#nav-bar{
	width: 100%;
	height: 93px;
	position: relative;
	z-index: 3;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 3px 5px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 3px 5px rgba(0, 0, 0, 0.15);
}		
	#nav-bar .logo{
		font-family: "brandon-grotesque";
		font-style: normal;
		font-weight: 400;
		font-size: 50px;
		line-height: 93px;
		color: #00dae1;
		text-transform: uppercase;
		padding-top: 3px;
	}
	#nav-bar .logo a{
		color: #00dae1;
		text-decoration: none;
	}
	#alpha-nav{
		background: url("../images/nav.jpg") no-repeat scroll -5px top transparent;
		position: absolute;
		right: 0;
		top: 49px;
		width: 380px;
		height: 72px;
	}
		#alpha-nav li{
			float: left;
			padding-left: 5px;
			position: relative;
		}
		#alpha-nav li.active{

		}
		#alpha-nav li:first-child{
		}
			#alpha-nav li a{
				color: #A4A4A4;
				display: block;
				font-family: "brandon-grotesque";
				font-style: normal;
				font-weight: 500;
				font-size: 14px;
				height: 28px;
				line-height: 12px;
				padding: 25px 16px 0;
				text-align: center;
				text-decoration: none;
				width: 57px;
				text-transform: uppercase;
				position: relative;
				z-index: 4;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				/* ...and now for the proper property */
				transition:.5s;
			}
			#alpha-nav li a.castcrew{
				padding-top: 18px;
			}
			#alpha-nav li.active a,
			#alpha-nav li a.over,
			#alpha-nav li:hover a{
				/*background: url("../images/nav.jpg") no-repeat scroll -105px -72px transparent;*/
				color: #124887;
			}
			#alpha-nav li:first-child.active a,
			#alpha-nav li:first-child a.over,
			#alpha-nav li:first-child:hover a{
				/*background: url("../images/nav.jpg") no-repeat scroll -104px -72px transparent;*/
			}
			#alpha-nav li.active a.trailer ,
			#alpha-nav li:hover a.trailer{
				/*background: url("../images/nav.jpg") no-repeat scroll -104px -72px transparent;*/
			}

			#alpha-nav li div.nav-hover {
				background: url("../images/nav.jpg") no-repeat scroll -104px -72px transparent;
				display: none;
				height: 72px;
				left: 5px;
				position: absolute;
				top: 0;
				width: 94px;
				z-index: 3;
			}
			#alpha-nav li.active div.nav-hover {
				display: block !important;
			}
.content{
	width: 100%;
	z-index: 3;
	position: relative;
}
	.content .inner-header{
		border-top: 10px solid black;
		border-bottom: 10px solid black;
		width: 0;
		position: absolute;
		left: 50%;
		z-index: 1
	}
	.content .inner-header .inner-wrap{
		height: 100%;
	}
		.content .inner-header .inner-wrap .home-fade{
			position: absolute;
			bottom: 0;
			left: -90px;
			display: none;
			z-index: 1;
		}	
		.content .inner-header .inner-wrap .home-fade:first-child{
			position: absolute;
			bottom: 0;
			left: -90px;
			display: none;
			z-index: 2;
		}	
		.content .inner-header .inner-wrap .home-fade2{
			position: absolute;
			bottom: 0;
			left: -90px;
			display: none;
			z-index: 3;
		}	
		.content .inner-header .inner-wrap .home-fade2.first{
			z-index: 4;
		}	
#content-container{
	min-height: 975px;
		background: url("../images/city.jpg") no-repeat scroll center bottom transparent;
}		
#home{
	height: 100%;
	display: block;
}	
	#home.content .inner-header{
		top: 180px;
		background: url("../images/homebg.jpg") no-repeat scroll center top transparent;
	}	
	#home .header{
		height: 442px
	}	
	#home .header > .inner-wrap{
		display: none;
		z-index: 2
	}	
		#home .header h2{
			text-align: center;
			font-size: 19px;
			line-height: 25px;
			color: #124887;
			font-family: "brandon-grotesque";
			font-style: normal;
			font-weight: 500;
			padding-top: 18px;
			width: 550px;
			position: relative;
			top: 45px;
		}
		#home .header h3{
			text-align: center;
			font-size: 12px;
			color: #124887;
			font-family: "brandon-grotesque";
			font-style: normal;
			font-weight: 400;
			width: 550px;
			position: relative;
			top: 45px;
		}
		#home .header h3 strong{
			font-family: "brandon-grotesque";
			font-style: normal;
			font-weight: 500;

		}

	#home .inner-content{
		display: none;
	}
		#home .inner-content h2{
			font-family: "brandon-grotesque";
			font-style: normal;
			font-weight: 300;
			font-size: 29px;
			line-height: 91px;
			color: #124887;
			text-transform: uppercase;
		}
		#home .inner-content p{
			font-family: Arial;
			font-size: 14px;
			line-height: 24px;
			color: #5b5b5b;
			padding-right: 40px;
		}
			#home .inner-content p a{
				color: #124887;
				text-decoration: none;
			}
			#home .inner-content p a:hover{
				color: #5b5b5b;
			}
#trailer{
	display: none;
	height: 100%;
}
	#trailer .inner-header{
		top: 123px;
		background: url("../images/trailerbg.jpg") no-repeat scroll center top transparent;
		overflow: hidden;
	}
	#trailer .header > .inner-wrap{
		display: none;
	}
		#trailer a.facebookLink {
			color: #124887;
			display: block;
			font-family: "brandon-grotesque";
			font-style: normal;
			font-weight: 300;
			font-size: 29px;
			line-height: 123px;
			padding-left: 50px;
			text-decoration: none;
			width: 327px;
			text-transform: uppercase;
			-o-transition:.5s;
			-ms-transition:.5s;
			-moz-transition:.5s;
			-webkit-transition:.5s;
			/* ...and now for the proper property */
			transition:.5s;
		}
			#trailer a.facebookLink:hover{
				color: #00DAE1;
			}
			#trailer a.facebookLink span {
				background: url("../images/facebookBug.jpg") no-repeat scroll 14px 5px transparent;
				display: block;
				float: right;
				height: 22px;
				padding: 5px 0;
				position: relative;
				right: 18px;
				text-indent: -9999px;
				top: 46px;
				width: 40px;
			}
	a#s-trailer{
		display: block;
		width: 440px;
		height: 249px;
		background: url('../images/trailer_sm.jpg') no-repeat 0 0;
		text-indent: -9999px;
		border: 10px solid #000;
		position: absolute;
		left:0;
		top: 91px;
	}			
	a#l-trailer {
		display: block;
		height: 488px;
		left: 47px;
		position: absolute;
		text-indent: -9999px;
		top: 0;
		width: 864px;
		z-index: 3;
	}		
	#small-trailer{
		display: block;
		width: 440px;
		height: 249px;
		border: 10px solid #000;
	}		
	#large-trailer {
		border: 10px solid #000000;
		display: block;
		height: 487px;
		left: 36px;
		position: absolute;
		top: -10px;
		width: 866px;
		z-index: 2;
	}	

#photos{
	height: 100%;
	min-height: 984px;
	display: none;
}
	#photos .inner-header{
		overflow: hidden;
		top: 10px;
		background-color: #000;
	}
		#photos .inner-header .photo{
			position: relative;
			width: 100%;
			height: 100%;
		}
		#photos .inner-header .photo img{
			position: absolute;
			left: 0;
			top: 50%;
			z-index: 1;
			width: 100%;
		}
		#photos .inner-header .photo img.active{
			z-index: 2;
		}
		#photos .inner-header button{
			width: 78px;
			height: 158px;
			background: url('../images/photoarrows.png') no-repeat 0 0;
			position: absolute;
			z-index: 2;
			border: none;
			top: 50%;
			margin-top: -79px;
			text-indent: -9999px;
			cursor: pointer;
			display: none;
		}
		#photos .inner-header button.prev-arrow{
			left: -5px;
		}
		#photos .inner-header button.next-arrow{
			right: -5px;
			background-position: right top;
		}
#castcrew{
	display: none;
	height: 100%;
}
#castcrew .header{
	height: 210px;
	padding-bottom: 38px;
}
	#castcrew .inner-header{
		top: 53px;
		background: url("../images/castbg.jpg") no-repeat scroll center top transparent;
	}
	#castcrew .inner-header .crewbg{
		width: 100%;
		height: 137px;
		position: absolute;
		left:0;
		top: 0;
		background: url("../images/crewbg.jpg") no-repeat scroll center top transparent;
		display: none;
	}	
	#castcrew .castcrew-nav{
		position: absolute;
		top: -40px;
		left: 5px;
		display: none;
	}	
		#castcrew .castcrew-nav li{
			float: left;
			background-color: #fff;
			border-left: #335a91 solid 1px;
			border-top: #335a91 solid 1px;
			border-right: #335a91 solid 1px;
			margin-left: 5px;
		}	
		#castcrew .castcrew-nav li:hover,
		#castcrew .castcrew-nav li.active{
			border-left: #000 solid 1px;
			border-top: #000 solid 1px;
			border-right: #000 solid 1px;
			background-color: #000;
		}	
			#castcrew .castcrew-nav li a{
				font-size: 18px;
				color: #335a91;
				font-family: "brandon-grotesque";
				font-style: normal;
				font-weight: 400;
				text-decoration: none;
				text-transform: uppercase;
				padding: 5px 15px 0;
				display: block;
				height: 100%;
			}
				#castcrew .castcrew-nav li a:hover,	
				#castcrew .castcrew-nav li:hover a,	
				#castcrew .castcrew-nav li.active a{
					color: #fff;
				}		
	#castcrew .cast-nav, 
	#castcrew .crew-nav{
		width: 103%;
		height: 137px;
		padding-top: 11px;
		margin-left: -5px;
		display: none;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}		
		#castcrew .cast-nav li, 
		#castcrew .crew-nav li{
			float: left;
			margin-left: 27.5px;
			position: relative;
			top: -155px
		}		
		#castcrew .cast-nav li:first-child, 
		#castcrew .crew-nav li:first-child{
			margin-left: 0px;
		}	
			#castcrew .cast-nav li a, 
			#castcrew .crew-nav li a{
				color: #fff;
				text-decoration: none;
			}		
			#castcrew .cast-nav li a img,
			#castcrew .crew-nav li a img{
				display: block;
				margin: 0 auto;
				padding-bottom: 10px;
			}		
			#castcrew .cast-nav li a img.hover,
			#castcrew .crew-nav li a img.hover{
				left: 50%;
				margin-left: -48px;
				position: absolute;
				top: 0;
				display: none;
			}	
				#castcrew .cast-nav li span, 
				#castcrew .crew-nav li span{
					display: block;
					background-color: #000;
					color: #fff;
					text-align: center;
					padding: 0 5px;
					height: 17px;
					font-family: "brandon-grotesque";
					font-style: normal;
					font-weight: 300;
					text-transform: uppercase;
					font-size: 14px;
					line-height: 17px;
					padding-top: 3px;
				}
			#castcrew .cast-nav li:hover a, 
			#castcrew .crew-nav li:hover a{
				color: #000;

			}		
			#castcrew .cast-nav li:hover a img.hover,
			#castcrew .crew-nav li:hover a img.hover{
				display: block;
			}			
			#castcrew .cast-nav li.active a img.hover,
			#castcrew .crew-nav li.active a img.hover{
				display: block !important;
			}		
				#castcrew .cast-nav li:hover span, 
				#castcrew .crew-nav li:hover span{
					background-color: #fff;
					color: #000;
				}
				 
	#castcrew .inner-content .half-float{
		display: none
	}				 
	#castcrew .inner-content	.photo{
		margin-left: -88px;
		margin-top: 5px;
		position: relative;
	}				 
		#castcrew .inner-content	.photo img{
			position: absolute;
			top: 0;
			left:0;
			z-index: 1;
		}			 
		#castcrew .inner-content	.photo img.active{
			z-index: 2;
		}				 
		 
	#castcrew .inner-content	h3{
		font-family: "brandon-grotesque";
		font-style: normal;
		font-weight: 300;
		text-transform: uppercase;
		font-size: 36px;
		line-height: 48px;
		color: #009094;
	}			 
	#castcrew .inner-content	p{
		font-size: 14px;
		line-height: 20px;
		color: #5f5f5f;
		padding-bottom: 25px;
	}			 
	#castcrew .inner-content strong{
		font-weight: bold;
	}	
	#castcrew .inner-content em{
		font-style: italic;
	}	
		/*scrollbar*/
	
#bio { width: 475px; clear: both; }
#bio .viewport { width: 96%; height: 515px; overflow: hidden; position: relative; }
#bio .overview { list-style: none; position: absolute; left: 0; top: 0; padding-right: 25px;}
#bio .overview.no-scroll { top: 0 !important;}
#bio .thumb .end,
#bio .thumb { background: url('../images/scrollknob.png') no-repeat 0 0; width: 27px; height: 27px;  }
#bio .scrollbar { position: relative; float: right; width: 15px; }
#bio .track { background-color: #e8e4e3; height: 100%; width:1px; position: relative; padding: 0 1px; }
#bio .thumb { height: 27px; width: 27px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -11px; }
#bio .thumb .end { overflow: hidden; height: 27px; width: 27px; }
#bio .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#footer{
	-webkit-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px -3px 5px rgba(0, 0, 0, 0.15);
	box-shadow:         0px -3px 5px rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 4;
	background-color: #fff;
	height: 191px;
}	

.ticketBugs {
    background: url("../images/get_tickets.png") no-repeat scroll left top transparent;
    float: right;
    height: 41px;
    margin-top: -45px;
    text-indent: 131px;
    width: 430px;
}
.buynow{
	float: right;
    height: 41px;
    margin-top: -45px;
    width: 456px;
}
.buynow > img{
	float: left;
}
	.buynow span{
	    color: #124887;
	    display: block;
	    float: left;
	    font-family: "brandon-grotesque";
	    font-size: 24px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 26px;
	    padding-top: 20px;
	    text-align: center;
	    width: 235px;
	}
		.buynow span span{
		    display: block;
		    font-size: 16px;
		    line-height: 16px;
		    padding-top: 8px;
		}
	.buynow .touts{
		float: right;
		padding-top: 15px;
	}
		.buynow .touts a{
			display: block;
		}
.playing {
    color: #0048A1;
    float: right;
    font-size: 12px;
    line-height: 24px;
    padding-right: 259px;
}
.playing a{
	font-size: 12px;
	line-height: 24px;
	color:#0048a1;
}