@charset "utf-8";

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

.clear {clear:both;}

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

#buyBtn {display:none;}

#socialButtons {display:none;}

#helpId {
	display:none;
	text-align:center;
	position:absolute;top:0;left:0;z-index:30;
	width:100%;height:100%;
	padding-top:53px;}
	
	#helpBg {
		background-color:#000;
		width:100%;height:100%;position:absolute;}
	
	#helpImage a img {margin-top:40px;position:relative;}

#container {
	width:980px;
	margin:auto;}
	
	#content {position:relative;}

	#calendar {
		background:url(../images/calendarBg.png) no-repeat;
		width:421px;height:503px;
		padding:47px 15px 0;margin-top:40px;
		display:inline;float:left;text-align:center;}
		
		#calendar h1 {margin-bottom:10px;}
		
		#pockets {
			width:425px;
			height:360px;}
		
			#pockets > li {
				display:inline;
				float:left;
				margin-bottom:15px;}
				
				.pocketBg {
					display:block;
					width:70px;height:87px;
					background:url(../images/pocketBg.png) no-repeat;
					overflow:hidden;
					font:53px/87px 'BlackChancery',georgia,serif;color:#fff;}
					
					.pocketBg.selected {background:url(../images/pocketBg.png) no-repeat -71px 0;}
					.pocketBg.disabled {background:url(../images/pocketBg.png) no-repeat -142px 0;}
					
	#mainContent {
		width:520px;height:590px;
		display:inline;float:left;}
		
			.shareButtons {
				position:absolute;bottom:3px;left:18px;
				height:43px;}
				
					.shareTexts {
						float:left;display:inline;
						margin-right:10px;
						width:180px;}
							
							.shareTexts h4 {font:17px/1 'BlackChancery',georgia,serif;color:#fff;}
				
					.shareButtons iframe {margin-top:8px;}

/* WELCOME SCREEN */

		#welcomeScreen {
			background:url(../images/offerBg.png) no-repeat;
			width:378px;height:267px;padding:58px 64px 0 15px;margin:21px 0 0 59px;
			position:relative;display:none;}
			
			#welcomeScreen h2 {
				font:32px/28px 'FontleroyBrown',georgia,serif;color:#fff;
				letter-spacing:1px;}
				
			#welcomeScreen p {
				font:25px/23px 'FontleroyBrown',georgia,serif;color:#fff;
				letter-spacing:1px;}
				
				#welcomeScreen p a {color:#86d9ff;}
				
/* END WELCOME SCREEN */

		.mainContent {
			background:url(../images/mainContentBg.png) no-repeat;
			width:384px;height:479px;padding:18px;margin:66px 0 0 59px;
			position:absolute;top:0px;left:451px;
			display:none;}
			
			.topSign {position:absolute;top:-46px;left:-50px;}
			
			.gameIcon {
				float:left;display:inline;
				margin-bottom:10px;}

			.gameDescription {
				display:inline;float:left;
				width:270px;height:110px;
				text-align:center;}

				.gameDescription p {
					font:28px/1 'BlackChancery',georgia,serif;color:#fff;
					position:relative;margin-top:35px;
					width:270px;}
					
			.gameDescriptionLarge {
				display:inline;float:left;
				width:350px;height:110px;
				text-align:center;}

				.gameDescriptionLarge p {
					font:34px/1 'BlackChancery',georgia,serif;color:#fff;
					position:relative;margin:35px 0 0 20px;
					width:310px;
					text-align:left;}
					
			.gameDescriptionShort {
				display:inline;float:left;
				width:230px;height:110px;
				text-align:center;}
				
				.gameDescriptionShort p {
					font:28px/1 'BlackChancery',georgia,serif;color:#fff;
					position:relative;margin:35px 0 0 10px;
					width:240px;
					text-align:left;}
					
			.gameDescriptionWithLogo {
				display:inline;float:left;
				width:230px;height:50px;
				text-align:center;}
				
				.gameDescriptionWithLogo p {
					font:34px/1 'BlackChancery',georgia,serif;color:#fff;
					position:relative;margin:15px 0 0 20px;
					width:350px;
					text-align:center;}
					
			.gameDescriptionWithLogo2 {
				display:inline;float:left;
				width:230px;height:100px;
				text-align:center;}
				
				.gameDescriptionWithLogo2 p {
					font:34px/1 'BlackChancery',georgia,serif;color:#fff;
					position:relative;margin:15px 0 0 20px;
					width:350px;
					text-align:center;}
					
		#greenFarmInfo {
			clear:both;
			position:relative;top:10px;}
				
				#greenFarmInfo p, #greenFarmInfo a {font:30px/1 'FontleroyBrown',georgia,serif;color:#fff;}
				.inpText {
					width:275px;height:27px;
					margin:5px 0;}
					
				#greenFarmInfo span {
					font:40px/1 'FontleroyBrown',georgia,serif;color:#FFFFFF;
					display:block;position:relative;top:80px;}
					
					#greenFarmInfo small a {
						font:25px/1 'FontleroyBrown',georgia,serif;color:#fff;
						display:block;text-decoration:underline;}
						
					.underline {text-decoration:underline;}
			
		.screenshots {
			height:225px;clear:both;
			position:relative;}
			
		.avatars {
			width:350px;
			margin:auto;
			text-align:center;
			clear:both;
			position:relative;top:10px;}
			
			.avatars li {
				display:inline;float:left;
				margin:0 23px 7px 0;}
			#centerLi {margin-left:88px;}
			
		.conceptArt {
			height:150px;clear:both;
			position:relative;}
		
			.iphone1 {
				background:url(../images/iphone.png) no-repeat;
				width:217px;height:105px;padding:6px 0 0 3px;
				position:absolute;top:20px;left:0px;}
				
			.iphone2 {
				background:url(../images/iphone.png) no-repeat;
				width:217px;height:105px;padding:6px 0 0 3px;
				position:absolute;top:110px;left:163px;z-index:10;}
				
			.android1 {
				background:url(../images/android.png) no-repeat;
				width:230px;height:122px;padding:9px 0 0 1px;
				position:absolute;top:20px;left:0px;}
				
			.android2 {
				background:url(../images/android.png) no-repeat;
				width:230px;height:122px;padding:9px 0 0 1px;
				position:absolute;top:110px;left:152px;z-index:10;}
				
			.ipad1 {
				background:url(../images/ipad.png) no-repeat;
				width:168px;height:214px;padding-top:20px;
				position:absolute;top:10px;left:0px;}
				
			.ipad2 {
				background:url(../images/ipad.png) no-repeat;
				width:168px;height:214px;padding-top:20px;
				position:absolute;top:10px;left:215px;}
				
			.ipodTouch1 {
				background: url(../images/ipodTouch.png) no-repeat;
				width:222px;height:108px;padding:10px 0 0;
				position:absolute;left:0;top:20px;}
				
			.ipodTouch2 {
				background: url(../images/ipodTouch.png) no-repeat;
				width:222px;height:108px;padding:10px 0 0;
				position:absolute;left:163px;top:110px;z-index:10;}
				
			.nokiaC7 {
				background:url(../images/nokiac7.png) no-repeat;
				width:215px;height:93px;padding-top:12px;
				position:absolute;top:20px;left:3px;z-index:10;}
				
			.nokiaN8 {
				background:url(../images/nokian8.png) no-repeat;
				width:213px;height:99px;padding:13px 0 0 3px;
				position:absolute;top:110px;left:163px;z-index:0;}
				
		.trailer {
			clear:both;
			width:390px;
			height:250px;
			margin:auto;
			position:relative;top:20px;}
				
		.grabBtn {
			width:304px;
			margin:auto;}
			
		.grabBtnLate {
			width:304px;
			margin:20px auto 0;}
			
		.grabBtnCenter {
			width:304px;
			margin:auto;
			position:relative;top:100px;}
			
		.zoomBtn {
			text-align:right;
			margin-top:26px;
			width:395px;}
			
		#screen2 {display:block;}


	#footer {
		clear:both;
		height:130px;}
		
		.facebookBtn {
			width:800px !important;height:35px !important;
			display:inline;float:left;
			margin:5px 0 0 10px;}
			
		.twitterBtn {
			display:block;text-align:center;
			margin-left:8px;}