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

.clear {clear:both;}

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

#container {width:991px;margin:0 auto;}
	
	#header {width:980px;height:295px;position:relative;}
	
		#headerAnim {width:980px;height:295px;position:absolute;z-index:0;}
	
	/** MAIN NAVBAR **/
	
	#availableHeader {
		width:649px;height:30px;
		padding:3px 0 0 164px;
		/*background:url(../images/available_header.jpg) top left no-repeat;*/
		position:absolute;top:210px;left:-13px;}
		#availableHeader a:link, #availableHeader a:visited {
			display:inline;float:left;
			height:30px;
			margin-right:1px;}
		#av_iphone {
			width:89px;}
			/*#av_iphone:hover {background:url(../images/av_iphone_hover.jpg) top left no-repeat;}*/
		#av_ipad {
			width:76px;}
			/*#av_ipad:hover {background:url(../images/av_ipad_hover.jpg) top left no-repeat;}*/
		#av_palmpre {
			width:106px;}
			/*#av_palmpre:hover {background:url(../images/av_palmpre_hover.jpg) top left no-repeat;}*/
		#av_android {
			width:162px;}
			/*#av_android:hover {background:url(../images/av_android_hover.jpg) top left no-repeat;}*/
	
	#mainNavbarUl {
		display:inline;float:left;
		position:absolute;top:250px;left:75px;z-index:1;}
		#mainNavbarUl li {
			display:inline;float:left;}
			#mainNavbarUl li a:link, #mainNavbarUl li a:visited {
				height:34px;
				overflow:hidden;
				display:inline;float:left;
				position:relative;}
			#mainNavbarUl li img {position:relative;}
	
			#mainNavbarUl li ul {
				display:none;
				z-index:100;
				font:normal 10px/1 Arial, Helvetica, sans-serif;
				position:absolute;margin-top:30px;margin-left:-5px;
				text-transform:uppercase;text-align:center;
				width:125px;}
				#mainNavbarUl li ul li {float:none;}
					#mainNavbarUl li ul li a:link, #mainNavbarUl li ul li a:visited {
						color:#000;
						display:block;width:100%;height:100%;float:none;
						margin-bottom:1px;
						background:url(../images/grey_transparency.png) top left repeat;
						padding:5px 0;
						overflow:visible;}
					#mainNavbarUl li ul li a:hover {color:#b7b708;}
					
	/** END MAIN NAVBAR **/
	
	#content {width:991px;height:504px;}
		#submenu {
			width:981px;height:33px;
			background:url(../images/submenu_bg.png) top left no-repeat;
			text-align:center;}
			#submenu ul {
				font:normal 8px/1 Verdana, Geneva, sans-serif;color:#fff;
				text-align:left;
				position:absolute;
				margin-left:7px;}
				#submenu ul li {
					width:290px;height:15px;
					background:url(../images/submenu_li_bg.png) bottom left no-repeat;
					cursor:pointer;
					text-transform:uppercase;}
				#submenu ul li:hover {background-position:top left;}
					#submenu ul li label {position:relative;top:4px;left:50px;cursor:pointer;}
				#btnScreenshots {margin:1px 0 0 0;}
				#btnVideos {margin:2px 0 0 17px;}
				
				#btnPlay {margin:1px 0 0 0;}
				#btnMaps {margin:2px 0 0 17px;}
				
		#contentContainer {
			width:922px;height:460px;margin:0 auto;
			background:url(../images/sect_content_bg.png) top left no-repeat;}
			
		
		#gameNfo {
			font:normal 13px/1.3 Verdana, Geneva, sans-serif;color:#fff;}
			#gameNfo a:link, #gameNfo a:visited {color:#D64201;font-style:oblique;}
			#gameNfo a:hover {text-decoration:underline;}
			#gameNfo p {padding:15px 15px 0 15px;}
			#gameNfo ul {font-size:11px;padding:35px 15px 0 15px;}
				#gameNfo ul li {margin-bottom:10px;}
				#gameNfo ul li strong {color:#ff6600;}
			#gameNfoHighlight {
				height:122px;margin:0 1px;
				background:url(../images/game_info_pattern.jpg) top left repeat-x;
				border-bottom:1px dashed #5f1c00;}
				#gameNfoHighlight img {display:inline;float:left;margin:0 25px 0 19px;}
				#gameNfoHighlight h2 {
					width:710px;display:inline;
					position:relative;top:35px;
					font:bold 19px/1.3 Arial, Helvetica, sans-serif;color:#d64201;}
		
		#media {
			font:normal 13px/1.3 Verdana, Geneva, sans-serif;color:#fff;
			width:100%;height:100%;
			background:url(../images/thumbs_bg.jpg) 1px 0px no-repeat;}
			#media h2 {
				font:bold 19px/1.3 Arial, Helvetica, sans-serif;color:#d64201;
				width:465px;
				text-align:center;
				position:absolute;margin-top:50px;margin-left:395px;z-index:100;
				text-transform:uppercase;}
			
			#screenshotsIphone {
				width:845px;height:400px;
				position:relative;top:34px;left:34px;
				background:url(../images/gallery_new_bg.png) 392px 15px no-repeat;}
				#screenshotsIphone ul {width:270px;}
				#screenshotsIphone ul li {display:inline;float:left;margin:0 14px 10px 0;}
				#screenshotsIphone ul li label {cursor:pointer;}
				#screenshotsIphone ul li label img {width:108px;height:70px;border:2px solid #832901;}
				#screenshotsIphone ul li div {
					width:324px;height:220px;
					display:none;
					position:absolute;top:81px;left:429px;}
				#screenshotsIphone ul li div img {width:321px;height:214px;}

				#iphoneScreens_1, #iphoneScreens_2, #iphoneScreens_3 {display:none;}

				#screenshotsPager {position:absolute;top:365px;left:80px;}
					#btnPrev, #btnNext {
						width:28px;height:28px;
						display:block;position:absolute;
						cursor:pointer;}
					#btnPrev {
						background:url(../images/btn_prevnext.jpg) top left no-repeat;}
					#btnNext {
						background:url(../images/btn_prevnext.jpg) top right no-repeat;
						top:0;left:50px;}
			
			#videosIphone {
				width:845px;height:400px;
				position:relative;top:34px;left:34px;
				/*background:url(../images/iphone_bg.png) 345px 66px no-repeat;*/
				background:url(../images/gallery_new_bg.png) 392px 15px no-repeat;}
				#videosIphone ul {width:270px;position:relative;left:32px;}
				#videosIphone ul li {display:inline;float:left;margin:0 14px 23px 0;}
				#videosIphone ul li label {cursor:pointer;}
				#videosIphone ul li label img {width:159px;height:105px;border:2px solid #832901;}
				#videosIphone ul li div {
					width:324px;height:220px;
					display:none;
					position:absolute;top:78px;left:396px;}
				#screenshotsIphone ul li div img {}
		
		#story {
			font:normal 13px/1.3 Verdana, Geneva, sans-serif;color:#fff;
			width:100%;height:100%;
			background:url(../images/story_bg.jpg) top left no-repeat;}
			#story p {
				width:493px;float:right;
				position:relative;top:22px;left:-22px;
				padding:0 0 7px 0;}
				
		#multiplayer {
			font:normal 13px/1.3 Verdana, Geneva, sans-serif;color:#fff;
			width:100%;height:100%;
			background:url(../images/multiplayer_bg.jpg) 1px 0px no-repeat;}
			#multiplayer h2 {
				font:bold 19px/1.3 Arial, Helvetica, sans-serif;color:#d64201;
				width:545px;
				position:relative;top:74px;left:313px;
				text-transform:uppercase;}
			#multiplayer ul {
				width:521px;
				position:relative;top:115px;left:367px;
				font:normal 13px/1.3 Verdana, Geneva, sans-serif;}
				#multiplayer ul li {margin:7px 0 15px 0;}
					#multiplayer ul li strong {color:#ff6600;}
			#mapsCont {display:none;}
		#weaponry {
			width:845px;height:460px;
			font:normal 10px/1.3 Verdana, Geneva, sans-serif;color:#fff;
			position:relative;
			background:url(../images/thumbs_bg.jpg) 1px 0px no-repeat;}
			#weaponry ul {width:270px;position:relative;top:10px;left:10px;}
			#weaponry ul li {margin:0;height:70px;margin-bottom:10px;}
			#weaponry ul li label {cursor:pointer;height:70px;display:block;}
			#weaponry ul li label:hover {background-position:top right;}
			#weaponry ul li div {
				width:400px;height:279px;padding:0 0 0 81px;
				display:none;
				position:absolute;top:-10px;left:235px;}
				#weaponry ul li div h3 {
					position:absolute;top:20px;
					font-weight:bold;font-size:10px;
					background:#5f1c00;padding:3px;
					text-transform:uppercase;}
				#weaponry ul li div dl {
					position:absolute;top:50px;
					border-top:1px dashed #ff8a00;
					border-bottom:1px dashed #ff8a00;
					padding:5px 10px;}
					#weaponry ul li div dl dd strong {font-size:6px;font-weight:normal;position:relative;top:-1px;}
				#weaponry ul li div img {margin-left:16px;}
			#weap_handgun {width:113px;position:absolute;}
				#weap_handgun label {width:113px;background:url(../images/weaponry/weap_handgun.jpg) top left no-repeat;}
			#weap_assault {width:168px;position:relative;left:122px;}
				#weap_assault label {width:168px;background:url(../images/weaponry/weap_assault.jpg) top left no-repeat;}
				#weap_assault div {position:absolute;top:-33px;margin-left:-122px;}
			#weap_shotgun {width:290px;}
				#weap_shotgun label {width:290px;background:url(../images/weaponry/weap_shotgun.jpg) top left no-repeat;}
			#weap_sniper {width:290px;}
				#weap_sniper label {width:290px;background:url(../images/weaponry/weap_sniper.jpg) top left no-repeat;}
			#weap_plasma {width:290px;}
				#weap_plasma label {width:290px;background:url(../images/weaponry/weap_plasma.jpg) top left no-repeat;}
			#weap_rocket {width:290px;}
				#weap_rocket label {width:290px;background:url(../images/weaponry/weap_rocket.jpg) top left no-repeat;}
		
		#enemies {
			font:normal 10px/1.3 Verdana, Geneva, sans-serif;color:#fff;
			width:100%;height:100%;
			background:url(../images/thumbs_bg.jpg) 1px 0px no-repeat;}
			#enemList {
				width:306px;
				position:relative;top:34px;left:4px;
				text-align:center;}
				#enemList ul {margin-bottom:10px;}
				#enemList ul li {display:inline;margin:0 10px 0 0;}
				#enemList ul li label {cursor:pointer;}
				#enemList ul li div {
					width:400px;height:279px;padding:23px 0 0 81px;
					display:none;
					position:absolute;top:-57px;left:236px;}
				#enemList ul li div h3 {
					position:absolute;top:35px;
					font-weight:bold;font-size:10px;
					background:#5f1c00;padding:3px 5px;
					text-transform:uppercase;}
				#enemList ul li div dl {
					width:145px;text-align:left;
					position:absolute;top:65px;
					border-top:1px dashed #ff8a00;
					border-bottom:1px dashed #ff8a00;
					padding:5px 10px 10px 10px;}
					#enemList ul li div dl dd strong {font-size:6px;font-weight:normal;position:relative;top:-1px;}
		
		
		#multiplayerTrailer {
			width:731px;height:454px;margin:0 auto;
			position:relative;top:20px;
			background:url(../images/comingsoon_trailer_container_bg.png) top left no-repeat;}
			#multiplayerTrailer div {
				width:480px;height:320px;
				position:relative;top:33px;left:126px;}
		
	
	#footer {
		width:925px;margin:0 auto;padding:20px 0;
		background:url(../images/footer_bg.jpg) 0px 105px no-repeat;}
	
		#socialLinks {display:inline;float:left;position:relative;top:8px;}
			#socialLinks li {display:inline;float:left;margin-right:5px;}
			#socialLinks li a:link, #socialLinks li a:visited {display:block;width:54px;height:57px;}
			#socialLinks li a:hover {background-position:top right;}
				#btnTwitter {background:url(../images/btn_twitter.jpg) top left no-repeat;}
				#btnFacebook {background:url(../images/btn_facebook.jpg) top left no-repeat;}
				#btnYoutube {background:url(../images/btn_youtube.jpg) top left no-repeat;}
				#btnGlive {background:url(../images/btn_glive.jpg) top left no-repeat;}
				
		#appStore {display:inline;float:right;}
		
		#flagsContainer {width:510px;margin:50px auto 10px auto;}
			#gameloftLogo {display:inline;float:left;margin-right:10px;}
			#flagsContainer ul {display:inline;margin-top:3px;}
			#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;}
				#flagSP {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 {font:normal 10px/1 Verdana, Geneva, sans-serif;color:#a94400;margin-top:10px;}
		
/** RANKING **/
	#rankingContent {width:922px;margin:0 auto;font:normal 9px/1 Verdana, Geneva, sans-serif; color:#FFF;background:#000;}
		
		#rankingHeader {
			width:920px;height:48px;
			background:url(../images/ranking_header.jpg) top left repeat-x;
			border-left:1px solid #5c2208;
			border-right:1px solid #5c2208;}
			.rankingHeaderForm {position:relative;top:10px;left:10px;}
			.rankingHeaderForm div {display:inline;}
			
			.rankingHeaderPages{position:relative;top:-8px;font-size:10px;}
				.rankingHeaderPages span{font-weight:bold;}
				
			#rankingSearchContainer {position:absolute;left:620px;}
			
				#formClear {margin-right:25px;margin-top:1px;cursor:pointer;}
				#formSearch {margin-right:10px;cursor:pointer;}
				#formInput {
					font:normal 11px/1 Verdana, Geneva, sans-serif;color:#6d6d6d;
					margin-right:10px;
					position:relative;top:-10px;}
				#formInput input {
					height:14px;width:165px;padding:3px 5px;
					color:#999;font:normal 11px/1.3 Verdana, Geneva, sans-serif;
					border:#F60 1px solid;}
				
				#formNext {margin-right:20px;cursor:pointer;}
				#formPrev {margin-right:10px;cursor:pointer;}
		
		#rankingBody {background-image:url('../images/par_middle_line.jpg'); /*height:355px;*/}
			.loaderBox {padding-top:150px;}
			.userMssg {padding-top:150px; font:bold 14px/1 Verdana, Geneva, sans-serif;color:#ff0;text-align:center;}
		
		ul.listDataRanking {border-left:#401606 1px solid;/*display:inline;*/float:left;}
			ul.listDataRanking li {border-right:#401606 1px solid; height:33px;}
			.listDataRanking li.avatar {height:31px !important; padding-top:2px !important;}
			.listDataRanking li.flag {height:33px !important; padding-top:0px !important;}
				.column1 {width:60px;}
				.column2 {width:72px;}
				.column3 {width:130px;}
					.column3 span {font-size:11px; font-weight:bold;}
				.column4 {width:73px;}
				.column5 {width:115px;}
				.column6 {width:90px;}
				.column7 {width:90px;}
				.column8 {width:95px;}
				.column9 {width:130px;}
				.column10 {width:55px;}
				
			#rankingTitles {background:#5F1C01;height:25px;}
			#rankingTitles ul li {text-align:center; text-transform:uppercase; font-weight:bold;height:20px;padding-top:5px;}
			
			#rankingInfo ul li {text-align:center; height:23px; padding-top:10px;}
			
			.rankingFirstCell {font-weight:bold;color:#FF0;}
			.bgRankingPar {background:url('../images/par_middle_line.jpg') top left repeat-x;}
			.bgRankingInpar {background:url('../images/inpar_middle_line.jpg') top left repeat-x;}
			
			#rankVar{background-image:url('../images/ranking_variation_updown.gif'); background-repeat:no-repeat; padding-left:5px}
			.rankUp{background-position:3px 0px;}
			.rankDw{background-position:3px -22px;}
			.rankNoVar{background-position:0px 20px;}
			
		.rankingFooter {background:url('../images/footer.png') top left no-repeat;height:26px;}