@charset "utf-8";
* {margin:0;padding:0;outline:none;border:none;text-decoration:none;list-style-type:none;}
/*
@font-face {
  font-family: 'Compacta Bold BT';
  src: url('compacta_bold_bt.eot');
  src: local('☺'),
         url('compacta_bold_bt.ttf') format('opentype');
}
*/

body {
	background:url(../images/body_bg.jpg) 50% 0% no-repeat #000;
	overflow-x:hidden;}

#subcontentContainer_02, #subcontentContainer_03, #subcontentContainer_04, #subcontentContainer_05 {display:none;}

#linkBackToGameSelection {
	position:absolute;top:435px;left:110px;}

.comingSoon {
	position:absolute;top:130px;left:140px;}

#header {
	width:256px;
	display:inline;float:left;
	position:relative;
	margin-left:-60px;
	margin-top:-50px;}
	#header h1 {
		/*position:absolute;top:-100px;left:1px;*/}
	#submenu {
		position:absolute;top:330px;left:100px;z-index:10;}
		#submenu li {
			width:165px;height:26px;
			overflow:hidden;
			position:relative;}
			#submenu li a:link, #submenu li a:visited {}
				#submenu li a img {position:absolute;left:0;}

#rightContent {
	width:724px;
	display:inline;float:left;
	position:relative;}
	/*DESCRIPTION*/
	#descHighlight {
		width:95%;
		font:normal 15px/1.2 Arial, Helvetica, sans-serif;color:#feb300;
		position:absolute;top:50px;left:5%;}
	#descScroll {
		width:297px;height:288px;
		overflow:auto;
		position:absolute;top:170px;left:5%;}
		#descScroll h3 {font:bold 12px/1 Arial, Helvetica, sans-serif;color:#feb300;margin:5px 0;}
		#descScroll ul {font:normal 12px/1.2 Arial, Helvetica, sans-serif;color:#fff;}
			#descScroll ul li {padding:5px 0;}
				#descScroll ul li strong {color:#feb300;}
	/*SCREENSHOTS*/
	#screenshotsContainer {
		position:absolute;top:158px;left:362px;}
		.screensList {
			width:417px;height:240px;
			background:url(../images/iphone_container.png) top center no-repeat;
			margin:0 auto;
			position:relative;z-index:10;
			/*position:relative;top:259px;left:-82px;z-index:80;*/}
			.screensList ul {display:none;}

			.slideShow {
				position:absolute;top:269px;left:70px;}
				.slideShow li {
					display:inline;float:left;
					margin:0 5px 5px 0;
					/*width:88px;height:107px;*/
					/*background:url(../images/thumb_container.png) top left no-repeat;*/}
					.slideShow li label {
						cursor:pointer;display:block;
						width:87px;height:58px;
						border:1px solid #810000;}
						.slideShow li label img {
							width:87px;height:58px;
							margin:0 0 0 0;
							/*position:relative;top:8px;left:9px;*/}
					.slideShow li div {
						display:none;
						position:absolute;top:-243px;left:2px;}
						.slideShow li div span {
							width:375px;
							position:absolute;top:215px;left:-50px;
							font:normal 11px/1 Arial, Helvetica, sans-serif;color:#feb200;
							text-align:center;}
						.slideShow li div img {width:268px;height:179px;}

			.screensPager {position:absolute;top:285px;left:25px;}
				.screensPager span {
					display:block;width:35px;height:31px;
					cursor:pointer;position:absolute;z-index:100;}
				.screensPrev {
					background:url(../images/btn_prev.png) top left no-repeat;}
				.screensNext {
					background:url(../images/btn_next.png) top left no-repeat;
					left:335px;}
	
	/*TRAILERS*/
	#trailersContainer {
		width:500px;
		display:inline;float:left;
		position:relative;}
		#trailersContainer ul {
			width:500px;
			position:absolute;top:370px;left:30px;}
			#trailersContainer ul li {
				display:inline;float:right;
				margin:0 3px;}
				.trailerSelected {}
					.trailerSelected img {border:1px solid #fdb200;}
					.trailerSelected .trailersDescription {
						width:205px;
						display:inline;float:left;
						position:absolute;top:-332px;left:520px;}
						.trailerSelected .trailersDescription h3 {
							font:bold 12px/1 Arial, Helvetica, sans-serif;color:#feb300;
							text-transform:uppercase;}
						.trailerSelected .trailersDescription p {
							font:normal 12px/1.2 Arial, Helvetica, sans-serif;color:#fff;
							padding:10px 0;}
							.trailerSelected .trailersDescription p strong {color:#feb300;}
					.trailerSelected object {display:block;}
				.trailerUnselected {}
					.trailerUnselected img {border:1px solid #929292;}
					.trailerUnselected .trailersDescription {display:none;}
					.trailerUnselected object {display:none;}
				#trailersContainer ul li img {
					width:87px;height:58px;
					cursor:pointer;}
				#trailersContainer ul li object {
					width:500px;height:312px;
					position:absolute;
					top:-330px;left:-3px;}
	/*SCENARIO*/
	#scenarioContainer {
		width:500px;
		display:inline;float:left;
		position:relative;}
		/*
		#scenarioContainer h2 {
			font-family: 'Compacta Bold BT';
			font-size:20px;
			color:#feb300;}
		#scenarioContainer h3 {
			font-family: 'Compacta Bold BT';
			font-size:30px;
			color:#fff;}
			#scenarioContainer h3 span {
				font-family: 'Compacta Bold BT';
				font-size:41px;}
		#scenarioContainer h4 {
			font-family: 'Compacta Bold BT';
			font-size:17px;
			color:#feb300;}
		*/
		#scenarioTitles {
			position:absolute;top:40px;left:65px;}
		#scenarioTextBox {
			width:340px;
			position:absolute;top:150px;left:60px;
			font:normal 12px/1.2 Arial, Helvetica, sans-serif;color:#fff;}
			#scenarioTextBox p {padding:0 0 12px 0;}
		#scenarioImage {
			position:absolute;top:140px;left:390px;}

#footer {
	width:1800px;
	height:185px;
	position:absolute;
	top:550px;
	left:50%;margin-left:-900px;}
	#footerContainer {
		width:900px;
		margin:auto;
		padding-top:20px;
		text-align:center;}
		#footerContainer a {
			font-family:Verdana, Geneva, sans-serif;
			font-size:10px;
			color:#fff;}
		#footerContainer p {
			color:#fff;
			font-size:10px;
			font-family:Verdana, Geneva, sans-serif;}
		#seoFooter {
			margin:15px 0;
			padding-bottom:15px;
			border-bottom:1px solid #333;}
			#seoFooter a:hover {text-decoration: underline;}