body
{
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-family: "verdana";
	background-color: #666666;
}


ul
{
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
}




span.header
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
span.normal
{
	color: #EEEEEE;
	font-size: 12px;
}

span.normal a, a:active
{
	color: #7c99bf;
	font-size: 12px;
	text-decoration: none;
}
span.normal img
{border: 0;}
span.normal a:hover
{
	color: #80ff00;
	font-size: 12px;
	text-decoration: none;
}




div.container
{
	width: 832px;
	margin: auto;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0 0 16px 0;
	background: #2B2B2B;
	border: solid rgb(32,32,32) 2px;
}


div.header
{
	width: 832px;
	height: 104px;
	background: url("header.png");
}

div.menu
{
	width: 832px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
}




		
		


a.home
{
	margin: 0;
	padding: 0;
	padding: 0;
	width: 128px;
	height: 32px;
	float: left;
	background: url(home_off.png);
}
a.home:hover
{
	background: url(home_on.png);
}

a.games
{
	margin: 0;
	padding: 0;
	width: 128px;
	height: 32px;
	float: left;
	background: url(games_off.png);
}
a.games:hover
{
	background: url(games_on.png);
}

a.tools
{
	margin: 0;
	padding: 0;
	width: 128px;
	height: 32px;
	float: left;
	background: url(tools_off.png);
}
a.tools:hover
{
	background: url(tools_on.png);
}

a.about
{
	margin: 0;
	padding: 0;
	width: 128px;
	height: 32px;
	float: left;
	background: url(about_off.png);
}
a.about:hover
{
	background: url(about_on.png);
}



div.title
{
	width: 798px;
	height: 22px;
	margin: 0 16px 16px 16px;
	padding: 2px 0 0 0;
	background: #383838;
	color: #b8c7d9;
	font-size: 16px;
	font-weight: bold;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;

}

div.featured
{
	width: 398px;
	height: 232px;
	margin: 0 16px 16px 16px;
	padding: 16px;
	background: #383838;
	float: left;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}
div.news
{
	width: 318px;
	height: 232px;
	margin: 0 16px 16px 0;
	padding: 16px;
	background: #383838;
	float: right;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
	overflow: auto;
}
div.hot
{
	width: 222px;
	margin: 0 0 16px 16px;
	padding: 16px;
	background: #383838;
	float: left;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}
div.hot:hover
{
	background: #444444;
}
div.hot img
{
	padding-top: 6px;
}




div.gametool
{
	width: 766px;
	
	margin: 0 16px 16px 16px;
	padding: 16px;
	background: #383838;
	float: left;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
	display: block;
}
div.gametool:hover
{
	text-decoration: none; 
	background: #444444;
}




div.description
{
	width: 398px;
	margin: 0 16px 16px 16px;
	padding: 16px;
	background: #383838;
	float: left;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}
div.downloads
{
	width: 318px;
	margin: 0 16px 16px 0;
	padding: 16px;
	background: #383838;
	float: right;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
	
}
div.download
{
	width: 320px;
	height: 24px;
	vertical-align: middle;
	background: #383838;
	margin: 0;
}
div.download:hover
{
	background: #444444;
}
div.download img
{
	float: left;
}
div.screenshots
{
	width: 318px;
	margin: 0 16px 16px 0;
	padding: 16px;
	background: #383838;
	float: right;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}
div.screenshots img
{border: 0px;}
div.videos
{
	width: 388px;
	margin: 0 16px 16px 16px;
	padding: 16px;
	background: #383838;
	float: left;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}


div.studio
{
	width: 398px;
	margin: 0 16px 16px 16px;
	padding: 16px;
	background: #383838;
	float: left;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}

div.contact
{
	width: 318px;
	margin: 0 16px 16px 0px;
	padding: 16px;
	background: #383838;
	float: right;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}
div.links
{
	width: 318px;
	margin: 0 16px 16px 0px;
	padding: 16px;
	background: #383838;
	float: right;
	text-align: left;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}




div.footer
{
	clear: both;
	margin: 0 16px 0 16px;
	background: #383838;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-style: solid;
	border-color: rgb(16,16,16);
	border-width: 2px 1px 2px 1px;
}

