/*
RESETS
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,object{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear_fix
{
	clear: both;
}
/*
WEB CSS
*/

body
{
	background: #001846 url(../images/bg.jpg) repeat-x top left;
	font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;
}
.container
{
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: url(../images/main_background.jpg) no-repeat left 54px;
	padding-top: 54px;
	min-height: 666px;
	*height: 666px;
}
h1
{
	text-indent: -99999px;
	width: 522px;
	height: 54px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/main_top.jpg) no-repeat top left;
}

ul#navigation
{
	position: absolute;
	top: 17px;
	right: 50px;
}
	ul#navigation li
	{
		float: left;
		margin: 0 3px;
	}
	
	ul#navigation li a
	{
		color: #fff;
		display: block;
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		background: none;
	}
	
		ul#navigation li a span
		{
			display: block;
			padding: 10px 20px;
			background: none;
		}
		
	ul#navigation li a:hover, ul#navigation li.current a
	{
		background: url(../images/main_nav_right.jpg) no-repeat right top;
	}
	
		ul#navigation li a:hover span, ul#navigation li.current a span
		{
			display: block;
			background: url(../images/main_nav_left.jpg) no-repeat left top;
		}
	
#screenshots
{
	position: absolute;
	top: 181px;
	left: 85px;
	width: 186px;
	height: 279px;
	overflow: hidden;
}
	#screenshots img
	{
		position: absolute;
		top: 0;
		left: 0;
	}
#reviews
{
	position: absolute;
	top: 200px;
	left: 325px;
	width: 430px;
	color: #6a94e5;
	font-size: 11px;
	padding-bottom: 260px;
}
	#reviews h2
	{
		display: none;
	}
	#reviews .review
	{
		margin: 15px 0;
		line-height: 16px;
	}
		#reviews .first
		{
			margin-top: 0;
			color: #8bf;
			font-size: 14px;
			font-weight: bold;
			line-height: 20px;
		}
	#reviews .review .details
	{
		font-size: 11px;
		text-align: right;
		font-weight: normal;
		color: #3161bc;
	}
	
	#reviews .review a
	{
	color: #6a94e5;
	}
		#reviews .first a
		{
			color: #8bf;
		}
	
	#reviews .review a:hover
	{
		color: #ffffff;
	}

#ekindesigns
{
	position: absolute;
	left: 680px;
	top: 574px;
}
	#ekindesigns a
	{
		text-indent: -99999px;
		display: block;
		height: 30px;
		width: 225px;
	}
	
#demiforce
{
	position: absolute;
	top: 0;
	left: 100px;
}
	#demiforce a
	{
		text-indent: -99999px;
		display: block;
		height: 54px;
		width: 235px;
	}
	
	#buynow
	{
		position: absolute;
		left: 454px;
		top: 477px;
	}
		#buynow a
		{
			text-indent: -99999px;
			display: block;
			width: 138px;
			height: 51px;
		}
		#buynow a:hover
		{
			background: url(../images/buynow.jpg) no-repeat top left;
		}

#msnbc
{
	text-indent: -99999px;
	position: absolute;
	left: 793px;
	top: 121px;
}
#msnbc a
{
	display: block;
	width: 107px;
	height: 71px;
}
#msnbc a:hover
{
	background: url(../images/msnbc-on.png) no-repeat top left;
}

#businessweek
{
	text-indent: -99999px;
	position: absolute;
	left: 793px;
	top: 210px;
}
#businessweek a
{
	display: block;
	width: 104px;
	height: 22px;
}
#businessweek a:hover
{
	background: url(../images/businessweek-on.png) no-repeat top left;
}

#wired
{
	text-indent: -99999px;
	position: absolute;
	left: 793px;
	top: 248px;
}
#wired a
{
	display: block;
	width: 105px;
	height: 22px;
}
#wired a:hover
{
	background: url(../images/wired-on.png) no-repeat top left;
}

#gizmodo
{
	text-indent: -99999px;
	position: absolute;
	left: 791px;
	top: 285px;
}
#gizmodo a
{
	display: block;
	width: 108px;
	height: 15px;
}
#gizmodo a:hover
{
	background: url(../images/gizmodo-on.png) no-repeat top left;
}

#joystiq
{
	text-indent: -99999px;
	position: absolute;
	left: 793px;
	top: 312px;
}
#joystiq a
{
	display: block;
	width: 104px;
	height: 26px;
}
#joystiq a:hover
{
	background: url(../images/joystiq-on.png) no-repeat top left;
}

#gamasutra
{
	text-indent: -99999px;
	position: absolute;
	left: 793px;
	top: 348px;
}
#gamasutra a
{
	display: block;
	width: 104px;
	height: 32px;
}
#gamasutra a:hover
{
	background: url(../images/gamasutra-on.png) no-repeat top left;
}

#kotaku
{
	text-indent: -99999px;
	position: absolute;
	left: 792px;
	top: 391px;
}
#kotaku a
{
	display: block;
	width: 106px;
	height: 29px;
}
#kotaku a:hover
{
	background: url(../images/kotaku-on.png) no-repeat top left;
}