* {margin:0;padding:0;list-style-type:none;outline:none;text-decoration:none;border:none;
font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#fff;}

.clear {clear:both;}

.cursorPointer {cursor:pointer;}

body {
	background:#5a080c url(../images/bodybg.jpg) repeat-x;
}

#loader {
	width: 300px;
	margin: auto;
	height: 410px;
	padding-top: 220px;
}

#container {
	margin: auto;
	width: 1024px;
	background:url(../images/bg.jpg) no-repeat;
	height: 906px;
}

	#flags {
		background:url(../images/flagsbg.png) no-repeat;
		width: 248px;
		height: 29px;
		padding: 18px 0 0 23px;
		top: 66px;
		left: 710px;
		position: relative;
	}

		#flags li {
			float: left;
			margin-right: 3px;
		}

			#flags li a {
				display: block;
				width: 26px;
				height: 21px;
				overflow:hidden;
			}

			#flags li a#us {margin-top: 3px;}
			#flags li a#uk {margin-top: 2px;}
			#flags li a#fr {margin-top: 1px;}
			#flags li a#it {margin-top: -1px;}
			#flags li a#sp {margin-top: -1px;}
			#flags li a#jp {margin-top: -2px;}

			#flags li a#us:hover {
				background:url(../images/flags/us.png) no-repeat -27px 0px;
			}

			#flags li a#uk:hover {
				background:url(../images/flags/uk.png) no-repeat -27px 0px;
			}

			#flags li a#fr:hover {
				background:url(../images/flags/fr.png) no-repeat -27px 0px;
			}

			#flags li a#de:hover {
				background:url(../images/flags/de.png) no-repeat -27px 0px;
			}

			#flags li a#it:hover {
				background:url(../images/flags/it.png) no-repeat -27px 0px;
			}

			#flags li a#sp:hover {
				background:url(../images/flags/sp.png) no-repeat -27px 0px;
			}

			#flags li a#jp:hover {
				background:url(../images/flags/jp.png) no-repeat -27px 0px;
			}

	#platforms {
		background:url(../images/menutopbg.png) no-repeat;
		width: 445px;
		position: relative;
		left: 512px;
		top: 105px;
		height: 196px;
	}

		#platforms img {
			position: relative;
			left: 80px;
			top: -13px;
		}

		#platforms span {
			display: none;
		}

		#platforms li {
			float: left;
		}

			#platforms li a {
				display: block;
				width: 85px;
				height: 45px;
			}

		#platformsNav1 {
			height:45px;
			/*background:url(../images/menutopimages1.png) no-repeat;*/
			position: relative;
			left: 20px;
			padding: 6px 0 0 40px;
		}
			#platformsNav1 li a#mobile {background:url(../images/menutopimages1.png) no-repeat -44px -6px; }
			#platformsNav1 li a#mobile:hover {background:url(../images/menutopimages1.png) no-repeat -44px -65px;}
			
			#platformsNav1 li a#iphone {background:url(../images/menutopimages1.png) no-repeat -129px -6px; }
			#platformsNav1 li a#iphone:hover {background:url(../images/menutopimages1.png) no-repeat -129px -65px;}
			
			#platformsNav1 li a#ipodTouch {background:url(../images/menutopimages1.png) no-repeat -215px -6px; }
			#platformsNav1 li a#ipodTouch:hover {background:url(../images/menutopimages1.png) no-repeat -215px -65px;}
			
			#platformsNav1 li a#ipod {background:url(../images/menutopimages1.png) no-repeat -301px -6px; }
			#platformsNav1 li a#ipod:hover {background:url(../images/menutopimages1.png) no-repeat -301px -65px;}

		#platformsNav2 {
			height:47px;
			/*background:url(../images/menutopimages2.png) no-repeat;*/
			position: relative;
			left: 20px;
		}
			#platformsNav2 li a#ipad {background:url(../images/menutopimages2.png) no-repeat 0px 0px;}		
			#platformsNav2 li a#ipad:hover {background:url(../images/menutopimages2.png) no-repeat 0px -59px;}
			
			#platformsNav2 li a#dsi {background:url(../images/menutopimages2.png) no-repeat -86px 0px;}
			#platformsNav2 li a#dsi:hover {background:url(../images/menutopimages2.png) no-repeat -86px -59px;}
			
			#platformsNav2 li a#wii {background:url(../images/menutopimages2.png) no-repeat -172px 0px;}
			#platformsNav2 li a#wii:hover {background:url(../images/menutopimages2.png) no-repeat -172px -59px;}
			
			#platformsNav2 li a#ps3 {background:url(../images/menutopimages2.png) no-repeat -257px 0px;}
			#platformsNav2 li a#ps3:hover {background:url(../images/menutopimages2.png) no-repeat -257px -59px;}
			
			#platformsNav2 li a#psp {background:url(../images/menutopimages2.png) no-repeat -344px 0px;}
			#platformsNav2 li a#psp:hover {background:url(../images/menutopimages2.png) no-repeat -344px -59px;}

	#main {
		position: relative;
		top: 124px;
		height: 450px;
	}

		#column1 {
			background:url(../images/column1bg.png) no-repeat;
			height: 309px;
			width: 460px;
			margin-left: 150px;
			float: left;
		}

			#column1.features {
				background:url(../images/featuresbg.png) no-repeat;
			}

			#imageContainer {
				width:338px;
				height: 206px;
				position: relative;
				top: 53px;
				left: 61px;
				overflow: hidden;
			}

				#imageContainer li {
					display: inline;
					float: left;
				}

				#imageContainer img {
					position: relative;
					height: 206px;
				}

			#images { width:9999px;}

			#arrows {
				position: absolute;
				left: 150px;
				top: 130px;
			}

				#btnPrev {
					position: absolute;
					cursor: pointer;
				}

				#btnNext {
					position:absolute;
					cursor: pointer;
					left: 405px;
				}

			#menuBottom {
				/*background:url(../images/en/menubottom.png) no-repeat;*/
				/* Temporary z-index */ z-index: 0;
				/*width: 623px;
				position: absolute;
				left: 25px;
				top: 255px;
				height: 180px;*/
				height: 120px;
				left: 25px;
				padding: 60px 0 0 130px;
				position: absolute;
				top: 255px;
				width: 503px;
			}

				#menuBottom span {
					display: none;
				}

				#menuBottom li {
					float: left;
				}

					#menuBottom li a#screens {
						display: block;
						width: 111px;
						height: 62px;
					}

					#menuBottom li a#features {
						display: block;
						width: 132px;
						height: 68px;
						position: relative;
						top: -6px;
					}

					#menuBottom li a#trailers {
						display: block;
						width: 118px;
						height: 73px;
						position: relative;
						top: -13px;
					}

					#menuBottom li a#buy {
						display: block;
						width: 125px;
						height: 75px;
						position: relative;
						top: -18px;
					}

					/*#menuBottom li a#screens:hover {
						background:url(../images/en/menubottom.png) no-repeat -130px -246px;
					}

					#menuBottom li a#features:hover {
						background:url(../images/en/menubottom.png) no-repeat -241px -240px;
					}

					#menuBottom li a#trailers:hover {
						background:url(../images/en/menubottom.png) no-repeat -373px -233px;
					}

					#menuBottom li a#buy:hover {
						background:url(../images/en/menubottom.png) no-repeat -491px -228px;
					}*/

				#buttons {
					position: relative;
					top: 66px;
					left: 130px;
				}

			#bottomMessage {
				position: absolute;
				left: 265px;
				top: 376px;
				cursor: pointer;
			}

			.featuresInfo {
				left:36px;
                position:relative;
                top:28px;
			}

				.featuresInfo li {
					margin-bottom: 10px;
				}

					.featuresInfo li img {
						float: left;
						margin-right: 5px;
					}

					.featuresInfo li p {
						font-weight: lighter;
						width: 365px;
						overflow: hidden;
					}
					
					.featuresInfo li span {
						color:#66ffff;	
					}
					
					.featuresInfo li strong {
						font-weight: lighter;	
					}

			#flashTrailer {
				position: relative;
				top: 42px;
				text-align: center;
				z-index:100;
			}

		#column2 {
			width:355px;
			float: left;
			position: relative;
		}

			#column2 #gameloftlogo {
				position: absolute;
				top: 425px;
				left: 120px;
			}

			#description {
				width: 220px;
				position: relative;
				top: 45px;
				margin: auto;
			}

				#description p {
					font-weight: lighter;
					line-height: 22px;
					letter-spacing: 0.9px;
					width: 195px;
					margin: 10px auto;
				}

				#description p#text2 {
					display: none;
				}

				#descriptionNext {
					position: relative;
					left:50px;
					/*top: 40px;*/
					cursor: pointer;
				}

				#descriptionPrev {
					position: relative;
					left:120px;
					display: none;
					cursor: pointer;
				}

		#divBuyProduct {
			position: relative;
			top: 40px;
			left: 40px;
			width: 385px;
			height: 240px;
			/* Temporary z-index */ z-index: 10;
		}

			#divBuyProduct p {
				margin-bottom: 15px;
				font-weight: lighter;
			}

				#divBuyProduct p span {
					color:#ff6600;
				}

				#divBuyProduct p strong {
					font-weight: lighter;
				}

			#divBuyProduct ul {
				position: absolute;
				bottom: 10px;
			}

				#divBuyProduct ul li {
					display: inline;
					float: left;
					margin-right: 8px;
				}

					#divBuyProduct ul li a {
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						font-size: 11px;
						background-color:#ff6600;
						height: 24px;
						line-height: 24px;
						text-align: center;
						width: 85px;
						cursor: pointer;
						display: block;
					}

	#footer {
		position: relative;
		top: 170px;
		text-align: center;
		height: 120px;
	}
	
		#social {
				margin: auto;
				width: 240px;
			}
	
				#social label {
					float: left;
					width: 53px;
					display: block;
					overflow: hidden;
					cursor: pointer;
					margin-right: 5px;
				}
				
					#social label img:hover {
						position: relative;
						left: -60px;
					}

		#footer img {
			margin-bottom: 10px;
		}

		#footer p {
			font-size: 10px;
			text-align: center;
			line-height: 20px;
			clear: both;
		}
		
		
#feat_scroll{
		overflow: auto; 
		width: 400px; 
		height: 250px;
	}
	
/* iPhone and iPod Section styles */

#containeriPhone {
	background:url(../images/bgiphone.jpg) no-repeat scroll 0 0 transparent;
	height:1090px;
	margin:auto;
	width:1024px;	
}

	#mainiPhone {
		height:450px;
		position:relative;
		top:95px;
	}
	
		#column1iPhone {
			background:url(../images/rankingiphone.png) no-repeat scroll 0 0 transparent;
			float:left;
			height:498px;
			margin-left:150px;
			width:419px;	
		}
		
			#rankingiPhoneContainer {
				position: relative;	
			}

				#rankingTitle {
					text-align: center;
					margin: 9px auto 22px;
				}
		
				#rankingiPhone {
					height: 410px;
					margin: 10px auto;
					width: 320px;
					text-align: center;
				}
					
					#rankingiPhone dl {
						display: inline;
						float: left;
					}
					
						#rankingiPhone dl#col1 {
							width: 40px;		
						}
						
						#rankingiPhone dl#col2 {
							width: 120px;	
						}
						
							#col2 dd img {
								float: left;	
							}
							
							#col2 dd span {
								float: left;
								margin: 7px 0 0 7px;
								width: 67px;
							}
						
						#rankingiPhone dl#col3 {
							width: 80px;
						}
						
						#rankingiPhone dl#col4 {
							width: 80px;	
						}
					
						#rankingiPhone dt {
							height: 40px;	
						}
						
						#rankingiPhone dd {
							height:29px;
							padding-top:8px;
							overflow: hidden;
						}
						
						#rankingiPhone dl#col1 dd {
							color:#84FF00;
							font-size:18px;
						}
						
						#rankingiPhone dl#col4 dd {
							font-weight: bold;
							font-size:14px;
						}
	
				#pager {
					width: 360px;
					margin: auto;
					text-align: center;
					position: relative;
					z-index: 1000;
					color:#316074;
				}
	
					#pager li {
						display: inline;	
					}
					
					#pager li a.selected {
						color:#73090B;	
					}
						
						#pager li a {
							color:#316074;	
						}
						
						
				.arrowsRanking {
					position: absolute;
					top: 246px;
					cursor: pointer;
				}
				
					.arrowsRanking a {
						width: 15px;
						height: 32px;
						overflow: hidden;
						display: block;
						position: relative;
					}
					
						.arrowsRanking a.arrowleftiPhone {
							background:url(../images/arrowleftiPhone.png) no-repeat top left;
							left: 37px;
						}
						
						.arrowsRanking a.arrowleftiPhone:hover {
							background:url(../images/arrowleftiPhone.png) no-repeat bottom left;	
						}
						
						.arrowsRanking a.arrowrightiPhone {
							background:url(../images/arrowrightiPhone.png) no-repeat top left;	
							top: -31px;
							left: 365px;
						}
						
						.arrowsRanking a.screenshot {
							left: 308px;
						}
						
						.arrowsRanking a.arrowrightiPhone:hover {
							background:url(../images/arrowrightiPhone.png) no-repeat bottom left;	
						}
				
			
			#menuBottomiPhone {
				height:120px;
				left:25px;
				padding:60px 0 0 130px;
				position:absolute;
				top:450px;
				width:503px;
				z-index:100;
			}
			
					#menuBottomiPhone span {
						display: none;
					}
	
					#menuBottomiPhone li {
						float: left;
					}
	
						#menuBottomiPhone li a#screens {
							display: block;
							width: 111px;
							height: 62px;
						}
	
						#menuBottomiPhone li a#features {
							display: block;
							width: 132px;
							height: 68px;
							position: relative;
							top: -6px;
						}
	
						#menuBottomiPhone li a#trailers {
							display: block;
							width: 118px;
							height: 73px;
							position: relative;
							top: -13px;
						}
	
						#menuBottomiPhone li a#buy {
							display: block;
							width: 125px;
							height: 75px;
							position: relative;
							top: -18px;
						}
			
				#divTraileriPhone {
					position: relative;
				}
				
					#divTraileriPhone object {
						position: absolute;
						top: 160px;
						left: 38px;
					}
					
				#divFeaturesiPhone {
					width: 275px;
					margin: 100px 0 0 10px;
				}
				
				#divScreenshotsiPhone {
					position: relative;	
				}
				
					#imageContaineriPhone {
						width:235px;
						height: 325px;
						position: relative;
						top: 100px;
						left: 61px;
						overflow: hidden;
					}
			
						#imageContaineriPhone li {
							display: inline;
							float: left;
							width: 235px;
						}
						
							#imagesiPhone {
								width: 9999px;
							}
						
						#imageContaineriPhone img {
							position: relative;
							margin-bottom: 10px;
						}

			#bottomMessageiPhone {
				cursor:pointer;
				left:265px;
				position:absolute;
				top:579px;
				z-index: 100;
			}
			
			#column2 #gameloftlogoiPhone {
				left:120px;
				position:absolute;
				top:485px;
			}
		
#footeriPhone {
	height:120px;
	position:relative;
	text-align:center;
	top:240px;	
}

	#footeriPhone p {
		clear:both;
		font-size:10px;
		line-height:20px;
		text-align:center;
	}

/* End iPhone and iPod Section styles */