html {
    background: #999999 url('http://gamesane.com/images/bodybg.jpg') repeat-x top left;
    height: 100%;
    margin: 0 0 1px;
    padding:20px;
}
 
body {
    background: #FFFFFF url('http://gamesane.com/images/head_bg.gif') repeat-x top left;
    color: #052A54;
    font: 80% Verdana, Helvetica, Arial, sans-serif;
    margin: 0 auto;
    padding: 0px;
    width: 760px;
}

#head {
    width:760px;
    background: url('http://gamesane.com/images/head_right.gif') no-repeat top right;
    margin-bottom:0px;
    padding:0px;
    height:101px;
    overflow:hidden;   
}
#head form {
    margin:0px;
}
#nav {
    background-color:#052A54;
    width:760px;
    overflow: hidden;
    height:35px;
    margin:0px;
    padding-top:0px;
}

#nav ul {
margin:0px;
padding:10px 10px 0px 10px;
list-style:none;
}
#nav li {
display:inline;
margin:0px;
padding:0px;
}
#nav a {
float:left;
background:url("http://gamesane.com/images/tab_left.gif") no-repeat left top;
margin:0px;
padding:0px 0px 0px 4px;
text-decoration:none;
}
#nav a span {
float:left;
display:block;
background:url("http://gamesane.com/images/tab_right.gif") no-repeat right top;
padding:5px 11px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span {
color:#FFF;
}
#nav a:hover {
background-position:0% -42px;
}
#nav a:hover span {
background-position:100% -42px;
}


#content {
padding:10px 0px 10px 0px;
float:left;
width:500px;
}

#extra {
width:225px;
float:right;
background:url("http://gamesane.com/images/extra_bg.gif") repeat-y left top;
padding-top:10px;
}

#extra table {
margin-left:10px;
}

#extra p {
margin-right:10px;
margin-left:20px;
}

li img {
vertical-align:middle;
}

#extra h1, #extra h2, #extra h3 {
text-align:center;
}

.l img, #tg img  {
float:left;
margin-right:10px;
}
.r img {
float:right;
margin-left:10px;
}

h1 {
font-size:18px;
}
h2 {
font-size:16px;
}
h3 {
font-size:14px;
}
h4 {
font-size:16px;
text-align:center;
}
.gl td {
vertical-align:top;
text-align:center;
}

#tg {
border: 1px solid #052A54;
padding:10px;
}

#tg a {
font-weight:bold;
font-size:12px;
}
.top td {
vertical-align:top;
}

#bi {
width:250px;
float:right;
text-align:right;
margin:42px 20px 0px 0px;
overflow:hidden;
}

#foot {
clear:both;
width:760px;
background-color: #052A54;
color: #FFFFFF;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}
#foot a:link, #foot a:visited {
color:#ffffff;
}

table.tgl td {
padding-bottom:7px;
}
table.tgl td img {
margin-top:10px;
}


a{ text-decoration:none; color:#0549c9;}
a:hover{ text-decoration:underline; color:#008800;}

h1,h2,h3,h4,h5{
	margin:0px;
	padding:0px;
}

h1{ font-size:20px; }
h2{ font-size:18px; }
h3{ font-size:16px; color:#00305b;}
h4{ font-size:14px; }
h5{ font-size:12px; }

#content ul { margin: 0; padding : 0; list-style : none; }

img{ border:none;}

/* page layout */

#page{
	margin:0px auto;
	padding:0px;
	width:760px;
	background:transparent url(images/layout_tile.gif) top left repeat-y;
}

#header{
	margin:0px;
	padding:0px;
	width:758px;
	height:141px;
	background: transparent url(images/header.gif) top left repeat-x;
	border-right: 1px solid #bed7e3;
	border-left:1px solid #bed7e3;
	overflow:hidden;
}
/*
#content{
	margin:0px;
	padding:0px 0px 14px 0px;
	width:760px;
	background: transparent url(images/layout_bottom.gif) bottom left no-repeat;
}

 content elements */

#main{
	margin:0px 0px 0px 15px;
	padding:0px;
	width:570px;
	float:left;
}

#sidebar{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:155px;
	float:right;
}

#footer{
	margin:0px;
	padding:34px 0px 0px 0px;
	width:760px;
	clear:both;
	background:#d4e3f0 url(images/layout_top.gif) left 20px no-repeat;
}

#fcontent{
	margin:0px;
	padding:0px;
	height:40px;
	background:transparent url(images/layout_tile.gif) top left repeat-y;
}

#copyright{
	background:#d9d9d9;
}

/* header elements */

#header h1, #header h2{
	position:absolute;
	top:0px;
	margin:0px;
	color:#ffffff;
}

#header h1{
	/* padding:0px 0px 0px 122px; */
	padding:0px 0px 0px 35px;	
	height:107px;
	left:0px;
	/* background:transparent url(images/logo.jpg) left top no-repeat; */
	line-height:105px;
	text-align:left;
	font-size:30px;
}

#header h2 {
	right:-1px;
	padding-right:20px;
	width:293px;
	height:109px;
	line-height:139px;
	text-align:right;
	background: transparent url(images/bubbles.gif) top right no-repeat;

}

#utility{
	position:absolute;
	top:0px;
	right:-1px;
	display:inline;
	margin:0px;
	padding:0px 0px 0px 44px;
	height:25px;
	background: transparent url(images/utility.gif) top left no-repeat;
	z-index:100;
}

#utility h4{
	display:none;
}

#utility p{
	margin:0px;
	padding:0px 20px 0px 10px;
	height:25px;
	float:left;
	line-height:25px;
	background-color:#ffffff;
}


/* box style used for page layout borders
   search borders and browse borders */

.box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8 {display:inline; relative; float:left; }

div.box1,div.box5 { background-position: left top; }
div.box2,div.box6 { background-position: right top; }
div.box3,div.box7 {	background-position: right bottom; }
div.box4,div.box8 { background-position: left bottom; }

div.box1,div.box3 { background-repeat: repeat-x; }
div.box2,div.box4 { background-repeat: repeat-y; }
div.box5,div.box6,div.box7,div.box8 { background-repeat: no-repeat;	}
div.box1.noBG, div.box1 div.noBG { background-image: none !important;}

 .box1 { background-image: url(images/body_top.gif); }
 .box2 { background-image: url(images/body_right.gif); }
 .box3 { background-image: url(images/body_bottom.gif); }
 .box4 { background-image: url(images/body_left.gif); }
 .box5 { background-image: url(images/body_tl.gif); }
 .box6 { background-image: url(images/body_tr.gif); }
 .box7 { background-image: url(images/body_br.gif); }
 .box8 { background-image: url(images/body_bl.gif); padding: 15px; }

/* general game classes */

.clearfix{
	clear:both;
	height:1px;
}

.centerme{
	text-align:center;
}

.strongtext{
	font-weight:bold;
}

/* generic button style */

.button{
    background: transparent url(images/divider.gif) top left repeat-x;
	border:1px solid #8dbde3;
	border-right-color:#0066c6;
	border-bottom-color:#0066c6;
	color:#0549ad;
}

.textbox{
	border:1px solid #0066c6;
	border-right-color:#8dbde3;
	border-bottom-color:#8dbde3;
	background-color:#d4e3f0;
}

/* BUTTONS */

a.btn{
	margin:10px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    position: relative;
    float: left;
    font-weight: bold;
    color: #ffffff;
    background: transparent url(images/btn_right.gif) top right no-repeat;
    text-decoration:none;
}

a.btn:hover{
    background-position: right bottom;
    text-decoration:none;
    cursor:pointer;
}

a.btn span{
    display: inline;
    position: relative;
    float: left;
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #ffffff;
}

a.btn span{
    height: 25px;
    font-size: 14px;
    line-height: 14px;
    padding: 9px 0px 0px 40px;
    background-image: url(images/btn_arrow.gif);
}

a.btn_download span{
    background-image: url(images/btn_download.gif);
}

a.btn_cart span{
    background-image: url(images/btn_cart.gif);
}

a.btn:hover span{
    background-position: left bottom;
}

/* MAIN GAME CONTAINER DIV */

div.gamecontainer{
	margin:0px;
	padding:0px;
	text-align:center;
}

/* GAMES TABLE STYLES
used game container tables */

table.games{
	margin:0px 0px 0px 20px;
	padding:0px;
	width:500px;
	text-align:center;
	border:none;
}

table.games td{
	text-align:left;
	vertical-align:top;
}

table.games td.twofifths{
	width:200px;
}

table.games td.threefifths{
	width:300px;
}

table.games td.padtop{
	margin:0px;
	padding:20px 0px 0px 0px;
}

/* NOT SURE IF WE STILL NEED THIS ONE
.description{
	margin-bottom:10px;
	font-weight:bold;
	color:#008800;
}
*/
/* SCREENSHOT TABLE */
table#screenshots{
	margin:10px 0px 0px 0px;
	padding:0px;
	width:100%;
}

table#screenshots td{
	margin:0px;
	padding:4px;
	text-align:center;

}

/*  SUBFEATURE LINE */
table.games td.gameline{
	padding:0px 10px;
	border-left:1px solid #8dbde3;
}

/* games ul */

ul.fgame, ul.game{
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.fgame{
	margin:0px auto;
	padding:30px 0px 0px 0px;
	width:200px;
	float:none;
	clear:both;
}

ul.game{
	width:100px;
	float:left;
}

ul.fgame li, ul.game li{
	display:block;
	margin:0px;
	padding:2px 0px 0px 0px;
}

ul.fgame li{
	width:200px;
	text-align:center;
	float:none;
}

ul.game li{
	width:100px;
	float:left;
}

li.fimage, li.image{
	float:none;
}

/* FEATURE GAME BLOCK */

#feature ul.fgame li.fimage{
	padding:30px 0px 0px 0px;
}

#feature ul.fgame li.ftitle{ width:200px; text-align:center; }

#feature ul.fgame li.ftitle a{
	font-weight:bold;
}

/* main title game links */

#main ul.game li.title{
	margin:0px;
	padding:0px 0px 2px 0px;
}

#main p.title{
	margin:0px;
	padding:0px 0px 4px 0px;
}

#main ul.game li.title a, #main p.title a{
	font-weight:bold;
}

#main ul.game li.number{
	padding:0px 0px 2px 0px;
	line-height:12px;
	color: #339900;
	font-weight: bold;
}

/* FEATURE BOX
The round borders that display around the feature image
*/
div.feature_tile{
	margin:0px;
	padding:0px;
	width:200px;
	height:100%;
	background:#ffffff url(images/feature_tile.gif) top left repeat-y;
}

div.feature_top{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:200px;
	height:100%;
	background:transparent url(images/feature_top.gif) top left no-repeat;
}

div.feature_bottom{
	margin:0px;
	padding:0px 0px 10px 0px;
	width:200px;
	height:100%;
	background:transparent url(images/feature_bottom.gif) bottom left no-repeat;
}

div.featurenew{
	background:transparent url(images/newgame_top.gif) top left no-repeat;
}

div.featuretop{
	background:transparent url(images/topgame_top.gif) top left no-repeat;
}

/* GENRELIST STYLES */

h3.genrecaption{
	font: verdana arial, sans-serif;
	margin:0px;
	padding:20px 30px;
	text-align:left;
    font-size: 16px;
    font-weight: bold;
}

h3.genrecaption strong{
		color: #339900;
}

h3.genrecaption span{
	color: #339900;
	font-size:10px;
}

#genrelist a{
	height:24px;
	padding: 0px 0px 2px 0px;
	display:block;
	font-size:11px;
}

/* GAMEINFO PAGE LAYOUT */

h3#extitle a{
	font-size:18px;
	text-decoration:none;
}

h3#extitle a:hover{
	font-size:18px;
	text-decoration:underline;
}

#feature a.btn{
	margin-left:40px;
}

#feature p{
	clear:both;
}

/* BROWSE AND SEARCH PAGE LAYOUTS */

#searchbox, #browsebox{
	height:100px;
}

#searchbox h3, #browsebox h3{
	margin-bottom:10px;
}

/* SEARCH AND BROWSE BOTH ARE ON WHITE BACKGROUNDS
SO WE NEED TO USE ALT IMAGES FOR THERE CORNERS */
#searchbox .box5, #browsebox .box5{ background-image: url(images/body_tl_white.gif); }
#searchbox .box6, #browsebox .box6{ background-image: url(images/body_tr_white.gif); }
#searchbox .box7, #browsebox .box7{ background-image: url(images/body_br_white.gif); }
#searchbox .box8, #browsebox .box8{ background-image: url(images/body_bl_white.gif); }

#searchbox .box8, #browsebox .box8{
	width:540px;
}

.game_articles {
	margin: 0px 0px 20px 15px;
	padding: 0px;
	text-align: justify;
	color: #333333;
	border-bottom: 1px solid #dcdcdc;
}

.game_articles h3{
	margin:0px 0px 5px 0px;
	padding:0px;
}

.game_articles h3 a{
	font-size:14px;
}

.genre {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #dcdcdc;
 }

.game_articles img{
	marin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	border:none;
}

/* used on both browse and search pages */

.paginate{
	padding:10px;
}

/* MENUS */

#lang {
padding-left:20px;
}