* { outline: none; margin: 0px; padding: 0px; }

html {
	height: 100%;
	-webkit-text-size-adjust: none;
}

body {
	margin: 0px;
	padding: 0px;
	background: #000;
	/*background: url(../images/bg.jpg) right top no-repeat scroll #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
	color: #FFF;
	height: 100%;
	font-family: Arial, Verdana;
}

.rel {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}

.no-show {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	float: left;
	clear: none;
}

.sprite {
	display: block;
	height: 0px;
	overflow: hidden;
}

.pos {
	position: absolute;
}

#ipadPortraitTest {
	display: none;
	position: absolute;
	width: 768px;
	height: 1024px;
	left: 0px;
	top: 0px;
	background: #000;
	background: url(../images/bgTall.jpg) right top scroll #000;
	text-align: center;
}

	#ipadPortraitTest img{
		padding-top:200px;
		padding-bottom:20px;
	}
	
#container {
	width: 100%;
	min-height: 600px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

	#background {
			display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		background: #000;
		overflow: hidden;
	}
	
		#background img {
			float: left;
			height: 100%;
			width: auto;
			min-height: 600px;
			min-width: 1083px;
		}

	#backgroundTall {
		display: none;
		//width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		background: #000;
		overflow: hidden;
	}
	
		#backgroundTall img {
			float: left;
			height: 100%;
			width: auto;
			min-height: 600px;
		}

	/*
	#backgroundTall {
		display: none;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: url(../images/bgTall.jpg);
		
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-position:center top; 
		background-size: auto 100%;
		
	}
	*/		

#wrapper {
	width: 1000px;
	height: 640px;
	text-align: center;
	position: relative;
	/*overflow: hidden;*/
	margin: 0px auto;
}
		
	#static {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 20px;
	}
	
	h1 {
		width: 340px;
		padding-top: 184px;
		background: url(../images/title.png) left top no-repeat;
		left: 145px;
		top: 437px;
	}
	
	#frame_top {
		position:absolute;
		/*overflow: hidden;
		background: url(../images/frame_top.png) left top no-repeat;*/
		width: 518px;
		height: 0px;
		padding-top: 169px;
		right:0px;
		top: 0px;
	}
	
	#frame_bottom {
		position:absolute;
		
	
		width: 818px;
		height: 0px;
		
		right:-155px;
		top: 494px;
	}
	
	#dateTop{
		font-family:"Open Sans","Arial Black", Arial;
		font-weight:bold;
		font-stretch:expanded;
		color:#FFFFF;
		
		
	}
	
	#date{
		font-family:"Open Sans","Arial Black", Arial;
		font-weight:bold;
		color:#ea2425;
		font-stretch:expanded;
		margin-top:-16px;
		
		
	}
	#footerFB{
		font-family:Arial;
		font-weight:bold;
		margin-top:2px;
		color:#ffffff;
		font-stretch:expanded;
		display: block;
		text-decoration:none;
		
	}
	#fbook{
		font-family:Arial;
		font-weight:bold;
		color:#ffffff;
		font-stretch:expanded;
		display: block;
		text-decoration:none;
		margin-top:-2px;
		
	}
	
	#facebookHotSpot {
		position:absolute;
		overflow: hidden;
		width: 318px;
		height: 0px;
		padding-top: 30px;
		right:110px;
		top: 570px;
	}
	
	.releasedate {
		background: url(../images/releasedate.png) left top no-repeat;
		width: 186px;
		padding-top: 28px;
		top:455px;
		right: 49px;
	}
			
	.tiny {
		font-size: 9px;
		position: relative;
		top: -8px;
		left: -7px;
	}
	
	#copyrights {
		margin: 5px 0px 0px 0px;
		display: block;
		text-align: left;
		font-size: 10px;
		width: 100%;
		color: #FFF;
	}
	
	#menu {
		list-style: none;
		display: block;
		width: 518px;
		text-align: center;
		position: absolute;
		right:0px; /* 92px */
		top:181px;
	}
		#menu ul {
			width: auto;
			padding-left: 30px;
		}
	
		#menu li {
			list-style: none;
			display: inline;
			padding: 0px 15px;
			height: 18px;
			float: left;
		}
				
			#menu li a {
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 16px;
				font-family: sans-serif;
				font-weight:bold;
				display: inline;
				height: 0px;
				padding-top: 0px;
			}
						
			#menu li a:hover {
				color: #99ABB0;
			}		
			
			#menu li a.photos {
				padding-top: 33px;
				overflow: hidden;
				width: 119px;
				height: 0px;
				display: block;
				background: url(../images/nav/photos.jpg) left top no-repeat;
				background-position:center top;
			}
			
			#menu li a.synopsis {
				padding-top: 33px;
				overflow: hidden;
				width: 119px;
				height: 0px;
				display: block;
				background: url(../images/nav/synopsis.jpg) left top no-repeat;
				background-position:center top;
			}
			
			#menu li a.trailer {
				padding-top: 33px;
				overflow: hidden;
				width: 119px;
				height: 0px;
				display: block;
				background: url(../images/nav/trailer.jpg) left top no-repeat;
				background-position:center top;
			}
			
	#socialLeft {
		left: 20px;
		bottom: 0px;
		width: 400px;
	}
			
		#like {
			position:absolute;	
			bottom: -1px;
			left: 40px;
			width: 100px;
		}
		
		#plusone {
			position:absolute;
			bottom: 0px;
		}
		
			#ratingBlock {
			position:absolute;	
			bottom: 35px;
			left: 0px;
			width: 560px;
			text-align:center;
			color:#F00;
			font-family: sans-serif;
			font-weight:bold;
			
		}
		
		
	#footer-area {
		right: 250px;
		bottom: 0px;
		width: 400px;
	}
			
	#footer {
		margin: 0px auto;
		list-style: none;
		display: block;
	}
	
		#footer li {
			list-style: none;
			display: inline;
			padding: 0px 30px 0px 0px;
		}
		
			#footer li a {
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 11px;
			}
			
	#credits-button-area {
		right: 20px;
		bottom: 0px;
		width: 222px;
		height: 50px;
	}
			
	#credits-button {
		position: absolute;
		right: 0px;
		top: 0px;
		color: #FFF;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		display: block;
		padding-right: 20px;
		background: url(../images/credits-arrow.png) right 4px no-repeat;
	}
	
	#credits-area {
		width: 100%;
		position: relative;
	}
	
	#credits {
		position: absolute;
		cursor: pointer;
		left: 0px;
		bottom: -240px;
		background: #000;
		width: 100%;
		height: 220px;
		padding: 10px 0px;
		text-align: center;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: bottom, opacity;
	    -webkit-transition-duration: .5s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-property: bottom, opacity;
	    -moz-transition-duration: .5s;
	    -moz-transition-timing-function: ease-out;
	    opacity: 0;
	    overflow: hidden;
	}
	
		#credits.active {
			bottom:0px;
			opacity: 1;
		}
		
		#credits p {
			display: block;
			width: 100%;
			text-align: center;
			color: #A7A6A6;
		}
		
			#credits a {
				color: #A7A6A6;
				text-decoration: none;
				font-size: 10px;
				font-weight: bold;
			}
			
			#credits a:hover {
				color: #ff0000;
			}
		
		#credits .close {
			position: absolute;
			right: 10px;
			top: 0px;
			color: #FFF;
			font-weight: bold;
			font-size: 18px;
			cursor: pointer;
			text-decoration: none;
		}
		
			
	#share {
		list-style: none;
		display: block;
		width: 242px;
		height: 22px;
		position: absolute;
		right: 0px;
		top: 28px;
		/*padding-left: 40px;
		background: url(../images/sharebar.png) left top no-repeat;*/
	}
	
		#share li {
			width: 23px;
			height: 22px;
			float: left;
			clear: none;
			margin-right: 4px;
		}
		
			#share li a {
				width: 23px;
				height: 0px;
				padding-top: 22px;
				display: block;
				/*overflow: hidden;*/
			}

	#finduson {
		list-style: none;
		display: block;
		width: 180px;
		height: 22px;
		position: absolute;
		left: -45px;
		top: 0px;
		/*padding-left: 60px;
		background: url(../images/finduson.png) left top no-repeat;*/
	}
	
		#finduson li {
			width: 23px;
			height: 22px;
			float: left;
			clear: none;
			margin-right: 4px;
		}
		
			#finduson li a {
				width: 23px;
				height: 0px;
				padding-top: 22px;
				display: block;
				/*overflow: hidden;*/
			}

			
	#no-js {
		position: absolute;
		display: block;
		width: 100%;
		top: 20%;
		text-align: center;
		color: #FFF;
		font-size: 16px;
	}
	
	#no-bg {
		display: none;
		width: 100%;
		height: 300%;
		position: absolute;
		left: 0px;
		top: 0px;
		background: #000;
	}
		
	#player {
		position: absolute;
		width: 398px;
		height: 224px;
		right: 62px;
		top: 212px;
		text-align: center;
		display: none;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: opacity;
	    -webkit-transition-duration: .5s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-property: opacity;
	    -moz-transition-duration: .5s;
	    -moz-transition-timing-function: ease-out;
	    opacity: 0;
	}
	
		#player.video {
			border: 2px solid #FFF;
	    	background: #000;
		}
		
		#player.external {
			padding-top: 30px;
			height: 240px;
			display: block;
		}
	
		#player.active {
			opacity: 1;
		}
	
		#player .close-player {
			position: absolute;
			left: 0px;
			top: 0px;
			background: #000;
			border-top: 1px solid #404346;
			border-bottom: 1px solid #404346;
			padding: 5px 0px;
			text-align: center;
			width: 100%;
			color: #FFF;
			text-transform: uppercase;
			font-size: 15px;
			text-decoration: none;
			font-weight: bold;
		}
	
		#player .bottom {
			text-align: right;
			color: #FFF;
			display: block;
			width: 100%;
			padding: 5px 0px;
			position: absolute;
			bottom: -15px;
			left: 0px;
		}
		
			#viewing-options {
				color: #FFF;
				text-transform: uppercase;
				font-size: 12px;
				text-decoration: none;
				width: auto;
				height: 0px;
				padding-top: 9px;
				display: block;
				float: right;
			}
	
		#player video {
			width: 100%;
			height: 50%;
		}
		
		#playerOptions {
			display: none;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			text-align: center;
			color: #FFF;
			-webkit-backface-visibility: hidden;
			-webkit-transition-property: opacity;
		    -webkit-transition-duration: .5s;
		    -webkit-transition-timing-function: ease-out;
		    -moz-transition-property: opacity;
		    -moz-transition-duration: .5s;
		    -moz-transition-timing-function: ease-out;
		    opacity: 0;
		}
		
			#playerOptions.active {
				opacity: 1;
			}
		
			.fade-out {
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
				background: #000;
				filter:alpha(opacity=75);
				-moz-opacity:.75;
				opacity:.75;
			}
		
			.inner-links {
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
				text-align: center;
				color: #FFF;
			}
			
				.downloads {
					display: block;
					margin: 5% auto 0px auto;
					width: 100%;
					height: 250px;
					text-transform: uppercase;
				}
				
					.downloads h2, .downloads h3 {
						visibility: visible !important;
					}
				
					.downloads h3 {
						font-size: 14px;
						letter-spacing: normal;
					}
					
					.downloads .close {
						font-size: 18px;
						color: #ff0000;
						width: 4%;
						float: left;
						clear: none;
						display: block;
						text-align: right;
						text-decoration: none;
					}
			
					.col {
						display: block;
						width: 31%;
						float: left;
						clear: none;
						text-align: center;
					}
					
						.col h3 {
							color: #FF0000;
							padding-bottom: 5px;
						}
						
						
						.col ul {
							list-style: none;
							display: block;
							text-align: center;
							margin-bottom: 30px;
							width: 100%;
							float: left;
							clear: both;
						}
						
							.col ul li {
								color: #FFFFFF;
								list-style: none;
								display: block;
								float: left;
								clear: both;
								text-align: center;
								width: 100%;
								font-size: 10px;
								padding-bottom: 2px;
							}
							
								.col ul li a {
									color: #999999;
									text-decoration: none;
									font-size: 10px;
								}
								.col ul li a:hover {
									color: #FFF;
								}
								
	.exclusivePage {
		display: none;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: opacity;
	    -webkit-transition-duration: .5s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-property: opacity;
	    -moz-transition-duration: .5s;
	    -moz-transition-timing-function: ease-out;
	    opacity: 0;
	    
	}
	
		.exclusivePage.active {
			opacity: 1;
		}
		
		.exclusivePage a {
			position: absolute;
			right: 0px;
			top: 171px;
			background: url(../images/watch-trailer.png) left top no-repeat;
			width: 518px;
			padding-top: 130px;
			height:0px;
			overflow:hidden;
			
			color: #FFF;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 18px;
			font-family: sans-serif;
			font-weight:bold;
		}
								
	.page {
		display: none;
		position: absolute;
		padding: 40px 0px 40px 0px;
		width: 518px;
		height: 145px;
		right: 0px;
		top: 237px;
		background: url(../images/page_bg.png) left top no-repeat;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: opacity;
	    -webkit-transition-duration: .5s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-property: opacity;
	    -moz-transition-duration: .5s;
	    -moz-transition-timing-function: ease-out;
	    opacity: 0;
	    overflow: hidden; 
	}
	
		.page.active {
			opacity: 1;
		}
	
		.page h3 {
			width: 100%;
			border-bottom: 1px solid #595959;
			font-size: 32px;
			padding: 0px 0px 10px 30px;
			margin: 0px auto;
			display: block;
			text-align: left;
			color: #FFF;
			text-transform: uppercase;
		}
		
		.page p {
			width: 100%;
			font-size: 11px;
			margin: 0px 0px 15px 0px;
			float: left;
			clear: both;
			display: block;
			text-align: left;
			color: #FFF;
			font-family: sans-serif;
			font-weight:bold;
			line-height:170%
		}
		
		.page .content {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 85%;
			height: 165px;
			overflow: hidden;
			text-transform: uppercase;
		}
		
		.page .scroll-up,
		.page .scroll-down {
			position: absolute;
			display: block;
			width: 32px;
			height: 0px;
			padding-top: 32px;
			overflow: hidden;
			right: 20px;
		}
		
		.page .scroll-up { top: -10px; background: url(../images/arrow-up.png) left top no-repeat; }
		.page .scroll-down { top: 30px; background: url(../images/arrow-down.png) left top no-repeat; }
		
	.gallery {
		display: none;
		position: absolute;
		width: 100%;
		left: 0px;
		top: 0px;
		background: #000;
		height: 100%;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: opacity;
	    -webkit-transition-duration: .5s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-property: opacity;
	    -moz-transition-duration: .5s;
	    -moz-transition-timing-function: ease-out;
	    opacity: 0;
	}
	
		.gallery.active {
			opacity: 1;
		}
		
		.gallery img {
			position: absolute;
			left: 0px;
			top: 0%;
			-webkit-backface-visibility: hidden;
			-webkit-transition-property: opacity;
		    -webkit-transition-duration: .5s;
		    -webkit-transition-timing-function: ease-out;
		    -moz-transition-property: opacity;
		    -moz-transition-duration: .5s;
		    -moz-transition-timing-function: ease-out;
		    opacity: 0;
		    visibility: hidden;
		}
		
			.gallery img.active {
				opacity: 1;
			}
		
		.gallery a {
			position: absolute;
			display: block;
			height: 0px;
			overflow: hidden;
		}
		
		.gallery .next {
			right: 20px;
			top: 50%;
			width: 60px;
			padding-top: 60px;
			background: url(../images/photo-next.png) left top no-repeat; 
		}
		
		.gallery .back {
			left: 20px;
			top: 50%;
			width: 60px;
			padding-top: 60px;
			background: url(../images/photo-back.png) left top no-repeat;
		}
		
		.gallery .close {
			top: 20px;
			right: 20px;
			width:119px;
			padding-top: 33px;			
			background: url(../images/photo-close.jpg) left top no-repeat;
			
			/*
			overflow:visible;
			color: #FFF;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 16px;
			font-family: sans-serif;
			font-weight:bold;
			*/
	}
		
@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#container {
		height: 946px;
		min-height: 946px;
	}
	#background img {
		margin-right: -200px;
	}
	#wrapper {
		text-align:right;
		width: 768px;
		height: 946px;
		-webkit-transform-origin: left bottom;
		-webkit-transform: scale(.9);
	}
	.gallery img {
		top:25%;
	}
}

@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {	
	#container {
		height: 690px;
		min-height: 690px;
	}
	#wrapper {
		height: 690px;
		-webkit-transform-origin: center top;
		-webkit-transform: scale(.9);
	}
		#ratingBlock {
			position:absolute;	
			bottom: 55px;
			left: 435px;
			width: 560px;
			text-align:center;
			color:#F00;
			font-family: sans-serif;
			font-weight:bold;
			
		}
		
}