body {
	margin:auto;
	font-family: Helvetica, Arial, sans-serif;
	overflow:hidden; 
	background-color:#000;
} 

img {
	border:0px;
}

.nav_main, #title_container{
	text-indent: -9999px;
}


#packshot{
	position:relative;
	top:-163px;
	left:-278px;
	width:125px; 
  	margin-left: auto;
	margin-right: auto;
}



#container {
	float:left;
	position:absolute;
	width:100%;
	height:100%;
	overflow: hidden; 
	background-color:#000000; 
	/*display:none;*/
}

.mainElements{
	display:none;
}

#bg { margin:auto; position:absolute; top: 0; left: 5; height: 100%;}
#hero { margin:auto; position:absolute; top: 0; left: 5; height: 100%;}

p {	color:#0c3a83; font-size:18px; line-height:22px;}

#homeContent{
   position:absolute;  
  	z-index:10;
    height:100%; 
	width:700px; 
	top:0px;

	right:5%;
	/*background-color:#00f; */
}

#logo{
	position:absolute;  
    width:700px; 
   /* bottom:222px;*/
	z-index:11;
}

#buyNowBtn1{
	position:absolute;  
   /* left:39.5%;*/
  left:41.5%; 
    bottom:128px;
	z-index:11;
}

#buyNowBtn2{
	position:absolute;  
    left:35%;
    bottom:130px;
	z-index:11;
}

#buyNowBtn3{
	position:absolute;  
    left:52%;
    bottom:130px;
	z-index:11;
}

#buyNowBtn4{
	position:relative;
	top:121px;
	left:-278px;
	width:94px; 
  	margin-left: auto;
	margin-right: auto;
}

#buyNowBtn5{
	position:relative;
	top:107px;
	left:-278px;
	width:94px; 
  	margin-left: auto;
	margin-right: auto;
}


#preorder{
	position:absolute;  
    left:53%;
    bottom:179px;
	z-index:11;
}
#releaseDate{
	position:absolute;  
    left:18%;
    bottom:180px;
	z-index:11;
	display:block;
}


#releaseDatepost{
	position:absolute;  
    left:18%;
    bottom:180px;
	z-index:11;
}


#nav_holder {
	position:absolute;
	width:375px; 
	height:300px;
	/*left:50%;
	bottom:50%;
	
	margin-left:-187px;*/
	
	z-index:12;
}

.nav_main {
	cursor:pointer;
}
.nav_main img{
	position:absolute;
	width:375px;
}
#nav_watch {
	position:absolute;
	top:0px;  
	width:375px;
	height: 46px;
	background: url(../images/nav_watch_the_trailer_RO.png);
}

#nav_about {
	position:absolute;
	top:70px;  
	width:375px;
	height: 41px;
	background: url(../images/nav_about_RO.png);
}

#nav_photos {
	position:absolute;
	width:375px;
	height: 34px;
	top:140px;  
	background: url(../images/nav_photos_RO.png);
}

#nav_social{
	position:relative;
	top:205px;
	width:191px; 
  	margin-left: auto;
	margin-right: auto;

}
#nav_eventful{
	position:relative;
	left:-11px;
	top:5px;
	}

#ticketing{
	position:relative;
	
	padding:7px;
	left:-82px;
	top:25px;
	width: 335px;
	height:75px;
	border:1px solid #c5b48a;

	}
#arrowbutton{  
  position: relative; 
 top: 23px; 
 left:10px;
 width:40px;
 height:30px;
	
}
#ticketsbutton{  
  position: absolute; 
 top: 5px;   
 left:18px; 
}

#ticketfield{
	 position: relative; 
 	top: 13px; 
 	font-size: 10pt;
	font-family: Helvetica, Arial, sans-serif; 
	color:#585757;
	font-weight: 700;    
}
#header{
	position:absolute;
	top:0px;
	width:100%;
	height:35px;
	z-index:60;
	overflow:visible
}

#headerBG{
	position:relative;
	top:0px;
	width:100%;
	height:35px;
	background-color:#473d28;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#header_social{
	position:absolute;
	top:3px;
	left:10px;
}

#fb_holder{
position: absolute;
right:180px;
top:5px;
z-index:1000;
}

#twitter_holder{
position: absolute;
right:5px;
top:5px;
z-index:2000;
display:none;
}

#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	height:58px;
	z-index:70;
}

#footerBG{
	position:relative;
	top:0px;
	width:100%;
	height:58px;
	background-color:#473d28;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#legal_link{
	position:absolute;
	width:200px;
	height:35px;
	top:20px;
	left:10px;
	color:#c5b48a;
	cursor:pointer;
	font-size: 10px;
}

#audio_link{
	position:absolute;
	width:20px;
	height:20px;
	top:20px;
	right:50px;
	cursor:pointer;
}



#legal_holder{
	position: absolute;
	height:310px;
	width:100%;
	bottom:-500px;
	background-color: #000;
	z-index:65;
}
#legal_block{
	position:relative;
	bottom:0px;
	width:920px;
	height:380px;
	background-color: #000;
	/*display:none;*/
	margin-left: auto;
	margin-right: auto;
	/*border:1px solid #c5b48a;*/
	
	opacity:0.9;
	filter:alpha(opacity=9); /* For IE8 and earlier */
}

#legal_block img{

	color:#c5b48a;
	font-size:12px;
}
#fox_legal{
	position: relative;
	margin:20px 0px;
	color:#c5b48a;
	font-size:10px;
	bottom:72px;
	width:950px;
	height:58px;
	margin-left: auto;
	margin-right: auto;
}
#fox_legal_sub{
	text-align: center;
	width:750px;

}

#fox_legal a{

	color:#c5b48a;

}

#rating{
		position:absolute;
	top:-2px;
	left:745px;
	/*position:relative;*/
	width:160px;
	height:49px;
	
}
/*#ratingsbox{

	width:250px;
}*/

#legalKill{
	position: absolute;
	top:0px;
	width:100%;
	height:80px;
	/*background-color: #fff;*/
}
#photosContent{ 
	position:absolute;
	top:0px;
	left:0px;
    width:100%;
	height:100%;
	display:none;
	background-color: #000;
	z-index:50;
}

#galleryImage {
width:100%;
/*height: 100%;*/
position: absolute;
top: 0px;
left: 0px;

}

.gallery-back {
position: absolute;
background: url(../images/arrow_left.png);
left: 20px;
width: 67px;
height: 120px;
z-index:70;

}
.gallery-forward {
position: absolute;
background: url(../images/arrow_right.png);
right: 20px;
width: 67px;
height: 120px;
z-index:80;
}  

.gallery-back,  .gallery-forward {
top: 50%;
margin-top:-60px;
/*display:none;*/
cursor: pointer;
}  

#photosContent #btn_close{
	position:absolute;  
	top:50px;
	right:130px;
	color:#c5b48a;
	cursor: pointer;
	width:97px;
	height:30px;
	/*background: url(../images/btn_close.png);
	text-indent:-9999px;*/
	z-index:2000;
}

#logo_photos{
	position:absolute;  
    width:350px; 
    bottom:100px;
    right:70px;
}

#storyContent{ 
   position:absolute;  
  	z-index:30;
  	width:700px; 
    height:300px; 
	bottom:50%;
	display:none;
} 

div.transbox
  {
  width:600px;
  height:300px;
  margin:30px 50px;
  background-color:#000;
  border:1px solid #c5b48a;
  opacity:0.95;
  filter:alpha(opacity=95); /* For IE8 and earlier */
  }

div.transbox p
  {
  margin:30px 40px;
  color:#c5b48a;
  font-size: 14px;
  }

#storyContent #btn_close{
	position:absolute;  
	top:0px;
	right:42px;
	color:#c5b48a;
	cursor: pointer;
	width:97px;
	height:30px;
/*background: url(../images/btn_close.png);
	text-indent:-9999px;*/
	z-index:2000;
}

#videoContent{ 
	top:0px;
	left:0px;
    width:100%;
	height:100%;
	position:fixed;
	display:none;
	z-index:12000;
}

#videoContentBG{ 
	top:0px;
	left:0px;
    width:100%;
	height:100%;
	position:fixed;
	background-color: #000;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */

}

#videoHolder #btn_close{
	position:absolute;  
	top:-50px;
	right:0px;
	color:#c5b48a;
	cursor: pointer;
	width:97px;
	height:30px;
	background: url(../images/btn_close.png);
	text-indent:-9999px;
	z-index: 1200;
}

#videoHolder{
	position:relative; 
	width:940px;
	height:480px;
	top:50%;
	/*background-color: #fff;*/
	margin-left: auto;
	margin-right: auto;
	margin-top:-240px;
	
}

#restart{ 
	top:0px;
	left:0px;
    width:100%;
	height:100%;
	position:fixed;
	display:none;
	z-index:3000;
	cursor: pointer;
}

#restartBG{ 
	top:0px;
	left:0px;
    width:100%;
	height:100%;
	position:fixed;
	background-color: #000;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	cursor: pointer;
}


#restartText{
	position:relative; 
	width:200px;
	height:100px;
	color:#0c3a83; 
	font-size:18px; 
	line-height:22px;
	margin-left: auto;
	margin-right: auto;
	top:50%;
	margin-top: -50px;
	cursor: pointer;
}