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

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	min-height: 720px;
	background: #000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.overdiv{
	z-index:1000;
	width:100%;
	height:100%;
	background-color:#000;
	display:none;	
}
.rel {
	display: block;
	height: 100%;
	position: relative;
}

.noshow {
	display: block;
	width: 1px;
	height: 0px;
	overflow: hidden;
	float: left;
	clear: none;
}

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

#extended {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 20%;
	color: #FFF;
	text-transform: uppercase;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: .2em;
	font-size: 18px;
}

#portrait {
	width: 1000px;
	height: 1024px;
	background: url(../images/ui/portrait.jpg) center top no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

	#portrait .releasedate {
		width: 222px;
		color: #FFF;
		font-size: 35px;
		text-align: center;
		display: block;
		position: absolute;
		left: 550px;
		top: 730px;
		font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
		text-shadow: #000 3px 3px 5px;
		letter-spacing: -0.12em;
	}

#constrainer {
	position: relative;
}

#loader {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background: url(../images/ui/loader.gif) center center no-repeat;
}

#background {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

	#background .bg {
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: -webkit-transform, opacity;
	    -webkit-transition-duration: .5s;
	    -webkit-transition-timing-function: ease-in-out;
	    -moz-transition-property: -moz-transform, opacity;
	    -moz-transition-duration: .5s;
	    -moz-transition-timing-function: ease-in-out;
		opacity: 0;
		-webkit-transform: scale(1.5) rotateZ(10deg);
		-moz-transform: scale(1.5) rotateZ(10deg);
		visibility: hidden;
		-webkit-animation: emanate .65s infinite alternate ease-out;
	}
	
		@-webkit-keyframes emanate {
			0% { opacity: .95; }
			35% { opacity: .99; }
			60% { opacity: .93; }
			100% { opacity: 1; }
		}
	
		#background .bg img {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: auto;
		}
	
		#background .bg.active {
			opacity: 1 !important;
			-webkit-transform: scale(1) rotateZ(0deg);
			-moz-transform: scale(1) rotateZ(0deg);
		}
		
		#background .bg .tt-large {
			width: 566px;
			padding-top: 323px;
			position: absolute;
			background: url(../images/ui/tt.png) left top no-repeat;
			right: 20px;
			bottom: 70px;
		}
		
		#background .bg .tt-large .releasedate {
			width: 566px;
			color: #FFF;
			font-size: 40px;
			text-align: center;
			display: block;
			position: absolute;
			left: 0px;
			bottom: 50px;
			font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
			text-shadow: #000 3px 3px 5px;
		}
		
		#background .bg .tt {
			/*width: 498px;*/
			width: 560px;
			/*padding-top: 272px;*/
			padding-top: 240px;
			/*height:240px;*/
			position: absolute;
			/*background: url(../images/ui/tt-smaller-2.png) left top no-repeat;*/
			right: 10px;
			bottom: 70px;
			text-align: center;
		}
		
		#background .bg .tt .releasedate {
			/*width: 222px;*/
			/*width: 498px;*/
			width: 560x;
			color: #FFF;
			font-size: 35px;
			text-align:center;
			display: block;
			position:relative;
			/*left: 298px;*/
			bottom: 37px;
			font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
			text-shadow: #000 3px 3px 5px;
			letter-spacing: -0.12em;
		}
		
		#background .bg .tt .title {
			width: 560px;
			color: #FFF;
			font-size: 35px;
			text-align: center;
			display: block;
			position: absolute;
			left: 0px;
			bottom: 265px;
			font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
			text-shadow: #000 3px 3px 5px;
		}
		
		#bg-home .tt {
			/*left: 50%; */
			left: 48%;
			margin-left: -231px;
			bottom: 70px !important;
		}
		
		#bg-cast-1 .tt, #bg-cast-2 .tt, #bg-cast-3 .tt, #bg-cast-4 .tt,
		#bg-cast-5 .tt, #bg-cast-6 .tt, #bg-cast-7 .tt, #bg-cast-8 .tt {
			left: 10px;
			bottom: 65px;
		}
		
		#bg-kronos .tt,
		#bg-crew .tt {
			left: 45%;
			bottom: 50px !important;
			margin-left: -231px;
		}
		
		#bg-makhai .tt {
			left: 50%;
			bottom: 70px;
			margin-left: -201px;
		}
		
		#bg-perseus .tt,
		#bg-cast .tt {
			left: 50%;
			/*left: 54%;*/
			bottom: 60px;
			margin-left: -231px;
		}
		
		#bg-makhai .tt {
			left: 50%;
			bottom: 70px;
			margin-left: -201px;
		}
		
		#bg-zeus .tt,
		#bg-ares .tt {
			/*left: 70%;*/
			/*left: 50%;*/
			left: 68%;
			bottom: 70px;
			margin-left: -201px;
		}
		
		#bg-hades .tt {
			/*left: 72%;*/
			left: 68%;
			/*left: 50%;*/
			bottom: 70px;
			margin-left: -201px;
		}
		
		#bg-agenor .tt {
			/*left: 50%;*/
			left: 67%;
			bottom: 70px;
			margin-left: -201px;
		}
		
		#bg-andromeda .tt{
			/*left: 52%;*/
			/*left: 67%;*/
			bottom: 70px;
			/*margin-left: -201px;*/
		}

#container {
	width: 100%;
	height: 100%;
	min-height: 750px;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	float: left;
	clear: none;
}

#wrapper {
	width: 900px;
	height: 682px;
	background: url(../images/pages/home/bg.jpg) center top no-repeat;
	margin: 0px auto;
	position: relative;
}

	h1 {
		background: url(../images/ui/tt.png) left top no-repeat;
		width: 479px;
		padding-top: 153px;
		position: absolute;
		left: 50%;
		margin-left: -239px;
		bottom: 10px;
		z-index: 1000000;
	}
	
	.tagline {
		background: url(../images/ui/tagline.png) left top no-repeat;
		width: 604px;
		padding-top: 27px;
		position: absolute;
		left: 50%;
		margin-left: -302px;
		top: 10px;
	}
	
	.release-date {
		display: block;
		width: 479px;
		text-align: center;
		position: absolute;
		left: 50%;
		margin-left: -239px;
		bottom: 180px;
		color: #FFF;
		letter-spacing: .2em;
		font-size: 18px;
		z-index: 1000000;
	}
	
	#menu {
		width: 100%;
		height: 30px;
		background: url(../images/ui/bg-faded.png) left top repeat;
		border-bottom: 2px solid #D1BB91;
		display: block;
		list-style: none;
		position: absolute;
		left: 0px;
		top: 0px;
		/*text-indent: 15px;*/
	}
	
		#menu li {
			float: left;
			clear: none;
			margin: 0px 25px 0px 0px;
		}
		
		#nav1 #menu li{
			margin: 0 7px 0 0;	
		}
		
			#menu li a {
				color: #EAE2CE;
				font-size: 14px;
				line-height: 30px;
				text-shadow: #8C653E 1px 1px 4px;
				text-decoration: none;
				font-family: 'AkzidenzGroteskBold', Helvetica, Arial, Verdana, sans-serif;
				letter-spacing: .1em;
			}
			
			#menu li a:hover {
				color: #8B877E;
			}
			
	#tickets-block {
		position: absolute;
		right: 0px;
		top: 325px;
		width: 223px;
		height: 96px;
		background: url(../images/ui/tickets-widget.gif) left top no-repeat;
	}
		
		.tix {
			width: 219px;
			left: 2px;
			top: 2px;
			position: absolute;
			padding-top: 68px;
		}
			
		.canada {
			position: absolute;
			width: 219px;
			left: 2px;
			bottom: 2px;
			padding-top: 24px;
		}
		
	#tickets-widget {
		position: absolute;
		display: block;
		width: 570px;
		height: 300px;
		border: 5px #FFF solid;
		left: 50%;
		top: 85px;
		margin-left: -290px;
	}
			
	.page {
		color: #FFF;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		min-height: 280px;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: -webkit-transform, opacity;
	    -webkit-transition-duration: .5s;
	    -webkit-transition-timing-function: ease-in-out;
	    -moz-transition-property: -moz-transform, opacity;
	    -moz-transition-duration: .5s;
	    -moz-transition-timing-function: ease-in-out;
		opacity: 0;
		-webkit-transform: scale(1.5) translateX(-200px);
		/*-moz-transform: scale(1.5) translateX(-200px);*/
		visibility: hidden;
		filter:alpha(opacity=0);
	}
	
		.page.active {
			opacity: 1 !important;
			filter:0 !important;
			-webkit-transform: scale(1) translateX(0px) !important;
			/*-moz-transform: scale(1) translateX(0px) !important;*/
		}
				
		.page h3 {
			/*position: absolute;
			left: 40px;
			top: 70px;*/
			position: absolute;
			left: 43px;
			top: 70px;
			font-family: 'AkzidenzGroteskBold', Verdana, Arial, sans-serif;
			letter-spacing: .1em;
			color: #CFA377;
			font-size: 39px;
			text-shadow: #000 2px 2px 7px;
		}
		
		.page .submenu {
			position: absolute;
			display: block;
			list-style: none;
			left: 45px;
			top: 125px;
			width: 1000px;
		}
		
			.page .submenu li {
				display: block;
				list-style: none;
				float: left;
				clear: none;
				margin: 0px 15px 0px 0px;
				color: #E0CEB7;
			}
			
				.page .submenu li a {
					color: #E0CEB7;
					font-size: 12px;
					text-shadow: #000 3px 3px 5px;
					text-decoration: none;
					font-family: 'AkzidenzGroteskBold', Verdana, Arial, sans-serif;
					letter-spacing: .2em;
				}
				
				.page .submenu li a:hover {
					color: #8B877E;
				}
				
		.page .content {
			-webkit-backface-visibility: hidden;
			-webkit-transition: .5s opacity ease-out;
			-moz-transition: .5s opacity ease-out;
			visibility: hidden;
			opacity: 0;
		}
		
			.content.active {
				opacity: 1 !important;
			}
				
		.page .body {
			display: block;
			width: 500px;
			text-align: left;
			position: absolute;
			left: 0px;
			top: 0px;
			color: #EAE2CE;
			font-size: 12px;
			text-shadow: #000 3px 3px 5px;
			text-decoration: none;
			font-family: 'AkzidenzGroteskBold', Verdana, Arial, sans-serif;
			letter-spacing: .1em;
			height: 228px;
			overflow: hidden;
			padding: 0px 0px 10px 0px;
		}
		
			.page .body p {
				display: block;
				float: left;
				clear: both;
				margin-bottom: 15px;
				line-height: 1.5em;
				width: 100%;
			}
			
	#fullscreenPlayer {
		background: #000;
	}
	
		#fullscreenPlayer #fullscreen-skip {
			position: absolute;
			right: 10px;
			top: 10px;
			font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
			font-size: 25px;
			text-transform: uppercase;
			color: #FFF;
			text-decoration: none;
		}
			
	#home #promos {
		width: 275px;
		height: 151px;
		position: absolute;
		right: 10px;
		bottom: 75px;
		overflow: hidden;
		background: url(../images/pages/home/promo-frame.png) left top no-repeat;
	}
	
		#promos-container {
			position: relative;
			top: 17px;
			left: 31px;
			width: 213px;
			height: 125px;
			overflow: hidden;
		}
	
		#promos-inner {
			display: block;
			list-style: none;
			height: 150px;
			position: absolute;
			top: 0px;
			left: 0px;
			-webkit-transition: .5s left ease-out;
			-moz-transition: .5s left ease-out;
		}
		
			#promos-inner li {
				display: block;
				width: 213px;
				height: 125px;
				list-style: none;
				float: left;
				clear: none;
			}
			
				#promos-inner li a {
					width: 213px;
					height: 125px;
					display: block;
					text-decoration: none;
				}
				
					#promos-inner li a img {
						float: left;
						clear: both;
						width: 213px;
						height: 100px;
						border: none;
					}
					
					#promos-inner li a span {
						float: left;
						clear: both;
						display: block;
						width: 213px;
						text-align: center;
						line-height: 25px;
						height: 25px;
						color: #D8CEB1;
						font-size: 15px;
						font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
						text-decoration: none;
					}
			
		#promo-back, #promo-next {
			width: 75px;
			padding-top: 125px;
			height: 0px;
			overflow: hidden;
			display: block;
			position: absolute;
			top: 0px;
		}
		
		#promo-back {
			left: 0px;
		}
		
		#promo-next {
			right: 0px;
		}
			
	#home #quotes {
		width: 400px;
		position: absolute;
		height: 40px;
		left: 50%;
		bottom: 10px;
		margin-left: -200px;
		text-align: center;
	}
	
		#home #quotes p {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 400px;
			-webkit-transition: 1s opacity ease-in;
			-moz-transition: 1s opacity ease-in;
			opacity: 0;
			visibility: hidden;
		}
		
			#home #quotes p.active {
				opacity: 1 !important;
			}
		
			#home #quotes p span {
				display: block;
				float: left;
				width: 400px;
				text-align: center;
				clear: both;
				font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
			}
			
				#home #quotes p span.quote {
					font-size: 16px;
					color: #d2cbbb;
				}
				
				#home #quotes p span.from {
					font-size: 13px;
					color: #FFF;
				}
		
	#about h3, #cast h3, #crew h3 {
		/*background: url(../images/pages/about/title.png) left top no-repeat;*/
		/*width: 545px;
		padding-top: 51px;*/
		height:51px;
		
	}
	
	#about-bar {
		width: 412px;
		height: 21px;
		position: absolute;
		left: 45px;
		top: 150px;
		background: url(../images/ui/bg-dropdown-bar.png) left top repeat-x;
		color: #000;
		padding: 0px 5px;
	}
	
		#about .content {
			top:150px;
		}
	
			#about .content .body {
				top: 30px;
				height: 208px;
			}
			
			#about .scroll-up {
				left: 425px;
				top: 0px;
			}
			
			#about .scroll-down {
				left: 460px;
				top: 0px;
			}
	
	#cast-body, #crew-body {
		position: absolute;
		left: 45px;
		top: 160px;
		width: 330px;
		color: #EAE2CE;
		font-size: 12px;
		text-shadow: #000 3px 3px 5px;
		text-decoration: none;
		font-family: 'AkzidenzGroteskBold', Verdana, Arial, sans-serif;
		letter-spacing: .1em;
	}
	
		#cast-body .body p, #crew-body .body p {
			margin: 0px 0px 15px 0px;
		}
	
		#cast-body .content, #crew-body .content {
			left: 0px;
			top: 0px;
		}
		
		#cast-body .scroll-up,
		#cast-body .scroll-down,
		#crew-body .scroll-up,
		#crew-body .scroll-down {
			top: 0px;
		}
		
		#cast-body .scroll-up,
		#crew-body .scroll-up {
			left: 425px;
		}
		
		#cast-body .scroll-down,
		#crew-body .scroll-down {
			left: 460px;
		}
	
		#cast-body .body, #crew-body .body {
			position: absolute;
			left: 0px;
			top: 60px;
			width: 500px;
			height: 198px;
			overflow: hidden;
			/*-webkit-transition: .5s opacity ease-out;
			-moz-transition: .5s opacity ease-out;
			visibility: hidden;
			opacity: 0;*/
		}
		
			/*#cast-body .inner-body.active, #crew-body .inner-body.active {
				opacity: 1 !important;
			}*/
		
		#cast-body .cast-title, #crew-body .crew-title {
			font-family: 'AkzidenzGroteskBold', Verdana, Arial, sans-serif;
			font-size: 20px;
			/*text-transform: uppercase;*/
			color: #EAE2CE;
			display: block;
			text-align: left;
			position: absolute;
			left: 0px;
			top: 30px !important;
		}
		
	#cast-dropdown, #crew-dropdown {
		width: 412px;
		height: 21px;
		position: absolute;
		left: 0px;
		top: 0px;
		background: url(../images/ui/bg-dropdown-bar-light.png) left top repeat-x;
		color: #000;
		line-height: 21px;
		text-align: left;
		font-size: 11px;
		padding: 0px 5px;
	}
	
		#cast-dropdown .directions, #crew-dropdown .directions {
			display: block;
			float: left;
			clear: none;
			text-shadow: none;
			font-size: 10px;
			/*width:25px;*/
			margin-left:-3px;
		}
		
		#cast-dropdown .dropdown-closed, #crew-dropdown .dropdown-closed {
			width: 290px;
			height: 16px;
			display: block;
			float: right;
			clear: none;
			background: url(../images/ui/bg-dropdown-closed.png) left top repeat-x;
			line-height: 16px;
			font-size: 10px;
			color: #FFF;
			/*padding: 0px 10px;*/
			margin-top: 3px;
			text-decoration: none;
		}
		
			#cast-dropdown .dropdown-closed .dropdown-current, #crew-dropdown .dropdown-closed .dropdown-current {
				float: left;
				clear: none;
				text-decoration: none;
				text-shadow: none;
				/*text-transform: uppercase;*/
				margin-left:5px;
			}
			
			#cast-dropdown .dropdown-closed .indicator, #crew-dropdown .dropdown-closed .indicator {
				width: 14px;
				height: 16px;
				display: block;
				float: right;
				clear: none;
				background: url(../images/ui/dropdown-arrow-down.png) left center no-repeat;
				text-decoration: none;
				padding-right:8px;
			}
			
		#cast-dropdown-open, #crew-dropdown-open {
			width: 310px;
			height: 0px;
			position: absolute;
			left: 107px;
			top: 3px;
			overflow: hidden;
			-webkit-transition: .5s height ease-out;
			-moz-transition: .5s height ease-out;
		}
		
			#cast-dropdown-open .indicator, #crew-dropdown-open .indicator {
				width: 14px;
				height: 0px;
				padding-top: 16px;
				overflow: hidden;
				display: block;
				position: absolute;
				right: 10px;
				top: 8px;
				background: url(../images/ui/dropdown-arrow-up.png) left center no-repeat;
				text-decoration: none;
			}
		
		#cast-dropdown-open ul, #crew-dropdown-open ul {
			list-style: none;
			display: block;
			width: 288px;
			height: 200px;
			background: url(../images/ui/bg-dropdown-open.png) left top repeat-x;
			padding: 10px;
			border: 1px solid #C4A68B;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		
		#cast-dropdown-open ul {
			height: 70px;
		}
		
		#crew-dropdown-open ul {
			height: 173px;
		}
		
			#cast-dropdown-open.active {
				/*height: 92px !important;*/
				height: 100px !important;
			}
			
			#crew-dropdown-open.active {
				height: 195px !important;
			}
		
			#cast-dropdown-open li, #crew-dropdown-open li {
				display: block;
				float: left;
				clear: none;
				width: 128px;
				margin-bottom: 5px;
			}
			
				#cast-dropdown-open li a, #crew-dropdown-open li a {
					color: #F1E3D6;
					text-decoration: none;
					font-size: 10px;
					/*text-transform: uppercase;*/
					letter-spacing: normal;
				}
	
	/*#cast-list, #crew-list {
		display: block;
		list-style: none;
		position: absolute;
		left: 0px;
		top: 200px;
		width: 135px;
		display: none;
	}*/
	
	#crew-list-container {
		position: absolute;
		left: 0px;
		top: 200px;
		width: 185px;
		height: 208px;
		overflow: hidden;
	}
	
		#crew-list-container .scroll-up {
			width: 32px;
			padding-top: 28px;
			top: 0px;
			left: 145px;
			background: url(../images/ui/arrow-up-smaller.png) left top no-repeat;
		}
		#crew-list-container .scroll-down {
			width: 32px;
			padding-top: 28px;
			top: 38px;
			left: 145px;
			background: url(../images/ui/arrow-down-smaller.png) left top no-repeat;
		}
	
	/*#crew-list {
		top: 0px;
		height: 208px;
		overflow: hidden;
	}
	
		#cast-list li, #crew-list li {
			display: block;
			list-style: none;
			float: left;
			clear: both;
			width: 135px;
			text-align: right;
			height: 15px;
		}
		
			#cast-list li a, #crew-list li a {
				color: #C5B8A2;
				font-size: 9px;
				text-transform: uppercase;
				text-shadow: #000 1px 1px 1px;
				display: block;
				width: 135px;
				text-align: right;
				line-height: 15px;
				height: 15px;
				text-decoration: none;
				letter-spacing: normal;
				font-weight: bold;
				font-family: 'AkzidenzGroteskRoman', Verdana, Arial, sans-serif;
			}*/
			
			#cast-list li a:hover, #crew-list li a:hover {
				color: #8B877E;
			}
	
	#videos h3 {
		/*background: url(../images/pages/videos/title.png) left top no-repeat;*/
		width:750px;
		/*width: 545px;
		padding-top: 51px;*/
		height:51px;
		
	}
		
	#videos .vids {
		/*position:absolute;
		left: 45px;*/
		/*top: 420px;*/
		/*top: 125px;
		width: 1000px;
		display: block;
		list-style: none;*/
		position: absolute;
		left: 45px;
		top: 125px;
		width: 504px;
		display: block;
		list-style: none;
	}
	
		#videos .vids li {
			display: block;
			float: left;
			clear: none;
			margin-right: 25px;
			/*height: 24px;*/
			list-style: none;
			text-align: center;
			/*width: 100px;
			height: 50px;*/
		}
		
			#videos .vids li a {
				font-family: 'AkzidenzGroteskBold', Verdana, Arial, sans-serif;
				color: #C5B8A2;
				/*text-transform: uppercase;*/
				font-size: 14px;
				text-decoration: none;
				text-align: center;
				width: 100px;
				height: 50px;
				line-height: 1.5em;
				letter-spacing: .1em;
				text-shadow: #000 2px 2px 5px;
			}
			
				#videos .vids li a img {
					border: 2px solid #EEDBAE;
				}

	#videos #player {
		/*width: 504px;
		height: 248px; 
		border: 2px solid #EEDBAE;
		position: absolute;
		left: 45px;*/
		/*top: 140px;*/
	/*	top:150px;
		background: #000;*/
		width: 504px;
		height: 248px; 
		border: 2px solid #EEDBAE;
		position: absolute;
		left: 45px;
		top: 150px;
		background: #000;
	}
	
  .playeripad {
	   /* left: 45px;
		width: 504px;
		height: 248px;
		border: 2px solid #EEDBAE;
*/
		/*width: 504px;
		height: 248px; 
		border: 2px solid #EEDBAE;
		position: absolute;
		left: 45px;
		top: 140px;
		background: #000;*/
	}
	
	#player video {
			width: 100%;
			height: 100%;
			/*margin-top: 20px;
			background: #000;*/
		}
		
			#player video object {
				/*height: 107%;*/
				background: #000;
			}
	
	/* ********************************** Start Vid**********************************/
	
	#outer_swf{
		width: 100%;
	height: 100%;
	background: url(../images/ui/bg-faded.png) left top repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s opacity ease-out;
	-moz-transition: .5s opacity ease-out;
}

	#outer_swf.active {
		opacity: 1 !important;
	}

	#outer_swf #swfplayer {
		width: 890px;
		height: 400px;
		border: 2px solid #F0DBAE;
		position: absolute;
		left: 50%;
		margin: -202px 0px 0px -445px;
		top: 50%;
		
		background: #000;
		
		
		/*position: absolute;
		width: 640px;
		height: 640px;
		left: 0px;
		top: 200px;
		background: #000;
		text-align: center;
		visibility: hidden;
		*/
	}
	
		#outer_swf #swfplayer .close-player {
			position: absolute;
			left: 0px;
			top: -40px;
			text-align: center;
			width: 100%;
			font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;


	
			/*background: #000;
			border-top: 1px solid #404346;
			border-bottom: 1px solid #404346;
			padding: 5px 0px 5px 0px;
			text-align: center;
			width: 100%;*/
		}
		
			#outer_swf #swfplayer .close-player a {
				color: #FFF;
				text-transform: uppercase;
				font-size: 16px;
				text-decoration: none;
				color: #FFF;
				font-size: 25px;
				display: block;
				text-align: center;
				/* JYOTI */
				/*width: 400px;*/
				text-decoration: none;
				font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
			}
	
		#outer_swf #swfplayer .bottom {
			color: #FFF;
			background: #000;
			display: block;
			width: 100%;
			height: 75px;
			border-top: 1px solid #404346;
			border-bottom: 1px solid #404346;
			position: absolute;
			bottom: -97px;
			text-align: center;
		}
		
			#viewing-options {
				position: absolute;
				width: 100%;
				text-align: center;
				display: block;
				color: #FFF;
				left: 0px;
				top: 45px;
				text-transform: uppercase;
				font-size: 12px;
				text-decoration: none;
			}
	
		#outer_swf #swfplayer video {
			width: 100%;
			height: 100%;
			/*margin-top: 20px;
			background: #000;*/
		}
		
			#outer_swf #swfplayer video object {
				/*height: 107%;*/
				background: #000;
			}
		
		.vjs-no-video {
			display: none;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			text-align: center;
			color: #FFF;
		}
		
			.fade-out {
				display: block;
				position: absolute;
				left: 0px;
				top: 20px;
				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;
			}
			
				
								/***************************************End Vid*********************************************/
	
	
	/*#photos h3 {
		background: url(../images/pages/photos/title.png) left top no-repeat;
		width: 545px;
		padding-top: 51px;
	}*/
	
	#photoTitle{
		width: 545px;
		padding-top:51px;
	}
	
		#photos .pages {
			left: 450px;
		}
	
		#photos .content {
			top: 135px;
		}
	
		#photos .body .thumb {
			width: 138px;
			height: 72px;
			display: block;
			float: left;
			clear: none;
			border: 2px solid #D1B889;
			margin: 0px 5px 5px 0px;
		}
		
			#photos .body .thumb img {
				border: none;
			}
		
			#photos .scroll-up,
			#photos .scroll-down {
				left: 450px !important;
			}
			
	#downloads h3 {
		/*background: url(../images/pages/downloads/title.png) left top no-repeat;*/
		/*width: 545px;*/
		/*padding-top: 51px;*/
		height: 51px;
	}
	
		.pages {
			position: absolute;
			width: 27px;
			left: 500px;
			top: 0px;
		}
	
			.pages a {
				display: block;
				width: 25px;
				height: 25px;
				text-align: center;
				line-height: 25px;
				font-size: 12px;
				border: 1px solid #CAA77C;
				background: #725D42;
				color: #E3C095;
				float: left;
				clear: both;
				margin-bottom: 5px;
				text-decoration: none;
			}
			
				.pages a.active {
					background: #CAA77C;
					color: #000;
				}
	
/*		#downloads span.fb {
			width: 21px;
			padding-top: 21px;
			height: 0px;
			overflow: hidden;
			display: block;
			float: left;
			clear: none;
			margin: -1px 5px 0px 0px;
			background: url(../images/pages/downloads/fb-icon.png) left top no-repeat;
		}
*/		

/* Jyoti */
		#downloads div.fb {
			width: 21px;
			padding-top: 21px;
			height: 0px;
			overflow: hidden;
			display: block;			
			float: left;
			clear: none;
			margin: -1px 5px 0px 0px;
			/*background: url(../images/pages/downloads/fb-icon.png) left top no-repeat;*/
		}
	/* Jyoti */
		#downloads div.fbcover {
			width: auto;
			padding-top: 21px;
			height: 0px;
			display: block;			
			float: left;
			clear: none;
			margin: -1px 5px 0px 0px;
			/*background: url(../images/pages/downloads/fb-icon.png) left top no-repeat;*/
		}
		
	#downloads .content ul {
		display: block;
		list-style: none;
	}
	
		#downloads .content ul li {
			list-style: none;
			display: block;
			float: left;
			clear: none;
		}
		
			#downloads .content ul li a {
				background: #000;
				display: block;
				float: left;
				clear: none;
				border: none;
			}
			
				#downloads .content ul li a img:hover {
					opacity: .7;
					filter:alpha(.7);
				}
		
		.wallpapers .content,
		.wallpapers .body {
			height: 202px;
		}
		
		.wallpapers ul li {
			width: 156px;
			float: left;
			clear: none;
			margin: 0px 10px 10px 0px;
		}
		
			.wallpapers ul li a {
				width:156px;
				height: 118px;
			}
			
				.wallpapers ul li a img {
					width: 150px;
					height: auto;
					border: none;
					border: 3px solid #C6A87A;
				}
				
			.wallpapers ul li a.size {
				display: block;
				width: 154px;
				float: left;
				clear: both;
				margin: 5px 0px 0px 0px;
				height: 18px;
				line-height: 18px;
				text-align: center;
				background: url(../images/pages/downloads/bg-size.png) left top repeat-x !important;
				border: 1px solid #E6D2A8;
				color: #f5eddd;
				font-family: 'AkzidenzGroteskRoman', Verdana, Arial, sans-serif;
				font-size: 12px;
				text-decoration: none;
			}
			
				.wallpapers ul li a.size:hover {
					color: #999;
				}
			
		.ipad ul li {
			width: 112px;
			float: left;
			clear: none;
			margin: 0px 10px 10px 0px;
		}
		
			.ipad ul li a {
				width:112;
				height: 112px;
			}
			
				.ipad ul li a img {
					width: 106px;
					height: auto;
					border: none;
					border: 3px solid #C6A87A;
				}
				
		.iphone ul li {
			width: 156px;
			float: left;
			clear: none;
			margin: 0px 10px 10px 0px;
		}
		
			.iphone ul li a {
				width:156px;
				height: 231px;
			}
			
				.iphone ul li a img {
					width: 150px;
					height: auto;
					border: none;
					border: 3px solid #C6A87A;
				}
				
		.fbcovers ul li {
			width: 235px;
			float: left;
			clear: none;
			margin: 0px 10px 10px 0px;
		}
		
			.fbcovers ul li a {
				width:235px;
				height: 91px;
			}
			
				.fbcovers ul li a img {
					width: 229px;
					height: auto;
					border: none;
					border: 3px solid #C6A87A;
				}
				
		.fbcovers .content,
		.fbcovers .body {
			height: 202px;
		}
		
	#partners h3 {
		/*background: url(../images/pages/partners/title.png) left top no-repeat;*/
		/*width: 545px;8/
		/*padding-top: 51px;*/
		height:51px;
	}
	
		.partners-bar {
			width: 190px;
			height: 21px;
			position: absolute;
			left: 190px;
			top: 10px;
			background: url(../images/ui/bg-dropdown-bar.png) left top repeat-x;
			color: #000;
			padding: 0px 5px;
		}
	
		#partners-select a {
			float: left;
			clear: none;
			display: block;
			margin-right: 15px;
			margin-bottom: 25px;
		}
		
		/*#partners-select a.delta {
			margin-top: 10px;
		}
		
		#partners-select a.skullcandy {
			margin-top: 7px;
		}*/
		
		#partners .partners-open {
			background: url(../images/ui/bg-faded.png) left top repeat;
			border: 1px solid #878072;
			width: 500px !important;
		}
		
			#partners .partners-open .logo {
				position: absolute;
				left: 20px;
				top: 25px;
			}
		
			#partners .partners-open .scroll-up,
			#partners .partners-open .scroll-down {
				top: 10px !important;
			}
			
			#partners .partners-open .scroll-up {
				left:392px;
			}
			
			#partners .partners-open .scroll-down {
				left:427px;
			}
			
			#partners .partners-open .close {
				width: 28px;
				padding-top: 21px;
				height: 0px;
				overflow: hidden;
				display: block;
				position: absolute;
				right: 10px;
				top: 10px;
				background: url(../images/pages/partners/close.png) left top no-repeat;
			}
			
			#partners .partners-open .link {
				width: 123px;
				height: 18px;
				line-height: 18px;
				text-align: center;
				color: #FFF;
				font-size: 11px;
				font-weight: bold;
				display: block;
				position: absolute;
				left: 30px;
				top: 150px;
				background: url(../images/pages/partners/bg-link.png) left top repeat-x;
				border: 1px solid #DAC395;
				text-decoration: none;
			}
			
			#partners .partners-open .body {
				width: 250px !important;
				left: 190px !important;
				top: 50px !important;
				height: 150px !important;
			}
			
				#partners .partners-open .body a {
					color: #EAE2CE;
					text-decoration: underline;
				}
		
#footer-left {
	position: absolute;
	left: 10px;
	bottom: 0px;
	width: 400px;
	text-align: left;
	color: #FFF;
}

	#footer-left a {
		text-decoration: none;
		color: #FFF;
		display: block;
		float: left;
		clear: none;
		font-size: 11px;
	}
	
		#footer-left a:hover {
			color: #999;
		}
	
	#footer-left a.first {
		margin:0px 45px 0px 0px;
	}

	#footer-left p {
		width: 400px;
		float: left;
		clear: both;
		display: block;
		margin-bottom: 5px;
		font-size: 10px;
	}
	
	#footer-left p.small {
		font-size: 9px;
	}

#footer-right {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 760px;
	/*text-align: right;*/
}

	#footer-right a:hover {
		color: #999;
	}

	#footer-right p {
		width: 400px;
		float: right;
		clear: both;
		display: block;
		margin-bottom: 10px;
	/*	position:absolute;*/
	}

	#credits-button, #international-button {
		margin: 0px 20px 0px 0px;
		color: #FFF;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding-right: 20px;
		background: url(../images/ui/credits-arrow.png) right 4px no-repeat;
		float: right;
	}

#share {
		list-style: none;
		display: block;
		width: 0px;
		height: 22px;
		padding-left:97px;
		/*background-image: url(../images/ui/sharebar-fbonly.png);*/
		background-repeat: no-repeat;
		background-position: left top;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: width;
	    -webkit-transition-duration: .4s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-property: width;
	    -moz-transition-duration: .4s;
	    -moz-transition-timing-function: ease-out;
	    cursor: pointer;
	    float: right;
	    clear: none;
		border:#0000FF solid 0px;
	}
	/*#share {
		list-style: none;
		display: block;
		width: 0px;
		height: 22px;
		padding-left: 65px;
		background-image: url(../images/ui/sharebar-fbonly.png);
		background-repeat: no-repeat;
		background-position: left top;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-transition-property: width;
	    -webkit-transition-duration: .4s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-property: width;
	    -moz-transition-duration: .4s;
	    -moz-transition-timing-function: ease-out;
	    cursor: pointer;
	    float: right;
	    clear: none;
	}*/
	
		#share.active {
			/*width: 310px;*/
			width:auto;
			background-position: left -22px;
			border:#FF0000 solid 0px;
		}
	
		#share li {
			display: block;
			height: 22px;
			float: left;
			clear: none;
			margin-right: 4px;
		}
		#share li a.fbs{
			
			width: 20px;
			height: 20px;
			display: block;
			overflow: hidden;
		}
		
		#share li a.fb {
			width: 23px;
			height: 0px;
			padding-top: 22px;
			display: block;
			overflow: hidden;
		}
			
		#share li.fb {
			height: 20px;
			padding-top: 1px;
		}
		
		#share li.tw,
		#share li.myf,
		#share li.gp {
			height: 20px;
			padding-top: 1px;
		}
		
		#share li.gg {
			height: 18px;
			padding-top: 3px;
		}

	/*#finduson {
		
		display: block;
		width: 57px;
		height: 22px;
		
		padding-left: 85px;
		margin-left: 12px;
		
		float: right;
		clear: none;
		
	}*/
	
	
	#finduson {
		/*list-style: none;*/
		display: block;
		/*width: 57px;*/
		height: 22px;
		/*padding-left: 90px;*/
		padding-left: 20px;
		margin-left: 12px;
		/*background: url(../images/ui/finduson.png) left top no-repeat;*/
		/*border-left: 1px solid #666666;*/
		float: right;
		clear: none;
		/*margin-right:10px;*/
	}
	
		#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;
			}
			
	#international {
		position: absolute;
		right: 0px;
		bottom: -120px;
		background: #000;
		width: 220px;
		height: 100px;
		padding: 10px;
		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;
	    z-index: 1 !important;
	}
	
		#international.active {
			bottom: 0px;
			opacity: .8;
			filter:alpha(opacity=80);
		}
		
		#international .close {
			position: absolute;
			right: 10px;
			top: 0px;
			color: #E4E6E6;
			font-weight: bold;
			font-size: 18px;
			cursor: pointer;
			text-decoration: none;
		}
		
	#billing-block {
		position: absolute;
		left: 0px;
		bottom: -190px;
		background: #000;
		width: 100%;
		/*height: 170px;*/
		height: 136px;
		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;
	    z-index: 1 !important;
	}
	
		#billing-block.active {
			bottom: 0px;
			opacity: .8;
			filter:alpha(opacity=80);
		}
		
		#billing-block p {
			display: block;
			width: 100%;
			text-align: center;
			color: #E4E6E6;
		}
		
			#billing-block p a {
				color: #E4E6E6;
				text-decoration: none;
				font-size: 10px;
				font-weight: bold;
			}
			
		#billing-block .close {
			position: absolute;
			right: 10px;
			top: 0px;
			color: #E4E6E6;
			font-weight: bold;
			font-size: 18px;
			cursor: pointer;
			text-decoration: none;
		}
		
	#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;
	}
	
#intro-skrim-container {
	width: 100%;
	height: 100%;
	background: url(../images/ui/bg-faded.png) left top repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s opacity ease-out;
	-moz-transition: .5s opacity ease-out;
}

	#intro-skrim-container.active {
		opacity: 1 !important;
	}

	#intro-skrim-close {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}
	
	#intro-skrim {
		width: 890px;
		height: 400px;
		border: 2px solid #F0DBAE;
		position: absolute;
		left: 50%;
		margin: -202px 0px 0px -445px;
		top: 50%;
		display: none;
		background: #000;
	}
	
	#intro-skrim-close-button {
		color: #FFF;
		font-size: 25px;
		display: block;
		text-align: center;
		width: 400px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -250px 0px 0px -200px;
		text-decoration: none;
		font-family: 'BankGothicBTLight', Helvetica, Arial, Verdana, sans-serif;
	}
	
#small-player {
	display: none;
}
		
/* FONTS */

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

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

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

@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {	

	#videos .vids {
		/*position:absolute;
		left: 45px;*/
		/*top: 420px;*/
		/*top: 125px;
		width: 1000px;
		display: block;
		list-style: none;*/
		position: absolute;
		left: 45px;
		top: 115px;
		width: 504px;
		display: block;
		list-style: none;
	}
	
		#videos .vids li {
			display: block;
			float: left;
			clear: none;
			margin-right: 25px;
			/*height: 24px;*/
			list-style: none;
			text-align: center;
			/*width: 100px;
			height: 50px;*/
		}
		
			#videos .vids li a {
				font-family: 'AkzidenzGroteskBold', Verdana, Arial, sans-serif;
				color: #C5B8A2;
				/*text-transform: uppercase;*/
				font-size: 14px;
				text-decoration: none;
				text-align: center;
				width: 100px;
				height: 50px;
				line-height: 1.5em;
				letter-spacing: .1em;
				text-shadow: #000 2px 2px 5px;
			}
			
				#videos .vids li a img {
					border: 2px solid #EEDBAE;
				}
					
	
}