body{
	padding: 0px;
	margin: 0px;
	background: #fff url("b_body.gif") 0 0 repeat-x;
	color: #848484;
	font: 10px/12px Tahoma, sans-serif;
}

div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
img {border: none;}

.clear {clear: both; margin: 0px; height: 0px;}

p a{font:10px/12px Tahoma, sans-serif; color:#60b13b; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:11px/14px Trebuchet MS, sans-serif; color:#464646; font-weight:bold}
p.subtitle{font:11px/12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-transform:uppercase; display:block; border-bottom:#b2b2b2 1px dotted; padding-bottom:10px; padding-left:3px}

#container{width:950px; margin:0 auto; position:relative; background:url(b_header.jpg) 0 0 no-repeat;}

/* HEADER */

#header{height: 124px; position: relative; margin: 0 auto;}

#logo{position: absolute; top: 14px; left: 51px;}

#searchForm{position: absolute; top: 21px; left: 473px;}

#searchForm img#h_search{float:left; margin-right:5px; padding-top:1px}
#searchForm input{width:112px; height:14px; background:#4a4a4a; float:left; margin-right:5px; font:10px/12px Tahoma, sans-serif; color:#fff; border:none}
#searchForm img#submit{float:left; padding-top:1px}

#header ul.menu {position: absolute; top: 58px; /*left: 123px;*//* width: 795px;*/}
#header ul.menu li {float: left; height: 48px; margin-left: 14px;}
#header ul.menu li:first-child {float: left; height: 48px; margin-left: 0px;}
#header ul.menu li a {height: 100%;/*width: 97px; height: 97px; display: block; text-indent: -20000px;*/}
#header ul.menu li:hover {
	background: #DDDDDD;
/*	cursor: pointer;*/
}

#header ul.menu li {background: white; border: 1px solid #CCC; line-height: 48px;}
#header ul.menu li a {font:14px/18px Tahoma, sans-serif; color: black; text-decoration: none; padding-right: 4px;}
#header ul.menu li a img {padding: 4px; float: left;}

/*
#header ul.menu li.home a {background:url(btn_1.jpg) 0 0 no-repeat; }
#header ul.menu li.home a:hover {background:url(btn_1_over.jpg) 0 0 no-repeat;}

#header ul.menu li.previews a{background:url(btn_2.jpg) 0 0 no-repeat; }
#header ul.menu li.previews a:hover{background:url(btn_2_over.jpg) 0 0 no-repeat;}

#header ul.menu li.reviews a{background:url(btn_3.jpg) 0 0 no-repeat; }
#header ul.menu li.reviews a:hover{background:url(btn_3_over.jpg) 0 0 no-repeat;}

#header ul.menu li.new a{background:url(btn_4.jpg) 0 0 no-repeat; }
#header ul.menu li.new a:hover{background:url(btn_4_over.jpg) 0 0 no-repeat;}

#header ul.menu li.top a{background:url(btn_5.jpg) 0 0 no-repeat; }
#header ul.menu li.top a:hover{background:url(btn_5_over.jpg) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{background:url(btn_6.jpg) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{background:url(btn_6_over.jpg) 0 0 no-repeat;}
*/
/* CONTENT */

#content{width:950px; position:relative; margin:0 auto; clear:both;}

#leftPan {width: 550px; float: left;}
#rightPan {width: 380px; float: right;}

/*	LEFT	*/
	
#welcome{width: 550px; margin-left: 11px; margin-bottom: 30px;}
#welcome h2{font:18px/22px Tahoma, sans-serif; height: 60px; position: relative; background: url(h_welcome.gif) 0 0 no-repeat; margin-bottom: 32px;}
#welcome p.subtitle{margin-bottom: 15px;}

#welcome ul{width: 185px; float: left;}
#welcome ul li{font: 10px/14px Tahoma, Geneva, sans-serif; background: url(check.gif) 0 0 no-repeat; padding-left: 22px; height: 20px;}
#welcome ul li a{color: #878787; text-decoration: underline;}
#welcome ul li a:hover{color: #000; text-decoration: none;}
#welcome ul#leftlist{margin: 0px 10px 0px 3px;}


#previews h2{font:20px/24px Tahoma, sans-serif; text-transform:uppercase; height: 23px; position: relative; margin-bottom: 13px; padding-left: 16px;}

#previews p span.headline{display: block; margin-bottom: 2px;}

.previewItem01 {display: block; height: 108px; background: #f7f7f7; margin-bottom: 5px;}
.previewItem02{display: block; height: 108px; margin-bottom: 5px;}

.previewItem01 img,
.previewItem02 img {float: left; margin: 4px 14px 0 18px; width: 100px; height: 100px;}

.previewItem01 .previewText,
.previewItem02 .previewText {width: 410px; margin-right: 6px; float: left; margin-top: 7px;}

.previewItem01 a,
.previewItem02 a {color: #878787;}

.previewItem01 .score,
.previewItem02 .score {width: 47px; height: 47px; background: url(b_score.gif) 0 0 no-repeat; margin: 14px 6px; float: right;}

.previewItem01 .score p,
.previewItem02 .score p {text-align: center; font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; padding-top: 3px;}
.previewItem01 .score p span,
.previewItem02 .score p span {font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }

/*	RIGHT	*/

#ad {margin-bottom: 20px;}
#ad img#mainImg {margin: 0px; height: 199px; border: 10px solid #CCC;}
#description {height: 85px; background: url(back_feat.gif) 0 0 no-repeat; position: relative;}
#title {width: 360px; margin: 0px 0 0 22px;}
#title h2 {font:18px/22px Tahoma, sans-serif; text-transform:uppercase; font-weight: bold; color: #0db9e1; height: 19px; /*background: url(name_feat.gif) 0 0 no-repeat;*/ margin-bottom: 10px;}
#title a {text-decoration: none;}
#title a:hover {color: #0db9e1; text-decoration: underline;}

#stars{width:80px; /*position:absolute; top:11px; left:281px*/}
#stars img{margin-bottom:5px; clear:both}
#stars p{text-align:right; font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484;}
#stars p span{ font-weight:bold}

#description ul{width: 90px; height: 29px; float: right; /*position: absolute; top: 56px; left: 277px;*/ background: url(b_btn_feat.gif) 0 0 no-repeat;}
#description ul li{text-align: center; padding-top: 8px;}
#description ul li a{font: 11px/14px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase;}
#description ul li a:hover{color: #c0e4f6;}



#new {width: 370px; margin-left: 10px; margin-bottom: 10px;}
#new h2 {font: 18px/22px Tahoma, sans-serif; text-transform: uppercase; height: 23px; position: relative; margin-bottom: 17px;}
.newgame {width: 370px; float: left; margin-right: 10px; margin-bottom: 13px;}
.newgame img {float: left; margin-right: 10px;}
.newgame p {width: 250px; margin-bottom: 10px; padding-top: 2px; float: left;}
.newgame ul.btn_more {float: left; height: 14px;}
.newgame ul.btn_more li { height: 14px; background: url(arrow.gif) 0 0 no-repeat; padding-left: 22px;}
.newgame ul.btn_more li a {font: 11px/12px Arial, Helvetica, sans-serif; color: #b2b2b2; text-decoration: none; text-transform: uppercase;}
.newgame ul.btn_more li a:hover {color: #000;}

#random {width: 340px; margin-left: 21px;}
#random h2 {font: 18px/22px Tahoma, sans-serif; text-transform: uppercase; height: 23px; position: relative; margin-bottom: 17px;}
#random p.subtitle {margin-bottom: 10px;}
#random img {float: left; margin-right: 10px;}
#random p span.headline {display: block; margin-bottom: 2px; padding-top: 2px;}
#random p a{color: #848484; text-decoration: none;}
#random p a:hover{text-decoration: underline;}

/* FOOTER */

#footer{height: 90px; clear: both; margin: 15px auto 0 auto; background: url(b_footer.gif) 0 0 repeat-x}
#footer p{padding: 25px 0 0 0; font: 12px/16px Tahoma, Geneva, sans-serif; font-weight: normal; text-align: center; color: #848484;}
#footer p a{font: 12px/16px Tahoma, Geneva, sans-serif; font-weight: normal; color: #848484; text-decoration: none; padding: 0 3px;}
#footer p a:hover{text-decoration: none; background: #848484; color: #fff;}


div.download {
	text-align: center;
}

.download a {
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;

	background: url("download.png") top left no-repeat;
	border: 0px;
	text-align: center;

	padding: 9px 7px 7px 23px;
/*	height: 40px;*/
	line-height: 40px;
}

.download a:hover {
	background-image: url("download_hover.png");
}


.game_detail {
	width: 950px;
	border: 1px solid #CCC;
	background: #f7f7f7;
}

.game_detail img.poster {
	float: left;
	margin: 9px;
	border: 1px solid #CCC;
}

.game_detail img.icon {
	float: left;
	margin: 4px;
	border: 1px solid #CCC;
}

.game_detail h1, .game_detail h2 {
	margin: 12px 4px;
}

.game_detail p {
	margin: 4px;
}
