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 {
	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;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* Clearfix */

.clearfix {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.heightfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*+html .clearfix { /* IE 7 */
	zoom: 1;
}

* html .clearfix { /* IE 6 */
	height: 1%;
}

* html body {
/*\*/
	text-align: center;
/* */
}

/* Primary Styles */
body {
	margin: 0; padding: 0;
	font: 13px/20px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Tahoma", sans-serif;
	color: #444;
	background: #fff url(../images/bg-header.jpg) repeat-x top left;
	text-align: left;
}

/* -- Containers -- */
#wrap {
	background: url(../images/bg-footer.jpg) left bottom repeat-x;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#main {
	width: 960px;
	clear: both;
}

#content {
	float: left;
	width: 660px;
	text-align: left;
}

#sidebar {
	float: right;
	width: 270px;
	text-align: left;
}

/* -- Titles -- */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
}

h1, h2 {
	font-size: 28px;
	line-height: 1.2em;
	color: #73572C;
	letter-spacing: -1px;
}

h3 {
	font-size: 140%;
	line-height: 1.2em;
	color: #000;
}

/* -- Links -- */

a {
	text-decoration: underline;
	color: #369;
}
	
a:hover,
a:focus {
	color: #14426F;
}

/* -- Always useful -- */
strong { font-weight: bold; }
hr { display: none; }
p {font-size: 13px; margin-bottom: 10px; line-height: 20px;}
.i {font-style: italic;}
.center {text-align: center;}
.fleft {float: left;}

/* -- Header -- */
#header {
	position: relative;
	padding: 0;
	width: 960px; height: 160px;
	font-size: 1.2em;
}

body#home #mainmenu li.home a,
body#new #mainmenu li.new a,
body#all #mainmenu li.all a,
body#contact #mainmenu li.contact a {
	height: 60px;
}

h1#logo {
	position: absolute;
	left: 10px; top: 0;
	width: 210px; height: 185px;
	background: url(../images/logo-trans.png);
	z-index: 9;
}

h1#logo a {
	position: relative;
	display: block;
	left: 10px; top: 0;
	width: 210px; height: 185px;
	text-indent: -9999em;
}


#cheap {
	position: absolute;
	top: 41px; right: 0;
	width: 329px; height: 109px;
	/*background: url(../images/cheap-trans.png);*/
	z-index: 99;
	text-indent: -9999em;
}

#mainmenu {
position: absolute;
top: 90px; left: 220px;
float: left;
}

#mainmenu li {
float: left;
}

#mainmenu li a {
float: left;
display: block;
height: 50px;
text-indent: -9999em;
}
#mainmenu li a:hover,
#mainmenu li a:focus {
height: 60px;
}

#mainmenu li.home a {
	width: 94px;
	background: url(../images/home-trans.png);
}
#mainmenu li.new a {
	width: 157px;
	background: url(../images/new-trans.png);
}
#mainmenu li.all a {
	width: 142px;
	background: url(../images/all-trans.png);
}
#mainmenu li.contact a {
	width: 110px;
	background: url(../images/contact-trans.png);
}
	
/* -- Footer -- */
#footer {
	width: 960px;
	clear: both;
	height: 225px;
	font-size: 11px;
	color: #FFF;
	text-align: center;
}

#footer a {
color: #99CCFF;
padding: 5px;
}

#footer p {color: #ccc; font-size: 11px;}

#footer-nav {
padding-top: 20px;
}

#siteinfo {background: url(../images/foot-logo-trans.png) 10px 20px no-repeat; color: #fff; padding: 60px 0 0 75px; text-align: left;}

.gg728x15, .gg728x15b {margin: 10px 0 30px 190px; clear: both; overflow: hidden;}
.gg728x15b {margin-left: 0;}
.gg160x600 {text-align: center; margin-bottom: 15px;}

.pagination {
	clear:both;
	margin:10px;
	padding:3px;
	text-align:center;
	line-height:200%;
}

.page {color:#666; margin: 20px 0; text-align: center; clear: both; }
.page a, .page a:visited {text-decoration: none; background: #F0F0F0; border: 1px solid #9AAFE5; padding: 5px 7px; font-weight: bold; -moz-border-radius:2px;-webkit-border-radius:2px;}
.page a:hover {color: #000; border-color: #36c; text-decoration: none; background: #FFFF80;}
.page span {text-decoration:none; padding: 5px 7px; border:1px solid #fff; color:#555; font-weight: bold;}

#top10games {font: bold 13px/1.3 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', 'Tahoma', sans-serif;}
#top10games .t1, #top10games .t2, #top10games .t3, #top10games .t4, #top10games .t5, #top10games .t6, #top10games .t7, #top10games .t8, #top10games .t9, #top10games .t10 {background: url(../images/num.gif) 0 0 no-repeat; height: 70px; padding-left: 30px;}
#top10games img {float: left; margin-right: 5px;}
#top10games .t2 {background-position: 0 -70px;}
#top10games .t3 {background-position: 0 -140px;}
#top10games .t4 {background-position: 0 -210px;}
#top10games .t5 {background-position: 0 -280px;}
#top10games .t6 {background-position: 0 -350px;}
#top10games .t7 {background-position: 0 -420px;}
#top10games .t8 {background-position: 0 -490px;}
#top10games .t9 {background-position: 0 -560px;}
#top10games .t10 {background-position: 0 -630px;}
#top10games a {text-decoration: none;}

/* =feabox */
#feabox {width: 660px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.item {width: 220px; float: left; line-height: 1.3; overflow: hidden; text-align: center; margin-bottom: 10px; height: 190px;}
.item img {margin: 5px 0 2px 0;}
.item a, .item a:visited, .item a:hover {font-weight: bold; font-size: 13px;}
.item p {padding: 0 5px; margin: 5px 0; line-height: 1.2; font-size: 12px;}

#new .item {height: 220px;}

#ghotlist {clear: both; margin: 10px 0 20px 0; overflow: hidden;}
#ghotlist dl {width: 330px; float: left; margin-bottom: 10px; height: 85px; position: relative;}
#ghotlist dt {float: right; width: 233px; font-weight: bold; padding: 0 5px 3px 0; line-height: 1.3;}
#ghotlist dd {margin-left: 92px; line-height: 1.3; padding: 0 5px 0 0; font-size: 12px;}
#ghotlist dd.img {margin: 0; padding: 0;}
#ghotlist dd.img img {float: left; margin: 0 10px 0 0; padding: 0; border: 1px solid #ccc;}
#ghotlist dt .new {position: absolute; background: url(../images/new.jpg) 0 0 no-repeat; width: 28px; height: 10px; z-index: 3;}

#galllist {clear: both; margin: 10px 0 20px 0; overflow: hidden;}
#galllist dl {width: 320px; float: left; margin-bottom: 10px; height: 90px;}
#galllist dt {float: right; width: 227px; font-weight: bold; padding: 0 5px 3px 0; line-height: 1.3; font-size: 13px; position: relative;}
#galllist dt a {color: #636363;}
#galllist dd {margin-left: 88px; line-height: 1.3; padding: 0 5px 0 0;}
#galllist dd.img {margin: 0; padding: 0;}
#galllist dd.img img {float: left; margin: 0 8px 0 0; padding: 0;}
#galllist dt .new {position: absolute; background: url(../images/new.jpg) 0 0 no-repeat; width: 28px; height: 10px; z-index: 3;}

h3#title-all {text-align: center; border-top: 1px solid #ddd; padding-top: 20px; margin-bottom: 15px;}
.col {
	width: 235px;
	float: left;
	display: block;
	padding-right: 15px;
	padding-right: 5px;
}
.col ul {margin-bottom: 10px;}
.col li {
	padding-bottom: 3px;
	font-size: 12px;
}
.col a {text-decoration: none;}
.col a:hover {text-decoration: underline;}
.col span {font-weight: bold; color: #f30;}
.col li.char {font: bold 14px/1.5 arial, sans-serif;}

.list, .list2 {margin: 5px 0 20px 20px;}
.list li {background: url(../images/dot.gif) 0 7px no-repeat; padding-left: 12px;}
.list2 li {background: url(../images/dot4.gif) 0 7px no-repeat; padding-left: 12px;}


.box {background:url(../images/box-bg.gif) repeat-x top; margin:0 0 10px 0;}
.box .inner{
	padding:14px 14px 9px 14px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	clear: both; overflow: hidden;
}
.box h3.title, .box h3.title-red {
	background:url(../images/title-bg.jpg) top right no-repeat #C3A26F;
	background-position:5px 0;
	height:20px;
	padding:4px 0 0 15px;
	border-right:solid 1px #ccc;
	font-weight: bold;
	font-variant: small-caps;
	color: #42301C;
	margin: 0;
	font-size: 13px;
}
.box h3.title-red {background:url(../images/title-bg.jpg) top right no-repeat #CC8037; background-position:5px 0; }

#sidebar #related-games {margin: 0 0 10px 15px; clear: both; display: block;}
#sidebar #related-games li {float: left; width: 95px; height: 100px;}
#sidebar h5 { 
	border-bottom: 1px solid #fff;
	color: #7F7F7F;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 22px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#genreinfo {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px;}
#alllink {background: url(../images/dot2.gif) 0 center no-repeat; font: bold 18px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', 'Tahoma', sans-serif; padding-left: 28px; margin: 0 0 20px 50px;}
a#rss {background: url(../images/rss.gif) right center no-repeat; padding-right: 50px;}
#spon-link {margin-left: 10px;}
#spon-link li {background: url(../images/dot3.gif) 0 8px no-repeat; padding-left: 10px; font-size: 13px; margin-bottom: 5px;}
#spon-link li a {text-decoration: none;}

.cl {clear: both; overflow: hidden; height: 0;}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}