html { background-color:#000;

  }

body { margin:0; padding:0;
}

body,html{
  height:100%;
  overflow:hidden;
	
}

.clear { clear:both; height:1px; line-height:1px; }
 
img {border:0;}


@font-face {
    font-family: 'brandon_grotesque_bold';
    src: url('fonts/brandon_bld-webfont.eot');
    src: url('fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_bld-webfont.woff') format('woff'),
         url('fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('fonts/brandon_bld-webfont.svg#brandon_grotesque_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'brandon_grotesque_reg';
	src: url('fonts/Brandon_reg.eot');
	src: url('fonts/Brandon_reg.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/Brandon_reg.woff') format('woff'), 
		 url('fonts/Brandon_reg.ttf') format('truetype'), 
		 url('fonts/Brandon_reg.svg#brandon_grotesque_reg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#content {
	width:45%;
	max-width: 572px;
	position:relative;
	left:46%;
	max-height:90%;
	overflow-y:auto;
	overflow-s:visible;
	color:#000;
	font-size:16px;
	font-family: 'brandon_grotesque_reg', "Helvetica", "Arial", "sans-serif";
	z-index:4;
}
a:link, a:visited, a:active{	
	color:#000;
}
a:hover{	
	color:#9d0101;
}


#title{
	background:url(../images/title-bg.jpg) repeat #9d0101;
	height:114px;
	position:relative;
}

#title-content{
	padding:15px 40px 0px;
	position: absolute; 
	bottom:0;
	left: 0;
	
	font-size:31px;
    font-family: 'brandon_grotesque_reg',"Helvetica","Arial","sans-serif";
    color:#ffd000;
}
	
#inner{
	background:url(../images/page-bg.jpg) right top #fff;
	padding:10px 40px;
	margin:4px 0;
	line-height:1.4em;
	overflow: hidden;
}

.inner-col1{
	line-height:1.4em;
	position:relative;
	width:49%;
	margin: 4px 1% 0 0;
	display:inline-block;
	float:left;
	clear:both;
}

.inner-col2{
	margin: 4px 0 0 0;
	line-height:1.4em;
	position:relative;
	width:50%;
	display:inline-block;
	float:left;
	}

.inner-col1a{
	line-height:1.4em;
	position:relative;
	width:33%;
	margin: 10px 1% 0 0;
	display:inline-block;
	float:left;
}
.clear{
	clear:both;
}

.right{
	float:right;
}

.inner-col2a{
	margin: 4px 0 0 0;
	line-height:1.4em;
	position:relative;
	width:66%;
	display:inline-block;
	float:left;
	padding:4px 0 4px 0;
	border-bottom:#9d0101 solid 1px;
	}




/***************** BACKGROUNDS****************/




#main {
	z-index:2;
	margin:45px 0 0 0;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	
	width:100%;
	position:relative;
	height:90%;
	min-width:1000px;
	display:block;
	overflow:auto;
	
	/*-webkit-background-size:  auto 100%;
	-moz-background-size:  auto 100%;
	-o-background-size:  auto 100%;
	background-size:  auto 100%;
	
	-webkit-background-size:  100% auto;
	-moz-background-size:  100% auto;
	-o-background-size:  100% auto;
	background-size:  100% auto;*/
}

.main-home{
	background: #fdc800 url(../images/logo.jpg) no-repeat center top; 
	-webkit-background-size:  auto 100%;
	-moz-background-size:  auto 100%;
	-o-background-size:  auto 100%;
	background-size:  auto 100%;
}

.main-about{
	background: #3d3227 url(../images/bg-about.jpg) no-repeat center top; 
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.main-videos{
	background: #2b1a03 url(../images/bg-videos.jpg) no-repeat center top; 
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.main-photos{
	background: none;
	background-color:#111000;
}

.main-press{
	background: #111000 url(../images/bg-press.jpg) no-repeat center top; 
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.main-cast{
	background: #111000 url(../images/bg-cast.jpg) no-repeat center top;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.main-timeline{
	background: #110000;
}

#itemContainer {
	width:100%; height:100%;
	left:0;	top:0;
	position:absolute;
}

.item {	color:#fff; }




/***************** HEADER****************/




#header {
	position:absolute;
	width:100%;	
	height:45px;
	top:0px;
	text-align:center;
	background-color:#FFF;
	border-bottom: solid 1px #fff;
	z-index:7;
}

#header h2{
	font-family: 'brandon_grotesque_bold', "Helvetica", "Arial", "sans-serif";
	color:#000;
	font-size:22px;
	text-align:center;
	letter-spacing:-.05em;
	line-height:1.9em;
	margin:0;
	height:28px;
	display:inline-block;
	
}

#header h1{
	font-family: 'brandon_grotesque_reg', "Helvetica", "Arial", "sans-serif";
	color:#111000;
	font-size:22px;
	text-align:center;
	letter-spacing:-.05em;
	line-height:1.9em;
	margin:0;
	height:28px;
	display:inline-block;
	overflow:visible;
}
#headerBox {
	width:100%;
	background:url(../images/swirl-black-left.gif) top left no-repeat;
	
}


#headerCenter {
	width:475px;
	margin:12px auto 0;
	display:inline-block;
	background:url(../images/swirl-black-right.gif) top right no-repeat;
}
#headerCenterHome {
	width:335px;
	margin:12px auto 0;
	display:inline-block;
	background:url(../images/swirl-black-right.gif) top right no-repeat;
}

#headerRight {
	width:220px;
	height:24px;
	position:absolute;
	right:0px;
	padding-top:14px;
	margin-right:14px;
	top:0;
}

#headerLeft.sharrre .button {
	float: left;
	margin-left: 5px;
}
#headerLeft.sharrre .button:first-child {
	margin-left: 0;
}
#headerRight.sharrre .button {
	float: right;
	margin-right: 5px;
}
#headerRight.sharrre .button:first-child {
	margin-right: 0;
}

h2 {
	font-family: 'brandon_grotesque_bold', "Helvetica", "Arial", "sans-serif";
	color:#b32528;
	font-size:22px;
	letter-spacing:0em;
	margin:12px 0;
	font-weight:normal;
}



#trailer {
	position:absolute;
	left: 80%;
	top:20%;
	margin: auto 0;
	width:185px;
	height:187px;
}





/***************** NAVIGATION MENU ****************/




#navCenter {
	width:100%;
    text-align: center;
	position: absolute;
	width:100%;
	min-width:1000px;
	margin:0 auto;
	z-index:5;
}

#navCenter li{
	list-style-image: none;
	list-style-type: none;
	margin: 0px -15px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:relative;
	top:-5px;
	z-index:2;
}

#navCenter .photobutton, #navCenter .homebutton{
	display:inline-block;
	vertical-align:middle;
	margin-top:10px;
}
.smallbutton{
	display:inline-block;
	vertical-align:middle;
	margin:0px;
}

#navCenter .back{
	z-index:-1;
}

#navCenter a:link, #navCenter a:visited, #navCenter a:active{	
	
}

#navCenter .photobutton a:link,#navCenter .photobutton a:visited, #navCenter .photobutton a:active{
	font-size:22px;
    font-family: 'brandon_grotesque_reg',"Helvetica","Arial","sans-serif";
    color:#FFF;
	letter-spacing: 0em;
	text-decoration:none;
	line-height:8em;
	text-shadow: -4px 3px 6px rgba(0, 0, 0, 0.75);  
	box-shadow: -4px 3px 6px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -4px 3px 6px rgba(0, 0, 0, 0.35);
 	 -webkit-box-shadow: -4px 3px 6px rgba(0, 0, 0, 0.35);
	
	border:solid 4px #FFF;
	display:inline-block;	
}


#navCenter .photobutton a:hover{
	text-decoration:none;
	color:#fdc800;
	border:solid 4px #fdc800;
	-webkit-transition: top 0.3s ease-in;
	-moz-transition: top 0.3s ease-in;
	-o-transition: top 0.3s ease-in;
	-ms-transition: top 0.3s ease-in;
	transition: top 0.3s ease-in;
}

#navCenter .homebutton a:link,#navCenter .homebutton a:visited, #navCenter .homebutton a:active{
	font-size:18px;
    font-family: 'brandon_grotesque_reg',"Helvetica","Arial","sans-serif";
    color:#FFF;
	letter-spacing: 0em;
	text-decoration:none;
	line-height:6.3em;
	text-shadow: -4px 3px 6px rgba(0, 0, 0, 0.75);  
	box-shadow: -4px 3px 6px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -4px 3px 6px rgba(0, 0, 0, 0.35);
 	 -webkit-box-shadow: -4px 3px 6px rgba(0, 0, 0, 0.35);

	border:solid 2px #FFF;
	display:inline-block;	
}

#navCenter .homebutton a:hover{
	text-decoration:none;
	color:#fdc800;
	border:solid 2px #fdc800;
}

.smallbutton a:link, .smallbutton a:visited, .smallbutton a:active{
	font-size:12px;
    font-family: 'brandon_grotesquebold',"Helvetica","Arial","sans-serif";
    letter-spacing: 0em;
	height: 30px;
	text-decoration:none;
	padding:7px 10px 5px 12px;
	background-color:#ffd000;
	color:#5e0707;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.smallbutton a:hover{
	text-decoration:none;
	color:#000;
	background-color:#b21817;
}


.home{
	top:30px;
}

.sub {
	top:-30px;
}

.sub .photobutton a{
	position:relative;
	-moz-transition:top 500ms ease, -moz-transform 500ms;
    -webkit-transition:top 500ms ease, -webkit-transform 500ms;
    -o-transition:top 500ms ease, -o-transform 500ms;
    transition:top 500ms ease,transform 500ms;
	
	top:0px;
}
.sub .homebutton a{
	position:relative;
	-moz-transition:top 500ms ease, -moz-transform 500ms;
    -webkit-transition:top 500ms ease, -webkit-transform 500ms;
    -o-transition:top 500ms ease, -o-transform 500ms;
    transition:top 500ms ease,transform 500ms;
	
	top:0px;
}

.sub .photobutton a:hover{
	position:relative;
	-moz-transition:top 1s, -moz-transform 1s;
    -webkit-transition:top 1s, -webkit-transform 1s;
    -o-transition:top 1s, -o-transform 1s;
    transition:top 1s,transform 1s;
	
	top:60px;
}
.sub .homebutton a:hover{
	position:relative;
	-moz-transition:top 1s, -moz-transform 1s;
    -webkit-transition:top 1s, -webkit-transform 1s;
    -o-transition:top 1s, -o-transform 1s;
    transition:top 1s,transform 1s;
	
	top:45px;
}


.home .socialbuttons{
	display:inline-block;	
	position:relative;
	top:10px;
	margin:0 0 0 20px;
	padding:0 0 0 0;
}
.sub .socialbuttons{
	display:inline-block;	
	position:relative;
	top:70px;
	margin:0 0 0 20px;
	padding:0 0 0 0;
}

#navCenter .socialbutton {
	display:inline-block;
	vertical-align:middle;
	margin:4px 0 0;
}

#navCenter .socialbutton a:link,#navCenter .socialbutton a:visited, #navCenter .socialbutton a:active{
	font-size:22px;
	text-decoration:none;
	padding:5px;
}

#navCenter .socialbutton a:hover{
	text-decoration:none;
}

#navCenter .facebook{
	background:url(../images/fb.png) no-repeat;
	width:25px;
	height:25px;
	display:block;
}

#navCenter .twitter{
	background:url(../images/twitter.png) no-repeat;
	width:25px;
	height:25px;
	display:block;
}

.nav-home{
	background:url(../images/nav-home.jpg) no-repeat #000;
	width:66px;
	height:70px;
	margin:5px -10px 0 5px;
    transform: rotate(6deg) ;
    -webkit-transform: rotate(6deg) ;
    -moz-transform: rotate(6deg) ;
    -o-transform: rotate(6deg) ;
    -ms-transform: rotate(6deg) ;
}

.nav-about{
	background:url(../images/nav-about.jpg) no-repeat #000;
	width:119px;
	height:105px;
	margin:-5 -10px 0 25px;
    transform: rotate(2deg) ;
    -webkit-transform: rotate(2deg) ;
    -moz-transform: rotate(2deg) ;
    -o-transform: rotate(2deg) ;
    -ms-transform: rotate(2deg) ;
}
.nav-videos{
	background:url(../images/nav-videos.jpg) no-repeat #000;
	width:176px;
	height:105px;
	margin:10px 0 0 -15px;
    transform: rotate(-3deg) ;
    -webkit-transform: rotate(-3deg) ;
    -moz-transform: rotate(-3deg) ;
    -o-transform: rotate(-3deg) ;
    -ms-transform: rotate(-3deg) ;
}
.nav-photos{
	background:url(../images/nav-photos.jpg) no-repeat #000;
	width:176px;
	height:105px;
	margin:0px 0 0 -10px;
    transform: rotate(7deg) ;
    -webkit-transform: rotate(7deg) ;
    -moz-transform: rotate(7deg) ;
    -o-transform: rotate(7deg) ;
    -ms-transform: rotate(7deg) ;
}
.nav-press{
	background:url(../images/nav-press.jpg) no-repeat #000;
	width:119px;
	height:105px;
    margin:-20px 10px 0 -20px;
    transform: rotate(-13deg) ;
    -webkit-transform: rotate(-13deg) ;
    -moz-transform: rotate(-13deg) ;
    -o-transform: rotate(-13deg) ;
    -ms-transform: rotate(-13deg) ;
}
.nav-cast{
	background:url(../images/nav-cast.jpg) no-repeat #000;
	width:176px;
	height:105px;
    transform: rotate(1deg) ;
    -webkit-transform: rotate(1deg) ;
    -moz-transform: rotate(1deg) ;
    -o-transform: rotate(1deg) ;
    -ms-transform: rotate(1deg) ;
}
.nav-timeline{
	background:url(../images/nav-timeline.jpg) no-repeat #000;
	width:176px;
	height:105px;
	margin:5px 0 0 -10px;
    transform: rotate(-5deg) ;
    -webkit-transform: rotate(-5deg) ;
    -moz-transform: rotate(-5deg) ;
    -o-transform: rotate(-5deg) ;
    -ms-transform: rotate(-5deg) ;
}





/***************** FOOTER ****************/





#billing-div{
	display:none;
	width:700px;
	position: absolute;
	left:50%;
	margin-left:-349px;
    bottom:0;
	background-color:#000;
	border: solid 1px #252525;
	z-index:20;
}

#footer {
	position:fixed;
	width:100%;
	height:10%;
	bottom:0px;
	font-size:10px;
	font-family:"Helvetica", "Arial", "sans-serif";
	color:#606252;
	background-color:#000;
	border-top: solid 1px #252525;
	z-index:6;
}

#footer a:link, #footer a:visited {	text-decoration:none; color:#606252; }

#footer a:hover, #footer a:active {	text-decoration:none; color:#ffde00; }

#footerLeft, #headerLeft {
	width:230px;
	height:24px;
	position:absolute;
	padding-top:14px;
	margin-left:14px;
}



#footerCenter {
	width:1000px; height:100%;
	margin:0px auto;
}

#footerLinks {
	text-align:left;
	float:left;
	width:720px; 
	height:100%;
	padding-top:20px;
}

#footerRating {
	float:left;
	width:115px;
	margin-right:15px; padding-top:4px;
}

#weinsteinLogo {
	float:left;
	width:265px; height:100%;
	margin-left:15px; padding-top:6px;
}

#audioButton {
	position:fixed;
	right:100px; top:15px;
	cursor:pointer;
	width:102px; height:33px;
}

.audioButton_off {	background:url(../images/misc/audio_off.png); }
.audioButton_on { background:url(../images/misc/audio_on.png); }

#tester {
	position:fixed; color:#fff; font-size:20px; width:1000px; height:20px; top:0px; left:0px; font-family:Arial, sans-serif;
}






/***************** POPUP ****************/





/* Modal popup*/
.popup {
	display: none;
	width: 50%;
	min-width:540px;
	height: auto;
	background: url('../images/black70.png');
	color: #FFF;
	font-family: 'brandon_grotesque_bold', "Helvetica", "Arial", "sans-serif";
	line-height:1.4em;
}

.popup .closePopup {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 32px;
	margin:0 0 20px 0;
	background: url('../images/close.gif') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.popup .closePopup:focus,
.popup .closePopup:hover {
	background: url('../images/close_over.gif') no-repeat;
}
.popup .inner {
	 padding: 20px;
}
.popup h2{
	 clear:both;
}
.left-small {
	 width:51%;
	 min-width:240px;
	 margin: 0 4% 0 0;
	 float:left;
}
.right-small {
	 width:45%;
	 min-width:220px;
	 float:left;
}
.grey{
	color:#999;
	font-size:smaller;
	vertical-align:text-top;
}







/***************** TICKETING****************/


#ticketingBtn
{
	display:inline-block;
	position:relative;
	top:-5px;
}
#ticketingBtn h2{
	padding: 0px 28px;
	line-height:1em;
	margin:0;
	color:#fdc700;
	
}

#ticketingBtn a, #ticketingBtn a:link, #ticketingBtn a:visited, #ticketingBtn a:active{
	color:#fdc700;
	font-family: 'brandon_grotesque_bold', "Helvetica", "Arial", "sans-serif";
	font-size:22px;
	letter-spacing:-.05em;
	line-height:1.9em;
	margin:0 10px;
	text-decoration:none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/BuyTickets.gif) no-repeat center;
}

#ticketingBtn a:hover{
	color:#fdc700;
	text-decoration:none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/BuyTickets-over.gif) no-repeat center;
}


#ticketing-popup{
 text-align:center;	
}
#ticketing form input[type=text] {
    width:200px;
}
#buy_tickets form input[type=submit] {
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    color: transparent;
	 
	display:block;
	text-indent:-999px;
	font-size:0px; 
	line-height:0;
	overflow:hidden;
}

#moviefoneBtn {
    background-image: url('../images/btn-moviefone-home.png');
	  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
    width: 55px;
    height: 21px;
	display:inline-block;
	cursor:pointer;cursor:hand;
	margin:0 10px;
	vertical-align:bottom;
}
#fandangoBtn {
    background-image: url('../images/btn-fandango-home.png');
	  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
    width: 41px;
    height: 37px;
	display:inline-block;
	cursor:pointer;cursor:hand;
	margin:0 10px;
	vertical-align:bottom;
}
#movieTicketsBtn {
    background-image: url('../images/btn-movietickets-home.png');
	  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
    width: 46px;
    height: 27px;
	display:inline-block;
	cursor:pointer;cursor:hand;
	margin:0 10px;
	vertical-align:bottom;
}