body {	
	margin:0 auto;
	background-color:#000;	
	/*text-align:center;*/	
	font-size:16px;			
	font-family:Arial, Helvetica, sans-serif;
	color: #323232;	
}

#wrapper {     
    background-image:url(../images/ARB_bg4.jpg);
    background-repeat: no-repeat;
    background-position: center top; 
	-webkit-background-size: 1024px 3643px;
	height:3643px;
	
}



.container{
	margin:0 auto; 
	width:768px;
	display:block;		
}
	
.page_content{
	margin:30px 0;
}
	
.scroller_anchor{
	height:0px; 
	margin:0; 
	padding:0;
}
	
.scroller{	 
    margin:0 0 10px; 
    z-index:100; 
    height:50px;    
    text-align:center; 
    width:768px;
}

#top{	 
    height:0px; 
	margin:0; 
	padding:0;
	position:absolute;
	top:0px;
}

#topBar{
	width: 662px;
	height: 25px;		
	margin:0 auto;	
	background-color:#000;
	text-align:center;	
	font-size:16px;			
	font-family:Arial, Helvetica, sans-serif;
	color: #cccccc;	
}

a:link {
	color: #b11409;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.navTop{
	width: 662px;	
	height: 104px;		
	background-image:url(../images/nav_bg2.jpg);
	background-repeat:no-repeat;		
	margin-left: auto;
	margin-right: auto;	
	
}

.navLink{
	font-size:24px;			
	font-family:Arial, Helvetica, sans-serif;
	color: #b11409;	
	margin-left: -63px;
	margin-right: auto;
	position:relative;
	top: 66px;	
}

#trailerBtn{			
	position:relative;	
	left:-156px;	
	
}

#synopsisBtn{		
	position:relative;	
	left:32px;			
}

#posterBtn{			
	position:relative;	
	left:215px;			
}

#topBtn{			
	position:relative;	
	left:194px;	
	top:8px;		
}

#logo{
	width: 552px;
	height:66px;		
	margin-left: auto;
	margin-right: auto;	
	background-image:url(../images/ARB_logo.png);
	background-repeat:no-repeat;
	margin-top:95px;		
}

#section1{		
	position:relative;
	top:25px;	
}

#section2{			
	position:relative;
	top:25px;		
}

#section3{		
	position:relative;
    top:25px;	
}

#sectionTitle{
	width:100px;	
	font-size:24px;			
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #b11409;
	padding-left:12px;	
	padding-top:10px;		
}


#qrTitle{	
    width:545px;
	font-size:24px;			
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #b11409;
	padding-left:15px;	
	padding-top:10px;		
}



#trailer{
	width: 662px;
	height: 372px;		
	margin-left: auto;
	margin-right: auto;	
	background-image:url(../images/trailer_bg.png);
	background-repeat:no-repeat;
	margin-top:30px;
}

#theVideo{	
	width:630px;
	height:312px;
	background-image:url(../images/theVideo.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:4px;
	left:16px;		
}

#synopsis{
	width: 662px;
	height: 278px;		
	margin-left: auto;
	margin-right: auto;	
	background-image:url(../images/synopsis_bg.png);
	background-repeat:no-repeat;
	margin-top:30px;
}

#synopsisText{
	width: 375px;
	height: 204px;
	font-size:10px;		
	position:relative;
	top:1px;
	left:15px;
	text-align:left;
	float:left;	
}

#synopsisPic{
	width: 249px;
	height: 204px;	
	margin-left: auto;
	margin-right: auto;	
	background-image:url(../images/synopsis_pic.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	left:189px;	
}

#poster{
	width: 662px;
	height: 990px;	
	margin-left: auto;
	margin-right: auto;		
	background-image:url(../images/poster_bg.png);
	background-repeat:no-repeat;
	margin-top:30px;
}

#posterPic{
	width: 630px;
	height: 930px;	
	margin-left: auto;
	margin-right: auto;		
	background-image:url(../images/poster.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	left:0px;		
}


#qrcode{
	width: 662px;
	height: 501px;		
	margin-left: auto;
	margin-right: auto;	
	background-image:url(../images/photosBg.jpg);
	background-repeat:no-repeat;
	margin-top:30px;
}

#qrcodeText{
	width: 650px;
	height: 140px;		
	position:relative;
	top:1px;
	left:15px;	
	text-align:left;
	float:left;	
}

#qrcodePic{
	width: 630px;
	height: 440px;	
	margin-left: auto;
	margin-right: auto;		
	position:relative;
	top:-155px;
	left:-10px;	
}

#footer{
	width: 662px;
	height: 100px;		
	margin-left: auto;
	margin-right: auto;	
	background-image:url(../images/footer_bg2.png);
	background-repeat:no-repeat;
	margin-top:15px;
}


#footerText{
	width: 70px;
	height: 44px;
	float:right;
	padding-right:135px;	
}


*{
	margin:0;
	padding:0;
}


#slideshow{
	
	height:450px;
	margin:150px auto 0;
	position:relative;
	width:640px;		
}

#slideshow ul{
	height:440px;
	left:10px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:10px;
	width:630px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}



.clear{
	clear:both;
}



#acclaimTitle{	
    width:545px;
	font-size:24px;			
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #b11409;
	padding-left:15px;	
	padding-top:10px;		
}




#acclaim{
	width: 662px;
	height: 1075px;	
	margin-left: auto;
	margin-right: auto;		
	background-image:url(../images/ARB_acclaimBg2.png);
	background-repeat:no-repeat;
	margin-top:30px;
}

#acclaimPic{
	width: 630px;
	height: 1012px;	
	margin-left: auto;
	margin-right: auto;		
	background-image:url(../images/ARB_acclaim2.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	left:0px;		
}