* {margin: 0; padding: 0;}

html, body {border: 0 none;}
body {background: #000 url("../images/body.jpg") 50% 0 no-repeat; color: #070707; font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 11px;}

a {color: #cd0000; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

img, fieldset {border: 0 none;}
legend {display: none;}

input, select, textarea {color: #633113; font-family: Tahoma, sans-serif; font-size: 11px;}


h1 {display: none;}

.container {height: 920px; width: 960px; margin: 0 auto; position: relative;}

.logo {position: absolute; left: 125px; top: 16px;}

.magmars {position: absolute; left: 170px; top: 285px; width: 261px;}
.magmars h2 {background: url("../images/magmars.png") no-repeat; height: 36px; width: 116px; overflow: hidden; float: left; margin: -10px 0 -16px -34px; text-indent: -999px;}

.humans {position: absolute; left: 55px; top: 575px; width: 274px;}
.humans h2 {background: url("../images/humans.png") no-repeat; height: 36px; width: 82px; overflow: hidden; float: left; margin: -10px 0 -16px -34px; text-indent: -999px;}

.magmars p,
.humans p {color: #6d3929}

.video {background: #000; position: absolute; left: 550px; top: 310px; height: 330px; width: 400px;}

.screenshots {width: 280px;}
.screenshots ul {list-style-type: none;}
.screenshots ul li {float: left; margin: 5px 10px 0 0; height: 99px; width: 129px; position: relative;}
.screenshots ul li a i {background: url("../images/frame2.png") no-repeat; position: absolute; height: 105px; width: 135px; left: -2px; top: -2px; overflow: hidden;}
.scr-magmar {left: 161px; top: 319px;}
.scr-human {left: 44px; top: 609px;}

.footer {color: #e16c32; font-size: 10px; width: 590px; position: absolute; left: 130px; top: 828px;}
.footer .powered {float: left;}
.footer .powered a,
.footer .powered span {display: inline-block; margin-right: 12px; vertical-align: middle;}
.footer .copy {float: left; padding-top: 3px;}
.footer .counters {float: right;}

.button-register {position: absolute; left: 58px; top: 432px;}
.button-register a{background: url("../images/button_register.png") no-repeat; display: block; height: 77px; width: 263px; overflow: hidden; text-indent: -999px;}
.button-register a:hover {background-position: 0 -77px;}

.button-test-fight {position: absolute; left: 52px; top: 500px;}
.button-test-fight a{background: url("../images/button_test_fight.png") no-repeat; display: block; height: 97px; width: 281px; overflow: hidden; text-indent: -999px;}
.button-test-fight a:hover {background-position: 0 -97px;}

.button-join {position: absolute; left: 52px; top: 445px;}
.button-join a {background: url("../images/button_join.png") no-repeat; display: block; height: 119px; width: 279px; overflow: hidden; text-indent: -999px;}
.button-join a:hover {background-position: 0 -119px;}

.test-fight {height: 441px; width: 441px; position: absolute; left: 530px; top: 335px; text-align: center;}

.runet-big {position: absolute; z-index: 1; top: 140px; left: 455px; width: 258px; height: 199px; overflow: hidden; text-indent: -999px; background: url("../images/runet_big.png") 0 0 no-repeat;}
.players-qty {position: absolute; top: 275px; left: 520px; width: 521px; height: 64px; overflow: hidden; text-indent: -999px; background: url("../images/players_qty.png") 0 0 no-repeat;}







/**/
#lightbox{
	background-color:#eee;
	padding: 10px;
	box-shadow: 0 0 80px #000;
	-moz-box-shadow: 0 0 80px #000;
	-webkit-box-shadow: 0 0 80px #000;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }

#overlay{ background-image: url("/images/overlay.png"); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url("../images/blank.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
#closeButton { margin: -5px 0px 0px -15px; }