html{
	font-size:100.01%
}
html,body {
	height:100%;
}
body {
	margin:0;
	background:#000 url(../images/bg.gif) repeat-x;
	color:#fff;
	font-size:64%;
	font-family:Arial, sans-serif;
}
.splat-bg {
	float:left;
	width:100%;
	min-width:470px;
	min-height:100%;
	background:url(../images/splat-bg.jpg) no-repeat center top;
}
* html .splat-bg {
	height:100%;
}
.wrapper {
	margin:0 auto;
	width:500px;
}
#header {
	float:left;
	width:500px;
	position:relative;
}
#header strong a {
	display:block;
	position:absolute;
	left:90px;
	top:10px;
	width:376px;
	height:96px;
	background:url(../images/logo.png);
	text-indent:-9999px;
	overflow:hidden;
}
#header p {
	font:140%/21px Arial, serif;
	margin:0;
	padding:121px 0 0 15px;
}
#header strong {
	font:bold 16px/21px Arial, serif;
}
#content {
	float:left;
	width:500px;
}
#content .box {
	margin:30px 17px 0 20px;
	float:left;
	width:213px;
	height:188px;
	background:url(../images/box-bg.png);
}
* html #content .box {
	margin:30px 17px 0 10px;
}
#content .nomargin {
	margin:30px 0 0 20px;
}
* html #content .nomargin {
	margin:30px 0 0 20px;
}
#content .box h2 {
	float:left;
	margin:0;
	padding:0;
	width:213px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
}
#content .box h2.sign-up {
	background:url(../images/sign-up.png) no-repeat;
}
#content .box h2.log-in {
	background:url(../images/log-in.png) no-repeat;
}
#content .box span {
	display:block;
	float:left;
	padding:0 0 0 15px;
	font:bold 140%/29px Arial, serif;
}
#content .box ul {
	margin:0 0 0 6px;
	padding:7px 0 0 0;
	float:left;
	width:200px;
}
* html #content .box ul {
	margin:0 0 0 3px;
}
#content .box ul li {
	margin:0;
	padding:4px 0 3px 0;
	list-style:none;
	border-bottom:1px solid #8d8d8d;
}
#content .box ul li.last {
	border-bottom:none;
}
#content .box ul li a {
	display:block;
	width:200px;
	height:28px;
	background:#0d0;
	text-indent:-9999px;
	overflow:hidden;
}
#content .box ul li a.player {
	background:url(../images/player-bg.png) no-repeat;
}
#content .box ul li a.team {
	background:url(../images/team-bg.png) no-repeat;
}
#content .box ul li a.store {
	background:url(../images/store-bg.png) no-repeat;
}
.login-frm #frm-user,
.login-frm #frm-pass {
	background:#505050;
	border:1px solid #b4b3b3;
	margin:5px 0 3px 20px;
	font:bold 120%/12px Arial, serif;
	position:relative;
	padding:8px 0 0 8px;
	color:#ddd;
	width:168px;
}
.login-frm .form-submit {
	margin:12px 0 0 20px;
	float:left;
	position:relative;
}
.login-frm a {
	display:block;
	margin:20px 0 0 30px;
	float:left;
	font:100%/12px Arial, serif;
	color:#ffa929;
	text-decoration:none;
	position:relative;
}
.login-frm a:hover {
	text-decoration:underline;
}
.login-frm label {
	margin:8px 0 0 20px;
	float:left;
	color:#fcdc29;
	font:bold 140%/12px Arial, serif;
}
#content p.counters {
	float:left;
	width:500px;
	margin:0;
	padding:3px 0;
	text-align:center;
	font:100%/63px Arial, serif;
}
#content p.counters strong {
	font:bold 180%/63px Arial, serif;
	color:#fcdc29;
}
#content p.live {
	float:left;
	width:500px;
	margin:0;
	padding:8px 0;
	text-align:center;
	font:100%/14px Arial, serif;
}
#content p.live strong {
	font:bold 14px Arial, serif;
	color:#fcdc29;
}
#content .take-a-look {
	float:left;
	width:463px;
	margin:0 0 0 20px;
	height:88px;
	background:url(../images/take-a-look.jpg) no-repeat;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}
* html #content .take-a-look {
	margin:0 0 0 10px;
}
#content .take-a-look a {
	display:block;
	position:absolute;
	left:306px;
	top:55px;
	width:35px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
}
#footer {
	float:left;
	width:500px;
}
#footer ul {
	margin:0;
	padding:26px 0 6px 0;
	float:left;
	width:500px;
	text-align:center;
}
#footer ul li {
	display:inline;
	margin:0;
	padding:0 10px;
	list-style:none;
	background:url(../images/footer-li.gif) no-repeat 0 2px;
}
#footer ul li:first-child {
	background:none;
}
#footer ul li a {
	color:#ffa929;
	font:bold 120%/12px Arial, serif;
	text-transform:lowercase;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer p {
	float:left;
	margin:0;
	padding:0;
	width:500px;
	text-align:center;
	color:#787878;
	font:bold 100%/12px Arial, serif;
}
.grey_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
	border: 1px solid #999999;
		margin:5px 0 3px 20px;
}