pre{
	background-color:#fff;
}
ul, li{margin:0px;padding:0px;list-style:none;}
.clear{font-size:0px;clear:both;display:block;}

div.sprite.shadow1{width:203px;height:30px;position:absolute;background-position:-179px -211px;}
div.sprite.shadow2{width:250px;height:35px;position:absolute;background-position:-27px -584px;}
body{
	// background-image:url('../img/site/bg.png');
	// background-image:url('../img/site/bg_old.png');
	// background-image:url('../img/site/bg-blue.png');
	background-image:url('../img/site/bg-pins.png');
	background-color:#382b32;
}
#all-moon{
	/*background-image:url('../img/site/bundle-dsb-hugeback.png');*/
	/*background-repeat:no-repeat;*/
}
#all{
	background-image:url('../img/site/bg-shadow.png');
	background-repeat:repeat-x;
}
header{
	width:960px;
	margin:0 auto 0 auto;
	position:relative;
	// height:180px;
	height:150px;
}
	#logo{
		background-position: 0px -58px;
		width:446px;
		height:102px;
		position:absolute;
		top:28px;
		left:0px;
	}
	#social-menu{overflow:hidden;height:36px;margin-top:10px;position:absolute;top:0px;right:0px;text-align:right;}
		#social-menu li{float:left;}
			#social-menu li a{}
				#social-fb.sprite{background-position: 0px -25px;width:20px;height:30px;}
				#social-twitter.sprite{background-position: -24px -25px;width:30px;height:30px;}
				#social-youtube.sprite{background-position: -56px -25px;width:30px;height:30px;}
				#social-google.sprite{background-position: -93px -25px;width:30px;height:30px;}
				#social-rss.sprite{background-position: -127px -25px;width:30px;height:30px;}
				#social-mail.sprite{background-position: -161px -25px;width:30px;height:30px;}
	#top-menu{overflow:hidden;position:absolute;top:46px;right:-3px;height:40px;font-size:11px;}
		#top-menu li{float:left;color:#fff;margin-left:5px;}
			#top-menu li a{color:#fff;margin-right:3px;text-decoration:none;letter-spacing:1px;}
				#top-menu li a:hover{text-decoration:underline;}
#moon{
    background-image: url("../img/site/")
}
#main{
	width:960px;
	margin:0 auto 0 auto;
}

	#home-page{}
		#home-main{
			float:left;
			width:737px;
			position:relative;
			padding-top:110px;
		}
			#mayan {
				background-image: url("../img/site/sprites.png");
			    background-position: -659px -722px;
			    background-repeat: no-repeat;
			    display: block;
			    height: 161px;
			    left: 740px;
			    position: absolute;
			    top: -124px;
			    width: 236px;
				
				display:none;

			}
			#droidscape{
				position:absolute;
				top:415px; /* 360px -90px; //-53px; */
				right:15px; // 150px -40px
				width:168px;
				height:152px;
				z-index:2;
			}
				#droidscape a{
					display: block;
				}
			#specialgift{
				position:absolute;
				top:510px; /* -90px; //-53px; */
				right:-218px; // -40px
				width:210px;
				height:62px;
				z-index:2;
			}
				#specialgift a{
					display: block;
				}
			#home-banner{
/*\				background-image:url('../img/site/home-header.png');
				background-repeat:no-repeat;
				height:171px;*/
				top:-10px; // -16px; 26px;
				position:absolute;
				left:0px;
				width:741px;

				z-index:1;
			}
			#home-games{
                zoom:1;
                overflow: hidden;
                // background-image:url('../img/site/main_games_bg-electric.png');
                background-image:url('../img/site/main_games_bg.png');
                background-repeat:repeat-y;
				margin-top:55px; 
				padding-top:0px;
            }
				#home-games .game-all{
					height:241px;
					float:left;
					width:146px;
				}
					#home-games .game-all .exclusive{
						height:40px;
						background-image:url('../img/site/exclusive-electric.png');
						background-repeat: no-repeat;
						width:114px;
						position: absolute;
						top: 1px; // 1px
						left:9px;
						z-index: 2;
					}

                    #home-games .image-wrap{
                        height: 130px;
                        position: relative;
                    }
                        #home-games div.image{

                            width:84px;
                            height:83px;
                            position:relative;
                            position: absolute;
                            top:25px;
                            left:25px;

                        }
                        #home-games .frame-overlay{
                            background-image: url("../img/site/main-image-frame.png");
                            height: 117px;
                            width:108px;
                            position: absolute;
                            top:-9px;
                            left:-13px;

                        }

                            #home-games div.bgimg{background-color: #27221a;overflow: hidden;display: block;}
                                #home-games div.bgimg img{}

						#home-games a.asset-link{
							display: block;
							height: 117px;
							width:108px;
						}
					#home-games div.info{

						float:left;
						width:139px;

						position:relative;
					}
						#home-games div.info div.title{
							color:#b3b3b3;font-size:14px;font-weight:bold;margin-top:12px;padding:0px 5px 0px 15px;
							text-shadow: 0px -1px 1px #0d100f;
							filter: dropshadow(color=#0d100f, offx=0, offy=-1);
						}
						#home-games div.info div.download-types{
							position:absolute;
							top:60px;
							left:15px;
							overflow:hidden;
							width:112px;
						}
							#home-games div.info div.download-types span{width:19px;height:19px;float:left;margin-right:3px;}
							span.sprite.download{background-position:0px 0px;}
							span.sprite.steam{background-position:-22px 0px;}
							span.sprite.desura{background-position:-45px 0px;}
							span.sprite.mac{background-position:-67px 0px;}
							span.sprite.linux{background-position:-89px 0px;}
			#home-extras{
				background-position:-15px -623px;
				/*height:146px;*//*819*/
				height: 43px;
				margin-top:3px; // 3px;
				padding-top:53px;
			}
				#extra-average{position:relative;float:left;width:300px;}
					#extra-average h3{padding:0px;margin:12px 0px 15px 28px;font-size:14px; color:#fff;font-weight:normal;}
						#extra-average h3 span{color:#79ecc0;}
					#extra-average-games{margin:9px 0px 0px 18px;}
						#extra-average-games div.game{margin-right:20px;margin-bottom:40px;float:left;width:117px;height:126px;position:relative;background-image: url("../img/site/rafaki.png");background-repeat: no-repeat;}

							#extra-average-games div.game div.image{text-align:center;position: relative;height:77px;}
								#extra-average-games div.game div.image a{display: block;position: absolute;bottom:0px;left:17px;}
								#extra-average-games div.game div.image img{}
							#extra-average-games div.game div.title{
								width:107px;
								height:30px;
								padding:13px 0px 0px 7px;
								position:absolute;
								top:80px;left:-1px;
								font-size:13px;
								color:#efefef;
								font-weight:bold;
								text-shadow: 0px -1px 1px #0d100f;
								filter: dropshadow(color=#0d100f, offx=0, offy=-1);
							}
							#extra-average-games div.game div.download-types{position:absolute;top:130px;}
								#extra-average-games div.game div.download-types span{width:19px;height:19px;float:left;margin-right:3px;}
				#extra-unlockable{float:left;width:268px;position:relative;}
					#extra-unlockable h2{color:#79ecc0;padding:0px;margin:15px 0px -7px 37px;font-size:18px;}
					#ulockable-extras{margin:13px 0 0 15px;}
						#ulockable-extras div.exra{float:left;width:80px;position:relative;}
							#ulockable-extras div.exra div.image{width:80px;text-align:center;}

							#ulockable-extras div.exra div.title{font-size:10px;color:#fff;text-align:center;margin-top:7px;}


								span.sprite.icon-music{width:25px;height:24px;background-position:-212px -33px;position:absolute;top:50px;right:0px;}
								span.sprite.icon-book{width:25px;height:24px;background-position:-241px -33px;position:absolute;top:50px;right:0px;}

								span.sprite.icon-unlocked{width:25px;height:24px;background-position:-212px -33px;position:absolute;top:50px;right:0px;}
								span.sprite.icon-lock{width:25px;height:24px;background-position:-270px -33px;position:absolute;top:50px;right:0px;}
				#extra-next-unlock{float:left;width:165px;position:relative;height:146px;}
					#extra-next-unlock h3{padding:0px;font-size:13px; color:#fff;font-weight:normal;position:absolute;top:7px;left:10px;}

					#extra-next-unlock div.sprite.shadow1{top:78px;left:-34px;}
					#counter-unlock{position:absolute;top:49px;left:10px;width:200px;}


						span.digit{
							position:relative;
							display:block;
							float:left;
							-webkit-border-radius: 4px;
							-moz-border-radius: 4px;
							border-radius: 4px;
							border:1px solid #aaaead;
							background-color:#c7c7c7;
							color:#4e4e4e;
							text-align:center;
							background-image: linear-gradient(bottom, rgb(194,194,194) 0%, rgb(249,249,249) 100%);
							background-image: -o-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(249,249,249) 100%);
							background-image: -moz-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(249,249,249) 100%);
							background-image: -webkit-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(249,249,249) 100%);
							background-image: -ms-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(249,249,249) 100%);

							background-image: -webkit-gradient(
								linear,
								left bottom,
								left top,
								color-stop(0, rgb(194,194,194)),
								color-stop(1, rgb(249,249,249))
							);
						}
						#counter-unlock span.digit{

							font-size:19px;

							width:19px;
							margin-right:1px;
							-webkit-box-shadow: 1px 0px 1px 1px #1e2623;
							-moz-box-shadow: 1px 0px 1px 1px #1e2623;
							box-shadow: 1px 0px 1px 1px #1e2623;

						}
							span.digit span{
								position:relative;
								z-index:2;
							}
							span.digit div{
								border-top:1px solid #d1d1d1;
								background-color:#fff;
								font-size:0px;
								height:1px;
								display:block;
								position:absolute;
							}
							#counter-unlock span.digit div{
								width:19px;
								top:12px;
								left:0px;
							}
						#counter-unlock span.title{
							position:relative;
							top:7px;
							color:#b0b0b0;
							font-size:18px;
							text-shadow: 0px -1px 1px #0d100f;
							filter: dropshadow(color=#0d100f, offx=0, offy=-1);

						}
		#sidebar{
			float:left;
			width:180px;
			padding:15px 15px 15px 17px;
			margin-left:6px;
			background-color:#3f7f66;
			border-left:1px solid #1c382d;
			border-top:1px solid #10201a;
			border-bottom:1px solid #616966;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;

			-webkit-box-shadow: inset 1px 2px 2px 0px #1c382d;
			-moz-box-shadow: inset 1px 2px 2px 0px #1c382d;
			box-shadow: inset 1px 2px 2px 0px #1c382d;


		}
			#sidebar h1{
				margin:0px;
				padding:0px;
				color:#10533d;
				font-size:19px;
				margin:10px 0px 10px 0px;
				font-weight:bold;
				position: relative;
    			top: 11px;
			}
			.counter-sold{position:relative;}
				.counter-sold div.sprite.shadow2{top:23px;left:-39px;}
				.counter-sold span.digit{
					font-size:28px;
					/*width:11px;*/
					width:28px;

					margin-right:2px;
					-webkit-box-shadow: 1px 0px 1px 1px #1c392d;
					-moz-box-shadow: 1px 0px 1px 1px #1c392d;
					box-shadow: 1px 0px 1px 1px #1c392d;

				}
					.counter-sold span.digit div{
						width:28px;
						top:19px;
						left:0px;
					}


			#time-left-wrap{
				position:relative;
				height:25px;
				left:-5px;
			}
				#time-left-wrap .counter-time{
					position:absolute;
					width:193px;

				}
				.timer-container{
					clear: both;
					color: #0a2f23;
					font-size: 9px;
					padding: 0px;
					zoom:1;
					overflow: hidden;
				}
					.time-text{
						float: left;
						padding-top: 5px;
						opacity:0.7;
					}
					.time-text.day{width:40px;}
					.time-text.hour{width:49px;}
					.time-text.minute{width:43px;}
					.time-text.second{width:40px;}
			.counter-time{position:relative;}
				.counter-time div.sprite.shadow2{top:6px;left:-39px;}
				.counter-time span.digit{
					font-size:16px;
					width:16px;
					margin-right:1px;
					-webkit-box-shadow: 1px 0px 1px 1px #1e2623;
					-moz-box-shadow: 1px 0px 1px 1px #1e2623;
					box-shadow: 1px 0px 1px 1px #1e2623;

				}
					.counter-time span.digit div{
						width:16px;
						top:10px;
						left:0px;
					}


				.counter-time span.column{display:block;float:left;color:#b7b7b7;margin:0px 1px;}

			#cur-minimum{
				width:170px;
				height:50px;
				
				position:relative;
				margin:18px 0px 10px 0px;
				-webkit-box-shadow: inset 0px 0px 10px 5px #204033;
				-moz-box-shadow: inset 0px 0px 10px 5px #204033;
				box-shadow: inset 0px 0px 11px 2px #204033;

			}
				#cur-minimum div.sprite{
					width:33px;
					height:32px;
					background-position:-79px -161px ;
					position:absolute;
					top:9px;
					left:-33px;
				}
				#cur-minimum h4{font-size:13px; color:#6acfa8;margin:0px;padding:0px;position:absolute;width:100px;top:12px;left:15px;line-height:13px;}
				#cur-minimum span{
					position:absolute;
					top:8px;
					left:90px;
					font-size:27px;
					color:#d2c7c7;
					text-shadow: 0px 1px 1px #0d100f;
					filter: dropshadow(color=#0d100f, offx=0, offy=1);

				}
			#sidebar h2{font-size:15px; color:#10533d;margin:0px 0px 8px 0px;padding:0px;}
			#counter-sales{}
				#counter-sales div.sprite.shadow2{opacity:0.4;filter:alpha(opacity=40);}
				#counter-sales span.title{
					position:relative;
					top:4px;
					left:8px;
					color:#cccccc;
					font-size:18px;
					text-shadow: -1px -1px 1px #2f5e4c;
					filter: dropshadow(color=#2f5e4c, offx=-1, offy=-1);


				}

			#buynow-link{
				color:#fff;
				display:block;
				margin:20px 0px 8px 0px;
				text-align:center;
				-webkit-box-shadow:  0px 0px 2px 2px #285040;
				-moz-box-shadow:  0px 0px 2px 2px #285040;
				box-shadow:  0px 0px 2px 2px #285040;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background-color:#ff5400;
				background-image: linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -o-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -moz-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -webkit-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -ms-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);

				background-image: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0, rgb(155,52,0)),
					color-stop(1, rgb(253,84,0))
				);

				line-height:56px;
				text-decoration:none;



			}
				a#buynow-link:hover{
					background-image: none;
					background-color:#b43b00;
				}
				#buynow-link div{
					-webkit-box-shadow: inset 0px 0px 3px 0px #ed6826;
					-moz-box-shadow: inset 0px 0px 3px 0px #ed6826;
					box-shadow: inset 0px 0px 4px 0px #ed6826;


					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
				}
				#buynow-link span{
					-webkit-box-shadow: inset 0px 5px 0px 0px #a93700;
					-moz-box-shadow: inset 0px 5px 0px 0px #a93700;
					box-shadow: inset 0px 5px 0px 0px #a93700;

					padding: 5px 0 0 0;
					font-size: 23px;
					text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
					font-weight: bold;

					display:block;
					height:56px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					background-image:url('../img/site/bg-button.png');
				}
			#giftcode-link{
				color: #274E3E;
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
			}
			#sidebar h5{font-size:10px;color:#fff;margin:0px;padding:13px 0px 7px 0px;}
			#support{overflow:hidden;zoom:1;margin-left:-6px;}
				#support div.support{position:relative;float:left;}
					#support div.support.first{margin-right:25px;}
					#support div.support div.image{}
						#support span.sprite{display:block;width:61px;height:61px;margin:0 auto;}
						span.sprite.support-charity{background-position:6px -196px;}
					#support div.title{color:#fff;font-size:8px;text-align:center;margin-top:5px;}
						span.sprite.support-glasses{background-position:-87px -196px;}
		#home-footer{
			height:128px;
			padding-left:15px;
			margin-top:100px;
			background-color: rgba(0, 0, 0, 0.3);
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-topright: 20px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 20px 20px 0px 0px;
			border-radius: 20px 20px 0px 0px;
			color:#fff;
			overflow:hidden;
		}
			#home-footer div.box{float:left;width:140px;height:89px;margin:30px 5px 0px 5px;position:relative;padding:15px 0px 0px 80px;line-height:12px;}
				#home-footer div.box div.icon{}
					#home-footer span.sprite{width:74px; height:76px;display:block;position:absolute;top:0px;left:0px;}
						#circle-money.sprite{background-position:0px -266px;}
						#circle-drm.sprite{background-position:-76px -266px;}
						#circle-thumb.sprite{background-position:-164px -266px;}
						#circle-glasses.sprite{background-position:-245px -266px;}

				#home-footer div.box div.title{font-size:12px;position: relative;
    top: -4px;}
				#home-footer div.box div.text{color:#b9b9b9;font-size:10px;}



#user-page{}
	#thank-msg{
		font-size:23px;
		color:#ffffff;
		font-weight: normal;
		padding:0px;
		margin:0px 0px 25px 0px;
        text-shadow: -1px 1px 0px #101312;
        filter: dropshadow(color=#101312, offx=-1, offy=1);
	}
	#user-page p{
		color:#dbdbdb;
		font-size:13px;
	}
		#user-page p a{
			color:#79ecc0;
		}
	#user-social{
	}
	#user-bundle-logo{
/*		width:244px;
		height:88px;*/
		margin:60px 0px -7px 0px;
		position:relative;
		z-index:2;
	}
    #platform{
        position: relative;
		
    }
        #platform .container{
			position: relative;
			overflow: hidden;
			padding: 20px 0 0px;
        }
            #platform a{
                display: block;
				font-size: 14px;

				color: #999999;
				padding: 10px 20px;
				
				
				text-shadow:
					0px -1px 0px rgba(000,000,000,0),
					0px 1px 0px rgba(0,0,0,0.6);
            }
				#platform a.active{
					

					
					color: #2e2e2e;
					padding: 10px 20px;
					background: -moz-linear-gradient(
						top,
						#ebebeb 0%,
						#757575);
					background: -webkit-gradient(
						linear, left top, left bottom, 
						from(#ebebeb),
						to(#757575));
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					border: 1px solid #858585;
					-moz-box-shadow:
						0px 1px 3px rgba(000,000,000,0.5),
						inset 0px 0px 2px rgba(255,255,255,0.7);
					-webkit-box-shadow:
						0px 1px 3px rgba(000,000,000,0.5),
						inset 0px 0px 2px rgba(255,255,255,0.7);
					box-shadow:
						0px 1px 3px rgba(000,000,000,0.5),
						inset 0px 0px 2px rgba(255,255,255,0.7);
					text-shadow:
						0px -1px 0px rgba(000,000,000,0.4),
						0px 1px 0px rgba(255,255,255,0.3);
				}
                #platform a.windows{
                	float:left;
                }
                #platform a.apple{
                	float: left;
                }
                #platform a.linux{
                	float: left;
                }
	#mac_assets{
		display: none;
	}
	#linux_assets{
		display: none;
	}
	#assets{
		position:relative;
		margin-bottom:95px;
	}
		#assets div.asset-download-method{
			position:absolute;
			top:-37px;
			width:107px;
			padding: 16px 0 0 68px;
			font-size:15px;
			color:#ffffeb;
		}
			#assets div.asset-download-method span.sprite{
				position:absolute;
				top:0px;
				left:0px;
			}
			#steam-large{
				left:430px;
			}
				#steam-large span.sprite{
					display:block;
					width:63px;
					height:65px;
					background-position:-549px -11px;
				}
			#desura-large{
				left:605px;
			}
				#desura-large span.sprite{
					display:block;
					width:63px;
					height:65px;
					background-position:-627px -11px;
				}
			#dowmload-large{
				left:780px;
			}
				#dowmload-large span.sprite{
					display:block;
					width:63px;
					height:65px;
					background-position:-470px -8px;
				}
		#assets table{
			background-color:#2c3632;
			width:100%;
		}
			#assets table td{
				border-bottom:1px solid #235046;
				vertical-align:middle;
				height:80px;
			}
			#assets table td.top-pad{
				border-bottom-width:0px;
				height:10px;
			}
			#assets table tr.last td{
				border-bottom-width:0px;
			}

				#assets table td.image{
					width:125px;
					text-align:center;
				}
					#assets ul li div.image img{}
				#assets table td.title{
					width:305px;
					color:#fff;
					font-size:15px;
				}
				#assets table td.code{
					width:175px;
					text-align:center;
					color:#3d7861;
					font-size:10px;
				}
					#assets table td.code a{color:#79ecc0;}

		#poll {
			padding: 10px 0;
		}

footer{background-color:#1c1c1c;}
	#footer-grad{
		height:11px;
		font-size:0px;
		background-image: linear-gradient(bottom, rgb(28,28,28) 0%, rgb(16,16,16) 100%);
		background-image: -o-linear-gradient(bottom, rgb(28,28,28) 0%, rgb(16,16,16) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(28,28,28) 0%, rgb(16,16,16) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(28,28,28) 0%, rgb(16,16,16) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(28,28,28) 0%, rgb(16,16,16) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(28,28,28)),
			color-stop(1, rgb(16,16,16))
		);


	}
	#footer-wrapper{width:960px;margin:0 auto;}
	#what{
		width:1050px;
		height:100px;
		background-position:0px -347px;
		position:relative;
		left:-95px;
		margin-top:20px;
	}
		#what h2{position:absolute;top:10px;right:12px;font-size:14px;color:#79ecc0;padding:0px;margin:0px;}
		#what p{
			position:absolute;
			top:33px;
			right:12px;
			padding:0px;
			margin:0px;
			background-color:#171717;
			padding:3px 5px 0px 5px;
			height:37px;
			width:837px;
			color:#838080;
			font-size:12px;
			line-height:16px;

			-webkit-box-shadow:  0px 1px 0px rgba(255, 255, 255, 0.1);
			-moz-box-shadow:  0px 1px 0px rgba(255, 255, 255,0.1);
			box-shadow:  0px 1px 0px rgba(255, 255, 255, 0.1);

		}
		#what-triangle.sprite{
			background-position:-511px -287px;
			width:6px;
			height:11px;
			position:absolute;
			top:48px;
			left:185px;
		}
	#footer-data{
		width:100%;

		margin-top:55px;
	}
	#footer-left{
		width:387px;
		float:left;
		position: relative;
		top: -34px;
	}
		#top-bundlers{
			width:387px;
			margin:6px 0 0 23px;
			
			background-color:#161616;

			-webkit-box-shadow: inset 0px 0px 10px  #101010;
			-moz-box-shadow: inset 0px 0px 10px  #101010;
			box-shadow: inset 0px 0px 10px  #101010;

		}
			#top-bundlers h2{
				padding:19px 0 0 0px;
				margin:35px 0 20px 19px;
				font-size:17px;
				color:#fff;

			}
			#top-bundlers ul{
				margin:0px 20px 70px 19px;
			}
				#top-bundlers ul li{
					margin-bottom:12px;
					font-size:14px;
					color:#79ecc0;
					position:relative;
				}
					#top-bundlers ul li a{
						text-decoration:none;
						color:#79ecc0;
					}
						#top-bundlers ul li a:hover{
							text-decoration:underline;
						}
					#top-bundlers ul li span{
						position:absolute;
						right:0px;
						color:#969696;
					}
			#top-bundlers-footer.sprite{
				height:15px;
				background-position:0px -546px;
			}
		#footer-right{
			float:left;
			width:514px;
			margin-left:36px;
		}
		#poll-results {
			width: 450px;
			position: relative;
			left: 44px;
			margin: 20px 0 0 0;
		}
			#stats{
				margin:0px 19px 0px 44px;
			}
				#stats div.sprite.stats-line{
					background-position:0px -570px;
					width:464px;
					height:2px;
					position:relative;
					left:-7px;
				}
				#stats ul{
					margin:20px 0px 28px 0;
				}
					#stats ul li{
						margin-bottom:14px;
						font-size:14px;
						color:#00a99d;
						position:relative;
					}
						#stats ul li span{
							position:absolute;
							right:0px;
							color:#bababa;
						}
			#footer-social{
				margin:90px 0 0 0;
			}
				#like-logo.sprite{
					background-position:0px -450px;
					height:80px;
					left:125px;
					position:relative;
				}
				#footer-social-links{
					text-align:right;
					margin-right: -100px;
					margin-left: -40px;
				}
				#footer-social h3{
					padding:0px;
					margin:10px 0px 0px 22px;
					color:#8b8b8b;
					font-size:13px;

				}
	footer nav{font-size:13px;text-align:center;color:#dbdbdb;margin-top:90px;}
		#footer-nav a{color:#dbdbdb;text-decoration:none;}
	#brought-by{padding:15px 0px 25px 0px;color:#79ecc0;font-size:14px;text-align:center;}
	#footer-nav a, #brought-by a { color:#dbdbdb }



/*Popups*/
#lightbox-buy{display:none;}
#lightbox-popup{display:none;}
.lightbox-wrapper{
	background-color: rgba(0, 0, 0, 0.6);        �
	color: rgba(0, 0, 0, 0.6);
	position:absolute;
	top:0px;
	left:0px;
	min-width:100%;
	min-height:100%;
	z-index:100;
}
.lightbox{
	width:848px;
	border:1px solid #fff;
	background-image:url('../img/site/bg-popup.png');
	position:absolute;
}
	.lightbox-grad{
		padding:14px;
		background-image: linear-gradient(bottom, rgba(188,188,188,0.4) 0%, rgba(254,254,254,0.4) 100%);
		background-image: -o-linear-gradient(bottom, rgba(188,188,188,0.4) 0%, rgba(254,254,254,0.4) 100%);
		background-image: -moz-linear-gradient(bottom, rgba(188,188,188,0.4) 0%, rgba(254,254,254,0.4) 100%);
		background-image: -webkit-linear-gradient(bottom, rgba(188,188,188,0.4) 0%, rgba(254,254,254,0.4) 100%);
		background-image: -ms-linear-gradient(bottom, rgba(188,188,188,0.4) 0%, rgba(254,254,254,0.4) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgba(188,188,188,0.4)),
			color-stop(1, rgba(254,254,254,0.4))
		);
		position:relative;
	}
		div.popup-close a{
			z-index: 2;
			width:19px;
			height:22px;
			background-position:-539px -281px;
			position:absolute;
			top:10px;
			right:13px;
		}
	/*Buy*/
	#buy-popup{
		padding:0px 14px 10px 14px;
	}
		#bundle-pop-logo{
			width:190px;
			height:46px;
			background-position:-479px -100px;
		}
		#bundle-pop-banner{
		}
		#buy-form h1{
			color:#444544;
			font-size:17px;
		}
		#buy-form p{
			color:#4e4f4f;
			font-size:13px;
		}
		#buy-form p.info{
			font-size:15px;
		}
			#buy-form p span{color:#4ac595;}
		ul#bundle-pay{}
			ul#bundle-pay li{}
				#bundle-pay label{
					font-size:13px;
					color:#727272;
				}
				#bundle-pay li input[type=text]{
					border:1px solid #a8a8a8;
					width:123px;

					font-size:13px;
				}

		#pay-above-contrib{
			margin:5px 0px 5px 0px;
		}
			#pay-above-contrib p{}
			#bundle-pay{}

			#pay-above-contrib li {  }
			#pay-above-contrib li label{
				font-size:13px;
				color:#727272;
			}
				#pay-above-contrib li input[type=text]{
					border:1px solid #a8a8a8;
					width:158px;
					font-size:13px;
				}


		#pay-email{
			position:relative;
		}

			#pay-email div.input.text{
				margin-bottom:7px;
			}
			#pay-email div.input.text input{
				border:1px solid #a8a8a8;
				width:339px;
				font-size:13px;
			}
			#pay-email div.input.checkbox{
				position:absolute;
				top:0px;
				left:360px;
			}
			div.input.checkbox label{
				color:#727272;
				font-size:13px;
				position:relative;
				top:-1px;
			}

		#buy-line{
			line-height:0px;
			font-size:0px;
			border-top:1px solid #8e8e8e;
			border-bottom:1px solid #e3e3e3;
			margin:30px 0px 30px 0px;
		}
		#checkout-currency-warning{
			margin-bottom: 15px;color: #900;font-style: italic;font-size: 14px;
		}
		#paypal{
			text-align:center;
		}

		#buy-form input[type="text"]{
			/*color:#727272;*/
			color:#222;
			padding:0px 5px;
		}
		#buy-form .error-message{
			color:#ff0000;
			font-size:12px;
			padding:3px 0px;
		}

	/*Popup*/
		#popup-slideshow{
			float:left;
			width:435px;
		}
			#popup-slideshow-full{
				line-height:0px;
				font-size:0px;
			}
			#popup-slideshow-thumbs{line-height:0px;}
				#popup-slideshow-thumbs ul{margin:11px 0px -8px 0px;}
					#popup-slideshow-thumbs ul li{
						float:left;
						border:2px solid transparent;
						margin-right:3px;
						position:relative;
						margin-bottom:8px;
					}
					#popup-slideshow-thumbs ul li.active, #popup-slideshow-thumbs ul li:hover {
						border:2px solid #636363;
					}
					#popup-slideshow-thumbs ul li.active span.pointer{
						background-position:-348px -15px;
						width:24px;
						height:7px;
						position:absolute;
						top:-9px;
						left:40px;
					}
						#popup-slideshow-thumbs ul li:hover a span.sprite.video{
							width:29px;
							height:29px;
							background-position:-317px -15px;
							position:absolute;
							top:24px;
							left:38px;

						}
						#popup-slideshow-thumbs ul li a{

						}
							#popup-slideshow-thumbs ul li a img{}
							#popup-slideshow-thumbs ul li a span.sprite{}
		#popup-info{
			float:left;
			width:360px;
			margin-left:10px;

		}
			#popup-info h1{color:#31bf89;font-size:21px;padding:0px;margin:0 0 11px 0;}
			#popup-info p.info{color:#323232;font-weight:bold;padding:0px;margin:0 0 5px 0;}
			#popup-info p{color:#4e4d4d;font-size:12px;padding:0px;margin:0 0 5px 0;}
		#system-requirements a{
			position:absolute;
			bottom:16px;
			right:-10px;
			width:148px;
			height:35px;
			background-position:-586px -280px;
		}
		#system-requirements a.active{
			background-position:-737px -280px;
		}

.sprite{
	background-image:url('../img/site/sprites.png');
	background-repeat:no-repeat;
	display:block;
}

.pageContainer {
	background-color: #C7E6DA;
	padding: 10px 28px;
	margin: 0 0 20px 0;
	box-shadow: 0px 0px 13px #000;
}

.pageContainer .input.text label {
	display: block;
    font-weight: bold;
    margin: 10px 0 0;
}


.pageContainer .submit input {
	color:#fff;
				display:block;
				margin:20px 0px 8px 0px;
				text-align:center;
				-webkit-box-shadow:  0px 0px 2px 2px #285040;
				-moz-box-shadow:  0px 0px 2px 2px #285040;
				box-shadow:  0px 0px 2px 2px #285040;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background-color:#ff5400;
				background-image: linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -o-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -moz-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -webkit-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);
				background-image: -ms-linear-gradient(bottom, rgb(155,52,0) 0%, rgb(253,84,0) 100%);

				background-image: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0, rgb(155,52,0)),
					color-stop(1, rgb(253,84,0))
				);

				line-height:56px;
				text-decoration:none;

}

/* footer newsletter */

#footernewsletter {
	
	position:relative;
	padding:10px 0;
	 margin: 0 auto;
    background-repeat: no-repeat;
}
#footernewsletter h2 {
	color:#dddddd;
	font-size: 14px;
	font-weight: normal;
}
#footernewsletter form {
	position: relative;
}
#footernewsletter #form{
			position:relative;
			top:48px;
			left:20px;
			}

			#footernewsletter #form #input{
				background-color: #FFFFFF;
				border: 1px solid #dfdfdf;
				border-radius: 10px 10px 10px 10px;
				color: #c8c8c8;
				font-size: 19px;
				font-weight: 100;
				font-family:Helvetica, Arial, sans-serif;
				font-style: italic;
				padding:12px;
				position: relative;
				width: 374px;

				-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75), inset 2px 3px 5px rgba(0,0,0,0.3);
				-moz-box-shadow: 0 0 5px rgba(0,0,0,0.75), inset 2px 3px 5px rgba(0,0,0,0.3);
				box-shadow: 0 0 5px rgba(0,0,0,0.75), inset 2px 3px 5px rgba(0,0,0,0.3);
				}

				#footernewsletter #button{
					background-color: #79ecc0;
					border: 1px solid #a3a3a3;
					border-radius: 10px 10px 10px 10px;
					color: #2a2b2b;
					font-size: 15px;
					font-weight: bold;
					font-family:Helvetica, Arial, sans-serif;
					padding:14px 35px 10px;;
					position: absolute;
					right: -11px;
					top:4px;
					cursor:pointer;
					text-shadow: -1px -1px -1px rgba(255,255,255,0.3);

					-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5), inset -1px -1px 6px rgba(255,255,255,0.3);
					-moz-box-shadow: 0 0 4px rgba(0,0,0,0.5), inset -1px -1px 6px rgba(255,255,255,0.3);
					box-shadow: 0 0 4px rgba(0,0,0,0.5), inset -1px -1px 6px rgba(255,255,255,0.3);

					background-image: linear-gradient(bottom, rgb(116,117,116) 0%, rgb(181,183,182) 100%);
					background-image: -o-linear-gradient(bottom, rgb(116,117,116) 0%, rgb(181,183,182) 100%);
					background-image: -moz-linear-gradient(bottom, rgb(116,117,116) 0%, rgb(181,183,182) 100%);
					background-image: -webkit-linear-gradient(bottom, rgb(116,117,116) 0%, rgb(181,183,182) 100%);
					background-image: -ms-linear-gradient(bottom, rgb(116,117,116) 0%, rgb(181,183,182) 100%);

					background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0, rgb(116,117,116)),
						color-stop(1, rgb(181,183,182))
					);
					}


					#footernewsletter #button input:hover{
						background-image:  -webkit-gradient(linear, center bottom, center top, from(rgba(255,255,255,0.4)), to(rgba(0,0,0,0.4)));
						background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: linear-gradient(to top, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						}

/* bundle over */

#bundleover {
	background-image:url('../img/site/bundleover.png');
	width:949px;
	height:122px;
	position:relative;
	padding:10px 0;
	 margin: 0 auto;
    background-repeat: no-repeat;
}

#bundleover #form{
			position:absolute;
			left: 488px;
    		top: 53px;
			}

			#bundleover #form #input{
				background-color: #FFFFFF;
				border: 1px solid #dfdfdf;
				border-radius: 10px 10px 10px 10px;
				color: #c8c8c8;
				font-size: 19px;
				font-weight: 100;
				font-family:Helvetica, Arial, sans-serif;
				font-style: italic;
				padding:12px;
				position: relative;
				width: 407px;

				-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75), inset 2px 3px 5px rgba(0,0,0,0.3);
				-moz-box-shadow: 0 0 5px rgba(0,0,0,0.75), inset 2px 3px 5px rgba(0,0,0,0.3);
				box-shadow: 0 0 5px rgba(0,0,0,0.75), inset 2px 3px 5px rgba(0,0,0,0.3);
				}

				#bundleover #button{
					background-color: #79ecc0;
					border: 1px solid #a3a3a3;
					border-radius: 10px 10px 10px 10px;
					color: #26463a;
					font-size: 15px;
					font-weight: bold;
					font-family:Helvetica, Arial, sans-serif;
					padding:16px 35px 10px;;
					position: absolute;
					right:1px;
					top:1px;
					cursor:pointer;
					text-shadow: -1px -1px -1px rgba(255,255,255,0.3);

					-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5), inset -1px -1px 6px rgba(255,255,255,0.3);
					-moz-box-shadow: 0 0 4px rgba(0,0,0,0.5), inset -1px -1px 6px rgba(255,255,255,0.3);
					box-shadow: 0 0 4px rgba(0,0,0,0.5), inset -1px -1px 6px rgba(255,255,255,0.3);

					background-image:  -webkit-gradient(linear, center bottom, center top, from(rgba(0,0,0,0.4)), to(rgba(255,255,255,0.4)));
					background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(255,255,255,0));
					background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(255,255,255,0));
					background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(255,255,255,0));
					background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(255,255,255,0));
					background-image: linear-gradient(to top, rgba(0,0,0,0.4), rgba(255,255,255,0));
					}


					#bundleover #button input:hover{
						background-image:  -webkit-gradient(linear, center bottom, center top, from(rgba(255,255,255,0.4)), to(rgba(0,0,0,0.4)));
						background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						background-image: linear-gradient(to top, rgba(255,255,255,0.4), rgba(0,0,0,0.4));
						}

.popup-wrap{
	padding:0px 60px 40px 60px;
	color:#4e4d4d;
}
.popup-wrap a{
	color:#31bf89;
}
.popup-title{
	padding:10px 0px 40px 135px;
	background-image:url("../img/site/popup-shadow.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 32px;
	color:#31bf89;
	position: relative;
	height:50px;
}
	.popup-title .indie{
		position: absolute;
		top:0px;
		left:60px;
		display: block;
		width:61px;
		height:61px;
		background-image: url("../img/site/popup-dev-icon.png");
		background-repeat: no-repeat;
	}
	.popup-title .charity{
		position: absolute;
		top:0px;
		left:60px;
		display: block;
		width:61px;
		height:61px;
		background-image: url("../img/site/popup-charity-icon.png");
		background-repeat: no-repeat;
	}
	.popup-side-logo{
		position: absolute;
		top:10px;
		left:-52px;
		display: block;
		width:52px;
		height:74px;
		background-image: url("../img/site/popup-side-image.png");
		background-repeat: no-repeat;

	}

/* Ordinary Gamers Bundle Related */
#ord-banner {
  /* just to adjust */
  margin-top: -174px;  /* 0px */
  margin-left: +3px;
  /* */
  width: 740px;
  // height: 250px;
  height: 323px;
  position: relative;
  background: url("../img/site/ord-banner-back.gif") no-repeat left top;
}

#ord-banner #ord-banner-guys {
	position: absolute;
	margin-top: 140px;
	margin-left: 250px;
}

#ord-banner #ord-banner-human {
	position: absolute;
	margin-left: -15px;
	margin-top: 220px;
}

#ord-banner #ord-banner-martian {
	position: absolute;
	margin-left: 530px;
	margin-top: 20px;
}


/* Strategy Bundle Related */
#strategy-banner {
  /* just to adjust */
  margin-top: -73px;  /* -70px */
  /* */
  width: 740px;
  height: 250px;
  // height: 120px;
  position: relative;
  background: url("../img/site/strategy-banner.gif") no-repeat left top;
}


/* RPG Bundle Related */
#rpg-banner {
  /* just to adjust */
  margin-top: -9px;  /* 0px */
  /* */
  width: 740px;
  // height: 250px;
  height: 120px;
  position: relative;
  background: url("../img/site/rpg-banner-back.png") no-repeat left top;
}

#rpg-banner #rpg-banner-wizard {
	position: absolute;
	top: -40px;
	left: 40px;
}

#rpg-banner #rpg-banner-title {
	position: absolute;
	top: -16px;
	right: 50px;
}

/*  Cerebral Bundle Related */
#cerebral-header {
  /* just to adjust */
  margin-top: 0px;
  /* */
  width: 740px;
  background: url("../img/site/capsule-banner.gif") no-repeat left top;
  // height: 250px;
  height: 120px;
  position: relative;
}

#cerebral-title {
  position: absolute;
  left:0;
  margin-top: 40px;
  margin-left: 20px;
}

#cerebral-brain {
  position: absolute;
  top:0;
  margin-left: 20px;
  margin-top: 10px;
/* General */
  -animation-name: FloatingG;
  -animation-duration: 2.1s;
  -animation-iteration-count: infinite;
  -animation-timing-function: ease-in-out;
/* Safari & Chrome */
  -webkit-animation-name: FloatingSC;
  -webkit-animation-duration: 2.1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
/* Opera */
  -o-animation-name: FloatingO;
  -o-animation-duration: 2.1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease-in-out;
/* Firefox 4 */
  -moz-animation-name: FloatingMoz;
  -moz-animation-duration: 2.1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
}

/* General */
@-keyframes FloatingG {
  from {-transform:translate(0, 0px);}
  65% {-transform:translate(0, 15px);}
  to {-transform: translate(0, -0px); }
}

/* Safari & Chrome */
@-webkit-keyframes FloatingSC {
  from {-webkit-transform:translate(0, 0px);}
  65% {-webkit-transform:translate(0, 15px);}
  to {-webkit-transform: translate(0, -0px); }
}

/* Opera browser */
@-o-keyframes FloatingO {
  from {-o-transform:translate(0, 0px);}
  65% {-o-transform:translate(0, 15px);}
  to {-o-transform: translate(0, -0px); }
}

/* Firefox 4 */
@-moz-keyframes FloatingMoz {
  from {-moz-transform:translate(0, 0px);}
  65% {-moz-transform:translate(0, 15px);}
  to {-moz-transform: translate(0, -0px);}    
}