* { margin: 0; }
html { height: 100%; background: url(../img/bg/html.gif); }

body {
	height: 100%;
	background: url(../img/bg/body.gif) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	}

h1 { font: italic 22px Arial Black, Arial, Helvetica, sans-serif; color: #00bceb; }
h2 { width: 240px; height: 25px; background: url(../img/bg/h2-right.gif); border-bottom: 1px solid #fff; text-indent: -9999px; overflow: hidden; }
h3 { font-size: 15px; color: #c2ec00; margin: 0 0 5px; }
a img { border: 0; }
p a, ul li a, ol li a, span a { color: #00bceb; text-decoration: none; }
p a:hover, ul li a:hover, ol li a:hover, span a:hover { border-bottom: 1px dotted #fff; }
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; }

#container {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px;
	}

#header {
	width: 1000px;
	height: 248px;
	background: url(../img/bg/header.png);
	overflow: hidden;
	}
	#header a { width: 290px; height: 64px; margin: 58px 0 0 23px; float: left; text-indent: -9999px; }

#content {
	width: 1000px;
	padding: 0 0 30px;
	line-height: 18px;
	color: #000;
	text-align: justify;
	overflow: hidden;
	}
	#content p, #content img { margin: 0 0 20px; }
	#content form { width: 450px; margin: 0 0 20px; overflow: hidden; position: relative; }
	#content label { width: 75px; height: 28px; padding: 8px 15px 0; margin: 0 0 4px; background: url(../img/bg/page-type.gif); color: #fff; font-weight: bold; float: left; cursor: pointer; }
	#content input { width: 220px; height: 26px; padding: 10px 0 0 15px; margin: 0 0 4px; background: url(../img/bg/page-value.gif); color: #fff; font-weight: bold; float: left; border: 0; }
	#content .inputs { width: 430px; float: left; }
	#content .btn { width: 106px; cursor: pointer; float: right; position: absolute; top: 0; right: 0; }
	#content .btn:hover { background-position: bottom; }
	
	#content .header { width: 450px; height: 32px; margin: 0 0 20px; background: url(../img/bg/h1.gif) no-repeat bottom right; border-bottom: 1px solid #ccc; clear: both; }
	#content .bottom { width: 490; height: 10px; margin: 0 -20px; background: url(../img/bg/outgame-left-right-bottom.gif); overflow: hidden; clear: both; }

#left {
	width: 490px;
	margin: 0 20px 0 0;
	background: url(../img/bg/outgame-left-right-content.gif);
	float: left;
	overflow: hidden;
	}
	#leftcontent { width: 450px; padding: 15px 20px 0; background: url(../img/bg/outgame-left-top.gif) no-repeat; overflow: hidden; }

	#leftcontent .btn { height: 38px; background: url(../img/bg/btn-go-lost.gif); }
#left1 {
	width: 490px;
	margin: 0 20px 0 0;
	background: url(../img/bg/outgame-left-right-content.gif);
	float: left;
	overflow: hidden;
	}
	#left1content { width: 450px; padding: 15px 20px 0; background: url(../img/bg/outgame-left-top.gif) no-repeat; overflow: hidden; }

	#left1content .btn { height: 76px; background: url(../img/bg/btn-go-login.gif); }

#right {
	width: 490px;
	background: url(../img/bg/outgame-left-right-content.gif);
	float: left;
	overflow: hidden;
	}
	#rightcontent { width: 450px; padding: 15px 20px 0; background: url(../img/bg/outgame-right-top.jpg) no-repeat; overflow: hidden; }
	#rightcontent .btn { height: 156px; background: url(../img/bg/btn-go-register.gif); }
	#rightcontent span { width: 490px; display: block; color: #000; float: left; }

#footer {
	width: 100%;
	height: 40px;
	padding: 20px 0 0;
	background: #000;
	border-top: 1px solid #222;
	font-size: 10px;
	line-height: 17px;
	text-transform: uppercase;
	}
	#footer .content { width: 960px; margin: 0 auto; text-align: center; position: relative; }
	#footer .content .glow { width: 727px; height: 9px; background: url(../img/bg/outgame-footer-glow.png); position: absolute; top: -31px; left: 117px; }
	#footer .content .gauges { width: 208px; height: 61px; background: url(../img/bg/footer-gauges.png); position: absolute; top: -52px; right: -4px; }

.push { height: 61px; }
.imgl { float: left; margin: 0 6px 20px !important; }