* {margin: 0px; padding: 0px; outline: 0px;}
html, body {
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 65.2%;
	border:none;

}
a img {border: 0;}

li {list-style: none;}

#reactive-overlay {
	display: none;
	background: url('../images/bg-overlay.png');
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	cursor: pointer;
}
	#reactive-overlay.activate {
		display: block;
	}
	#reactive-overlay #btn-reactivate {
		background: url('../images/btn-click-to-reactivate.png') no-repeat center center;
		width: 100%;
		height: 100px;
		position: absolute;
		top: 50%;
		margin-top:-50px;
	}
#enableJavascript {
	display: block;
	width: 100%;
	text-align: center;
}
#enableJavascript.disable {
	display: none;
}
#navigation {
	background: url('../images/bg-nav-main.jpg') repeat-y;
	position: absolute; top: 0; left: -200px;
	width: 186px;
	height: 290px;
	z-index: 98;
}
	#navigation #logo {
		background:url('../images/img-logo.jpg') no-repeat;
		display: block;
		height: 245px;
		position: relative;
		z-index: 3;
	}
	#navigation #menu {
		position: absolute;
		bottom: 0;
		z-index: 2;
		width: 100%;
	}
		#navigation #menu #menuBtn {
			background: url('../images/btn-menu-dropdown.jpg') no-repeat;
			display:inline-block;
			height: 0;
			overflow: hidden;
			padding-top: 38px;
			width: 100%;
		}
	#navigation #menu ul {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
		#navigation #menu ul li {
			text-align: center;
			width: 100%;
		}
			#navigation #menu ul li a {
				color: #9e9c95;
				display: inline-block;
				font-size: 18px;
				line-height: 28px;
				padding-top: 2px;
				padding-bottom: 2px;
				font-weight: 700;
				text-align: center;
				text-decoration: none;
			}
			#navigation #menu ul li a span {
				padding-bottom: 4px;
			}
			#navigation #menu ul li a.activeNav,
			#navigation #menu ul li a.activeNav span {
				color: #895a1c;
				background: url('../images/bg-nav-border.jpg') repeat-x bottom;
			}
			#navigation #menu ul li:hover a {
				color: #895a1c;
			}
			#navigation #menu ul li.btm {
			}
			#navigation #menu ul li.btm a {
				background: url('../images/btn-menu-sonyrewards.jpg') no-repeat bottom center;
				display: block;
				height: 0;
				margin-top:15px;
				padding-top: 39px;
				overflow: hidden;
				width: 100%;
			}
#socialBar {
	background: url('../images/bg-social-shadow.png') no-repeat top right;
	display: block;
	height: 200px;
	position: absolute;
	top: 0;
	right: -300px;
	width: 220px;
	z-index: 98;
}
	#socialBar #hastag {
		color: #cecccc;
		text-align: right;
		text-transform: uppercase;
		font-size: 2em;
		font-weight: 700;
		line-height: 2.4em;
		margin-right: 2%;
	}
	#socialBar > ul {
		float: right;
		height: 40px;
	}
		#socialBar > ul > li {
			background: url('../images/spr-socialbar.jpg') no-repeat;
			background-position: 0 0;
			float: left;
			position: relative;
		}
			#socialBar ul li.facebook {
				width:40px;
				background-position: -13px 0px;
			}
			#socialBar ul li.twitter {
				width:40px;
				background-position: -49px 0px;
			}
			#socialBar ul li.google {
				width:40px;
				background-position: -83px 0px;
			}
			#socialBar ul li.audio {
				width: 48px;
				background-position: -138px 0px;
			}
				#socialBar>ul>li>a {
					display: block;
					padding-top: 40px;
					height: 0;
					overflow: hidden;
					position: relative;
					width: 100%;
					z-index: 2;
				}
			#socialBar ul li.audio.muted {
				background: url('../images/icon-socialbar-mute-sound.jpg') no-repeat top left;
			}
	#socialBar li ul {/*drop down*/
		display: none;
		list-style: none;
		position: absolute; top:0px; right: 0;
		z-index: 3;
	}	
		#socialBar li li {
			background:#e3962d;
			height: 39px;
			font-size:16px;
			font-weight: 700;
			width: 140px;
			display: table;
		}
			#socialBar li li:hover {
				background: #bb7820;
			}
			#socialBar li.facebook li a {
				background: url('../images/icon-socialbar-dropdown-facebook.png') no-repeat 108px 7px;
			}
			#socialBar li.twitter li a {
				background:url('../images/icon-socialbar-dropdown-twitter.png') no-repeat 108px 8px;
			}
			#socialBar li.google li a {
				background: url('../images/icon-socialbar-dropdown-google.png') no-repeat 109px 7px;
			}
			#socialBar li ul li:first-child {
				border-bottom: 1px solid #9d6a24;
			}
			#socialBar li li a {
				color:#fff;
				display: block;
				height: 39px;
				line-height: 39px;
				text-align: right;
				text-decoration: none;
				padding-right:40px;
			}
	#socialBar li:hover {}
	#socialBar li:hover ul {display:block;}
#pageWrapper {
	background: #000;
	height: 100%;
	display: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index: 1;
}
#pageWrapper.enable {
	display: block;
}
.section {
	background-color: #000;
	background-position: top center;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 5;
}
#preloader {
	background: #333;
}
#intro {
	background-image: url('../images/bg-intro-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
}
	#intro .btnWrap {
		width: 680px;
		display: block;
		position: absolute;
		bottom: 200px;
		left: 50%;
		margin-left: -340px;
	}
	#intro .watchTrailer {
		background: url('../images/img-intro-watch-trailer.png') no-repeat;
		display: block;
		height: 0px;
		overflow: hidden;
		padding-top: 90px;
		width: 340px;
		float: left;
	}
	#intro .showtimes {
		background: url('../images/img-intro-showtimes.png') no-repeat 0px -2px;
		display: block;
		height: 0px;
		overflow: hidden;
		padding-top: 90px;
		width: 340px;
	}
	#scrollMore {
		background: url('../images/img-intro-scrolldown.png') no-repeat;
		display: block;
		height: 45px;
		position: absolute; bottom:140px; left:50%;
		margin-left:-76px;
		width: 143px;
	}
	#introBanner {
		background: url('../images/bg-intro-banner.jpg') repeat-x;
		height: 147px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
#story {
	background-image: url('../images/bg-story-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
}
	#synopsysWrap {
		background: #d3d1c8 url('../images/bg-stripe-texture.jpg');
		height: 33.33%;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
		#synopsysJoinNow {
			display: block;
			height: 100%;
			position: absolute; left:0%;
			width: 30%;
		}
			#synopsysJoinNow a {
				/*background: url('../images/img-stories-join-monuments-men.jpg') no-repeat top center;*/
				display: block;
				width: 40%;
				margin: 0px auto;
			}
				#synopsysJoinNow a img {width: 100%;}
		#synopsysCopy {
			background: #d3d1c8;
			display: block;
			height: 100%;
			position: absolute; left:30%;
			width: 100%;
		}
			#synopsysCopy h2 {
				float: left;
				font-size: 10.5em;
				font-weight: 300;
				margin: 20px 20px 0 30px;
				text-align: right;
				text-transform: uppercase;
				line-height: 0.9em;
			}
			#synopsysCopy p {
				display: block;
				float: left;
				font-size: 2.8em;
				line-height: 1.4em;
				margin-top: 40px;
				width: 50%;
			}
#quote1 {
	background: url('../images/bg-quote1-main.jpg') no-repeat top center;
	background-size: 100%;
	overflow: hidden;
}
	#quote1 .banner {
		position: absolute; bottom: 10%;
		width: 70%;
	}
#cast {
	background:#4a4842 url('../images/bg-cast-pattern.jpg');
	width: 100%;
	overflow: hidden;
}
	#rosterWrap {	
		position: relative;
	}
	#rosterSpacingFix {
		margin:0 186px;
	}
	#roster {
		background: #0e0d0a;
		display: table;
		height: 100%;
		margin:0px auto;
		position: relative;
		width:100%;
		max-width: 1230px;
		z-index: 2;
	}
		#roster li {
			display: inline-block;
			float: left;
			position: relative;
			width: 50%;
			max-width: 50%;
		}
			#roster li .castInfo {
			  position:relative;
			}
			#roster li:hover {
				z-index: 3;
			}
			#roster li img {width: 100%; height: 100%;}
			#roster li.even .castInfo {float: left;}
			#roster li.even .castHeadshot {float: left;}
			#roster li.odd .castInfo {float: right;}
			#roster li.odd .castHeadshot {float: right;}
				#roster li .castName,
				#roster li .expandInfo {
					position:absolute;
					width:100%;
					height:100%;
					backface-visibility: hidden;
					-webkit-backface-visibility: hidden;
					-moz-backface-visibility: hidden;
					-ms-backface-visibility: hidden;
				}
				#roster li .expandInfo {display:none;}
					#roster li .expandInfo .thumb {
						position: absolute;
						width:100%;
						z-index: 4;
					}
					#roster li .expandInfo .expandName {
						overflow: hidden;
						background: #bdb9b0;
						border-bottom: 1px solid #a4a097;
						height: 0px;
						position: absolute;
						bottom: 0;
						width: 100%;
						z-index: 5;
					}
					#roster li .expandInfo .expandName p {
						font-size: 6em;
						margin-top: 20%;
						line-height: 0.9em;
						text-transform: uppercase;
						width: 100%;
					}
					#roster li .expandInfo .expandName p span {
						color: #7a7468;
						font-size: 0.5em;
						display: block;
						margin-top: -0.1em;
					}
					#roster li.even .expandName .name {
						background:#bdb9b0 url('../images/icon-cast-expandname-left-arrow.jpg') no-repeat left 20px;
						width: 81%;
					}
					#roster li.odd .expandName .name {
						background:#bdb9b0 url('../images/icon-cast-expandname-right-arrow.jpg') no-repeat right 20px;
						width: 81%;
					}

					#roster li.odd .expandInfo .expandName {
						text-align: right;
					}
						#roster li.odd .expandInfo .expandName .name {
							padding-right:10%;
							margin-right:5%;
						}
					#roster li.even .expandInfo .expandName {
						text-align: left;
					}
						#roster li.even .expandInfo .expandName .name {
							padding-left:10%;
							margin-left:5%;
						}
					#roster li .expandInfo .expandName .topBar {
						height: 20%;
						width: 100%;
						background: url('../images/bg-cast-info-topbar.jpg');
						position: absolute;
						z-index: 3;
					}
					#roster li .expandInfo .expandCopy {
						background:#bdb9b0;
						height: 100%;
						width: 100%;
						position: absolute;
						height: 100%;
						overflow: hidden;
						z-index: 2;
					}
						#roster li .expandInfo .expandCopy p {
							font-size: 2.4em;
							margin: 0 10%;
							padding-top: 15px;
							height: 100%;
							line-height: 1.6em;
						}

					/*IE FIX*/
					#roster li .ieCastFlipFix .expandInfo {z-index: 2;}
					#roster li .ieCastFlipFix .castName {z-index: 3;}
					#roster li:hover .ieCastFlipFix .expandInfo {z-index: 3;}
					#roster li:hover .ieCastFlipFix .castName {z-index: 2;}
	
	#production-team-wrap {
		width: 100%;
		background: #0a0604;
	}
		#production-team {
			background: #0a0604 url('../images/img-cast-ftr-banner.jpg') no-repeat top right;
			color:#bdb9b0;
			display: table;
			margin:0px auto;
			width:100%;
			max-width: 1230px;
			height: 300px;
			position: relative;
		}
			#production-team .fl {
				margin-top: 100px;
				width: 300px;
			}
			#production-team .fl:first-child {
				margin-left:10px;
			}
				#production-team p {
					margin-bottom: 20px;
					font-size: 3.2em;
					text-transform: uppercase;
				}
#video1 {
	/*background-image: url('../images/bg-video1-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;*/
}
#quote2 {
	background-image: url('../images/bg-quote2-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
}
	#quote2 .banner {
		position: absolute; bottom: 10%; right: 0;
		width: 70%;
	}
#trailers {
	background-image: url('../images/bg-trailer-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
}
	#trailerCarouselWrap {
		background: #d3d1c8 url('../images/bg-stripe-texture.jpg') left top;
		overflow: hidden;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	#trailerCarouselWrap .bgDecorative {
		background: #d3d1c8;
		height: 50%;
		position: absolute; top: 0;
		width: 100%;
		z-index: 0;
	}
	#trailerCarousel {
		position: relative;
		display: table;
		margin: 0px auto;
		padding-left: 3%;
		width: 1000px;
		z-index: 1;
	}
	#trailerCarousel h3 {
		font-size: 11em;
		margin: 0 0 0 3%;
		font-weight: 300;
		text-transform: uppercase;
		line-height: 1em;
	}
	#trailerCarousel li {
		float: left;
		display: inline-block;
		list-style: none;
		margin:0 0 3% 3%;
		position: relative;
		width: 30.33%;
	}
		#trailerCarousel li:first-child {
			margin: 0;
		}
			#trailerCarousel li img {
				width: 100%;
			}
#video2 {
	/*	background: url('../images/bg-video2-main.jpg') no-repeat top center;
	background-size: 100%;*/
}
#quote3 {
	background: url('../images/bg-quote3-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
}
	#quote3 .banner {
		position: absolute; bottom: 10%; right: 0;
		width: 70%;
		z-index: 2;
	}

#challenges {
	background-image: url('../images/bg-games-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
}
	#gamesCarouselWrap {
		background: #d3d1c8 url('../images/bg-stripe-texture.jpg') left top;
		overflow: hidden;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	#gamesCarouselWrap .bgDecorative {
		background: #d3d1c8;
		height: 50%;
		position: absolute; top: 0;
		width: 100%;
		z-index: 0;
	}
	#gamesCarousel {
		position: relative;
		display: table;
		margin: 0px auto;
		padding-left: 3%;
		width: 1000px;
		z-index: 1;
	}
	#gamesCarousel h3 {
		font-size: 11em;
		margin: 0 0 0 3%;
		font-weight: 300;
		text-transform: uppercase;
		line-height: 1em;
	}
	#gamesCarousel li {
		float: left;
		display: inline-block;
		list-style: none;
		margin:0 0 3% 3%;
		position: relative;
		width: 30.33%;
	}
		#gamesCarousel li:first-child {
			margin: 0;
		}
			#gamesCarousel li img {
				width: 100%;
			}
#quote4 {
	background: url('../images/bg-quote4-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
}
	#quote4 .banner {
		position: absolute; bottom: 10%; left: 0;
		width: 70%;
		z-index: 2;
	}
		#quote4 .banner img {float: left;}
#video3 {
	/*background: url('../images/bg-video3-main.jpg') no-repeat top center;
	background-size: 100%;*/
}

#journey {
	background-image: url('../images/bg-journey-main.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
}
	#journey-enter-site {
		background: url('../images/bg-journey-enter-site-main.jpg') no-repeat bottom center;
		background-size: 100%;
		height: 30%;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
		#journey-enter-site a {
			height:90%;
			width:700px;
			margin: 0px auto;
			display: block;
			text-align: center;
		}

#staticLegalLinks {
	display: block;
	position: absolute; bottom: 10px; left: 10px;
	z-index: 98;
}
	#staticLegalLinks li {
		float: left;
	}
		#staticLegalLinks li a {
			background: url(../images/spr-static-legal-links.png) no-repeat;
			display: block;
			height: 0;
			padding-top: 19px;
			overflow: hidden;
			width: 77px;
			margin-right: 5px;
		}
			#staticLegalLinks li a.privacy {background-position: 0 0;}
			#staticLegalLinks li a.terms {background-position: -84px 0;}

#footerWrap {
	background: #000;
	position: absolute;
	height: 120px;
	width: 100%;
	z-index: 99;
}
	#footer {
		color: #fff;
		font-size:10px;
		font-family: arial;
		display: block;
		margin: 20px auto 0;
		width: 1000px;
	}
		#footer a {color: #fff; text-decoration: underline;}
	#footer #ftrIcons {
		list-style: none;
		display: block;
		clear: both;
	}
		#footer #ftrIcons li {
			margin-left:20px;
		}
		#footer #ftrIcons li a {
			margin:-2px 10px 0 0; 
		}
		#footer #ftrIcons li:first-child {
			margin: 0;
		}
	#footer #legalLinks {
		list-style: none;
		clear: left;
		padding-top:20px;
	}
		#footer #legalLinks li {
			float: left;
			margin-right:10px;
			position: relative;
		}
			#footer #legalLinks li a {
				display: block;
				height: 0;
				overflow: hidden;
				padding-top: 19px;
			}
				#footer #legalLinks li a.privacy {
					background: url('../images/btn-ftr-privacy.jpg') no-repeat;
					width: 78px;
				}
				#footer #legalLinks li a.terms {
					background: url('../images/btn-ftr-terms.jpg') no-repeat;
					width: 78px;
				}
				#footer #legalLinks li a.release {
					background: url('../images/btn-ftr-release.jpg') no-repeat;
					width: 138px;
				}
	#footer #legalCopy {
		clear: right;
		margin-top: 5px;
		float: right;
		text-align: right;
	}
		#footer #legalCopy li {
			margin-top:5px;
			list-style: none;
		}
#preloader {
	background: #000;
	display: block;
	height: 100%;
	position: absolute; left: 0; top: 0;
	width: 100%;
	z-index: 300;
}
#progressBarWrapper {
	background:url('../images/bg-preloader-progressbar-main.jpg') repeat-x;
	position: absolute; left:-80%; top: 50%;
	margin-top: -50px;
	height: 81px;
	width: 100%;
}
	#progress {
		background: url('../images/bg-preloader-progressbar-arrow.jpg') no-repeat right top;
		float: right;
		height: 100%;
		display: inline-block;
		line-height: 81px;
		padding: 0 50px;
		font-size: 4em;
	}
.fl {
	float: left;
}
.fr {
	float: right;
}
.curSection {
	z-index: 10;
}
.preSection {
	z-index: 9;
}

.bgImage {
	position: absolute;
	height: 100%;
	width: 100%;
}
	.bgImage img {
		width: 100%;
		z-index: 1;
	}

.bgImage {display: none;}