html, body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body
{
background-color: #3a3a3a;
}

html
{
	display:table;
}

#container
{
	width: 800px;
	margin-left: auto; margin-right: auto;
	margin-top: 10px; margin-bottom: 10px;
	font: 18px 'MetrophobicRegular', Arial, sans-serif;
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	background: #d9f4fc; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #d9f4fc 50%, #afd1db 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#d9f4fc), color-stop(50%,#afd1db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #d9f4fc 50%,#afd1db 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #d9f4fc 50%,#afd1db 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #d9f4fc 50%,#afd1db 50%); /* IE10+ */
	background: linear-gradient(-45deg,  #d9f4fc 50%,#afd1db 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f4fc', endColorstr='#afd1db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.5); 
}

h1.logo
{
	font: 128px 'MolotRegular', Arial, sans-serif;
	margin-top: 0px; margin-bottom: -24px;
	text-align:center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	letter-spacing:-8px;
}

a.logo:link {text-decoration:none; color:#000;}
a.logo:visited {text-decoration:none; color:#000;}
a.logo:hover {text-decoration:none; color:#AA5; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);}
a.logo:active {text-decoration:none; color:#000;}

h1.header
{
	font: 64px 'MolotRegular', Arial, sans-serif;letter-spacing: 0;
	margin-top: 0px; margin-bottom: 0px;
	text-align:center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

p.footer
{
	font: 12px 'MetrophobicRegular', Arial, sans-serif;
	margin-bottom: 0px;
	text-align:center;
}

p.buttons
{
	font: 12px 'MetrophobicRegular', Arial, sans-serif;
	margin-top: 0px; margin-bottom: 0px;
	text-align:center;
}

#download
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	width: 400px;
	margin-left: auto; margin-right: auto;
	background:#FFF;
	text-align:center;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1); 
	background: #8eb92a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #8eb92a 50%, #72aa00 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#8eb92a), color-stop(51%,#72aa00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #8eb92a 50%,#72aa00 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #8eb92a 50%,#72aa00 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #8eb92a 50%,#72aa00 51%); /* IE10+ */
	background: linear-gradient(-45deg,  #8eb92a 50%,#72aa00 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb92a', endColorstr='#72aa00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
}

#download h1
{
	font: 64px 'MolotRegular', Arial, sans-serif;
	letter-spacing: 0;
	margin-bottom: 0px; margin-top: 0px;
}

#download p
{
	font: 18px 'MolotRegular', Arial, sans-serif;
	margin-bottom: 0px; margin-top: -14px;
	

}

#download:hover
{
	background: #9ac452; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #9ac452 50%, #90b73a 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#9ac452), color-stop(51%,#90b73a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #9ac452 50%,#90b73a 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #9ac452 50%,#90b73a 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #9ac452 50%,#90b73a 51%); /* IE10+ */
	background: linear-gradient(-45deg,  #9ac452 50%,#90b73a 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac452', endColorstr='#90b73a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#download a:link {text-decoration:none; color:#fff;}
#download a:visited {text-decoration:none; color:#fff;}
#download a:hover {text-decoration:none; color:#fff;}
#download a:active {text-decoration:none; color:#fff;}

#leftside
{
	background: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 390px;
	height: 200px;
	float: left;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33); 
	-webkit-box-shadow: inset 0px 0px 128px 0px rgba(0, 0, 0, 64);
	-moz-box-shadow: inset 0px 0px 128px 0px rgba(0, 0, 0, 64);
	box-shadow: inset 0px 0px 128px 0px rgba(0, 0, 0, 64); 
}
		
#leftside:hover
{
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0); 
}

#leftside p
{
	font: 14px 'MetrophobicRegular', Arial, sans-serif;
	text-align:center;
	margin-top: 108px;
	color: #fff;
	text-shadow: 0px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}
		
#leftside h1
{
	font: 64px 'MolotRegular', Arial, sans-serif;
	letter-spacing: 0;
	text-align:center;
	color: #fff;
	margin-top: -8px;
	text-shadow: 0px 2px 2px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=2);
}
		
#rightside
{
	background: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 390px;
	height: 200px;
	float: right;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-webkit-box-shadow: inset 0px 0px 128px 0px rgba(0, 0, 0, 64);
	-moz-box-shadow: inset 0px 0px 128px 0px rgba(0, 0, 0, 64);
	box-shadow: inset 0px 0px 128px 0px rgba(0, 0, 0, 64); 
}
		
#rightside:hover
{
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0); 
}
		
#rightside p
{
	font: 14px 'MetrophobicRegular', Arial, sans-serif;
	text-align:center;
	color: #fff;
	margin-top: 108px;
	text-shadow: 0px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}
		
#rightside h1
{
	font: 64px 'MolotRegular', Arial, sans-serif;
	letter-spacing: 0;
	text-align:center;
	color: #fff;
	margin-top: -8px;
	text-shadow: 0px 2px 2px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=2);
}
		
#clear
{
	clear:both;
}
		
#gamebutton
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 640px;
	height: 50px;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	margin-left: auto; margin-right: auto;
	margin-top: 0px;
	background-position:center; 
	-webkit-box-shadow: inset 0px 0px 96px 0px rgba(0, 0, 0, 8);
	-moz-box-shadow: inset 0px 0px 96px 0px rgba(0, 0, 0, 8);
	box-shadow: inset 0px 0px 96px 0px rgba(0, 0, 0, 8); 
	margin-bottom: 10px;
}
		
#gamebutton:hover
{
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 64);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 64);
	box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 64); 
}
		
#gamebutton p
{
	font: 24px 'MolotRegular', Arial, sans-serif;
	text-align:left;
	color: #fff;
	text-shadow: 0px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
	padding-top: 18px;
	padding-left:8px;
	margin-top: 0px; margin-bottom: 0px;
}
		
#gamebutton a:link {text-decoration:none; color:#ff0;}
#gamebutton a:visited {text-decoration:none; color:#ee0;}
#gamebutton a:hover {text-decoration:none; color:#ff0;}
#gamebutton a:active {text-decoration:none; color:#ff0;}