* {margin:0;padding:0;outline:none;border:none;list-style-type:none;text-decoration:none;}

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

.clear {clear:both;}

#container {width:980px;margin:0 auto;}

	#header {width:980px;height:200px;position:relative;}
		#gameLogo {position:absolute;left:307px;}
			#gameLogo img {padding-top:10px;}
		#flashLogo{position:absolute;top:0;left:294px;}
		#appstoreLink {
			position:absolute;top:37px;left:765px;}

	#footer {
		width:100%;height:235px;
		background:url(../images/footer_bg.jpg) top center no-repeat #000;
		position:relative;margin-top:-33px;
		padding-top:30px;}

		#footerContainer {width:999px;margin:0 auto;position:relative;}
			#socialLinks {position:absolute;/*top:-70px;*/top:115px;left:394px;}
				#socialLinks li {display:inline;float:left;margin-right:10px;}
					#socialLinks a:link, #socialLinks a:visited {display:block;width:58px;height:59px;}
					#socialLinks a:hover {background-position:top right;}
					#facebookBtn {background:url(../images/btn_facebook.png) top left no-repeat;}
					#twitterBtn {background:url(../images/btn_twitter.png) top left no-repeat;}
					#youtubeBtn {background:url(../images/btn_youtube.png) top left no-repeat;}
					#dailymotion {background:url(../images/btn_dailymotion.png) top left no-repeat;}

			#seoFooter {
				text-align:center;
				font:normal 10px/1.3 Verdana, Geneva, sans-serif;color:#fff;
				position:relative;top:20px;
				margin-bottom:10px;}
				#seoFooter a:link, #seoFooter a:visited {color:#fff;}
				#seoFooter a:hover {text-decoration:underline;}

			#flagsPlusLogos {
				width:830px;margin:0 auto;
				position:relative;}
				#gameloftLogo {position:absolute;top:20px;left:-20px;}
				#ubiLogo {position:absolute;top:34px;left:710px;}
				#flagsContainer {position:absolute;/*top:42px;*/top:40px;left:250px;}
					#flagsContainer ul {}
					#flagsContainer ul li {display:inline;float:left;}
					#flagsContainer ul li a:link, #flagsContainer ul li a:visited {display:block;width:39px;height:38px;}
					#flagsContainer ul li a:hover {background-position:top right;}
						#flagDE {background:url(../images/flags/flag_de.jpg) top left no-repeat;}
						#flagFR {background:url(../images/flags/flag_fr.jpg) top left no-repeat;}
						#flagES {background:url(../images/flags/flag_sp.jpg) top left no-repeat;}
						#flagIT {background:url(../images/flags/flag_it.jpg) top left no-repeat;}
						#flagUS {background:url(../images/flags/flag_us.jpg) top left no-repeat;}
						#flagUK {background:url(../images/flags/flag_uk.jpg) top left no-repeat;}
						#flagJP {background:url(../images/flags/flag_jp.jpg) top left no-repeat;}
						#flagGL {background:url(../images/flags/flag_gl.jpg) top left no-repeat;}
			#claim {
				width:880px;
				margin:0 auto;
				position:relative;top:145px;
				font:normal 10px/1 Verdana, Geneva, sans-serif;color:#414141;text-align:center;}

	#contentContainer {
		width:100%;height:536px;
		position:relative;top:5px;}

		#story {
			width:675px;
			position:relative;left:300px;}
			#story h2 {}
			#story p {
				width:630px;
				margin-top:20px;
				font:normal 12px/2 Verdana, Geneva, sans-serif;color:#000;}
		#features {
			width:675px;
			position:relative;left:300px;
			font:normal 12px/1.3 Verdana, Geneva, sans-serif;color:#000;}
			#features h2 {
				margin:0 0 4px 0;
				font:bold 16px/1.3 Georgia, "Times New Roman", Times, serif;color:#000;}
			#features ul {}
				#features ul li {
					padding:0 0 0 15px;
					margin:0 0 7px 0;
					background:url(../images/bullet.png) 0px 5px no-repeat;}
			#features p {
				/*width:630px;*/
				margin:0 0 7px 0;
				font:normal 12px/1.3 Verdana, Geneva, sans-serif;color:#000;}
			/**MAIN MENU**/
			#mainMenu {
				width:382px;height:57px;
				position:absolute;top:144px;left:320px;}
				#mainMenu li {
					display:inline;float:left;}
					#mainMenu li a:link, #mainMenu li a:visited {
						height:57px;
						display:block;
						position:relative;}
					#mainMenu li a:hover {background-position:bottom right;}
					.buttonActive {background-position:bottom right !important;}
					#mainMenuBtn01 {
						width:106px;
						background:url(../images/texts_en/btn_story.png) top left no-repeat;}
					#mainMenuBtn02 {
						width:148px;
						background:url(../images/texts_en/btn_features.png) top left no-repeat;}
					#mainMenuBtn03 {
						width:128px;
						background:url(../images/texts_en/btn_media.png) top left no-repeat;}

				/*SCREENSHOTS*/
				.screensList {
					width:563px;height:399px;
					background:url(../images/iphone_container.jpg) 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 {
						width:423px;
						text-align:center;
						position:absolute;top:335px;left:75px;
						padding-left:47px;}
						.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:99px;height:66px;
								border:1px solid #810000;}
								.slideShow li label img {
									width:99px;height:66px;
									margin:0 0 0 0;
									/*position:relative;top:8px;left:9px;*/}
							.slideShow li div {
								display:none;
								position:absolute;top:-312px;left:46px;}
								.slideShow li div img {width:323px;height:215px;}

					.screensPager {position:absolute;top:357px;left:43px;}
						.screensPager span {
							display:block;width:17px;height:24px;
							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:465px;}

				#subMenu {
					width:505px;height:26px;
					padding:0 0 0 54px;
					background:url(../images/submenu_line.jpg) bottom center no-repeat;
					position:absolute;top:300px;left:220px;z-index:100;
					text-align:center;}
					#subMenu a:link, #subMenu a:visited {
						width:148px;height:17px;
						padding:7px 0 0 0;
						display:block;float:left;
						background:url(../images/submenu_btn.jpg) top left no-repeat;
						cursor:pointer;
						font:bold 11px/1 Verdana, Geneva, sans-serif;color:#fff;
						text-transform:uppercase;}
					#subMenu a:hover {background-position:top right;}
					.backgroundSelected {background-position:top right !important;}
			#trailerSubSect {
				display:none;
				width:563px;height:399px;
				background:url(../images/iphone_container.jpg) top center no-repeat;
				margin:0 auto;
				position:relative;z-index:10;}
				#trailerSubSect div {
					width:323px;height:215px;
					position:absolute;top:23px;left:121px;}

			#ostSubSect {
				/*display:none;*/
				width:432px;height:270px;
				/*margin:0 auto;*/
				background:url(../images/soundtrack_container_bg.png) top left no-repeat;
				position:absolute;top:0;left:50%;margin-left:-216px;
				z-index:0;}

				#ostListContainer {
					width:245px;height:203px;
					position:absolute;top:20px;left:18px;
					overflow:hidden;}
					#ostList {
						font:normal 12px/1.2 Verdana, Geneva, sans-serif;color:#fff;}
						#ostList li {
							background:url(../images/ost_bullet.png) 3px 4px no-repeat;
							padding-left:22px;
							cursor:pointer;}
							#ostList li a:link, #ostList li a:visited {color:#fff;}
							#ostList li label {cursor:pointer;}
					#scrollLinks {
						position:absolute;left:231px;}
						#scrollLinks .mouseover_up {position:absolute;top:4px;}
						#scrollLinks .mouseover_down {position:absolute;top:193px;}

				#ostCopy {
					width:255px;
					text-align:center;
					font:normal 9px/1 Verdana, Geneva, sans-serif;color:#fff;
					position:absolute;top:239px;left:11px;}

				#ostPlayingContainer {
					width:130px;
					position:absolute;top:25px;left:289px;
					background:url(../images/btn_ost_bg.png) 5px 0px no-repeat;
					padding-top:114px;}
					/*
					#playerPlayPauseBtn {
						width:114px;height:114px;
						margin:0 auto;
						display:block;
						background:url(../images/btn_playpause.png) top left no-repeat;}
					*/
					#playerPlayPauseBtn {
						width:50px;height:50px;
						margin:0 auto;
						display:block;
						background:url(../images/btn_playpause.png) top left no-repeat;
						position:absolute;top:188px;left:39px;}
					#ostTitle {
						font:bold oblique 12px/1 Verdana, Geneva, sans-serif;color:#fff;
						text-align:center;
						margin-top:7px;}
						#ostTitle strong {font-size:11px;}
					#currentSong {
						font:bold 12px/1 Verdana, Geneva, sans-serif;color:#fff;
						text-align:center;
						margin-top:15px;}

		.also {
			font:bold 14px/1 Arial, Helvetica, sans-serif;color:#AF0000;
			width:999px;margin:0 auto;
			text-align:center;}
		.also a:link, .also a:visited {color:#AF0000;}
		.also a:hover {text-decoration:underline;}