html, body { height: 100%; 	margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	background:	#dfddcd url("/i/bg_body.jpg") repeat;
}
img { border: 0; }

h1, h2, h3 { margin: 0; padding: 0; }

.bspacer { clear: both; display:block; height: 10px; }

#main {
	min-width: 989px;
	width: 989px;
	height: 100%;
	min-height: 100%;
	margin-top: 49px;
	margin-bottom: -180px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
}

html>body #main { height: auto; }

#container {
	width: 989px;
	margin: 0;
	padding: 165px 0 0 0;
	vertical-align: top;
}

#genres {
	display: inline-block;
	width: 989px;
	margin: 0;
	padding: 10px 0 8px 9px;
	background: url('/i/bg_genres.gif') repeat-y;
	
}
#genres a {
	float: left;
	display: block;
	width: 181px;
	height: 24px;
	margin: 2px 2px 0 0;
	padding: 5px 0 0 8px;
	color: White;
	background-color: #9f9160;
	text-decoration: underline;
	text-align: left;
}
#genres a:hover { color: Black; background: url('/i/bg_genre_hover.gif') no-repeat; }
#genres a.selected { color: #704900; background: url('/i/bg_genre_selected.gif') no-repeat; font-weight: bold; }
#genres .spacer { width: 10px; height: 10px; float: left; clear: both; }
#round_genres { clear: both; display: block; height: 10px; background: url('/i/round_genres.gif') no-repeat; }

#subgenres {
	display: inline-block;
	width: 989px;
	margin: 0;
	padding: 6px 0 0 9px;
	background: url('/i/bg_subgenres.gif') repeat-y;
}
#subgenres a {
	float: left;
	display: block;
	width: 181px;
	height: 24px;
	margin: 2px 2px 0 0;
	padding: 5px 0 0 8px;
	color: #555555;
	background-color: #ece9df;
	text-decoration: underline;
	text-align: left;
}
#subgenres a:hover { color: Black; background: url('/i/bg_subgenre_hover.gif') no-repeat; }
#subgenres a.selected { color: White; background: url('/i/bg_subgenre_selected.gif') no-repeat; font-weight: bold; }
#subgenres .spacer { width: 10px; height: 10px; float: left; clear: both; }
#round_subgenres { clear: both; display: block; height: 10px; background: url('/i/round_subgenres.gif') no-repeat; }

#leftB, #rightB {
	float: left;
	display: block;	
	width: 296px;
	padding: 0px;
}
#leftB { margin: 0 0 0 10px; }
#rightB { margin: 0; }
#leftB h1 { height: 20px; font-size: 12px; color: #767259; background: url('/i/bg_h1_new.gif') no-repeat; margin-bottom: 10px; padding: 5px 5px 5px 10px; }
#rightB h1 { height: 20px; font-size: 12px; color: #767259; background: url('/i/bg_h1_new.gif') no-repeat; margin-bottom: 10px; padding: 5px 5px 5px 10px; }

#leftB .game_container, #rightB .game_container { width: 296px; height: 83px; margin: 0 0 10px 0; padding: 5px 0 5px 0; background-position: top left; background-repeat: no-repeat; }
#leftB .game_icon, #rightB .game_icon { float: left; width: 79px; height: 79px; margin: 0; padding: 2px 0 0 36px; }
#leftB .game_name, #rightB .game_name { width: 170px; height: 79px; margin: 0; padding: 0 0 0 122px; color: Black; }
#leftB .game_date, #rightB .game_date { float: left; margin: -21px 0 0 117px; padding: 5px; font-size: 11px; color: #706d42; }

#leftB a, #rightB a { color: Black; font-weight: bold; }
#leftB span, #rightB span { display: block; margin-top: 25px; color: #777777; font-size: 30px; font-weight: bold; }

#centerB {
	float: left;
	display: block;	
	width: 336px;
	margin: 0;
	padding: 0 21px 10px 21px;
}
#centerB h1 { height: 20px; font-size: 12px; color: #767259; background: #f1edd3 url('/i/bg_h1_feat.gif') no-repeat; margin-bottom: 10px; padding: 5px 5px 5px 10px; }

#social_genre { width: 494px; height: 36px; margin-bottom: 2px; padding: 8px 0 0 10px; background: url('https://www.alivegames.com/i/bg_social.gif') no-repeat; }

#longD {
	float: left;
	display: block;	
	width: 494px;
	margin: 0 10px 0 0px;
	padding: 0;
}
#longD h1 { height: 20px; font-size: 12px; color: #767259; background: #f1edd3 url('/i/bg_h1_long.gif') no-repeat; margin-bottom: 10px; padding: 5px 5px 5px 10px; }
#longD .game_container { clear: both; width: 494px; height: 83px; margin: 0 0 10px 0; padding: 5px 0 5px 0; background: url('/i/column_long.gif'); background-position: top left; background-repeat: no-repeat; }
#longD .game_icon { float: left; width: 79px; height: 79px; margin: 0; padding: 2px 0 0 10px; }
#longD .game_name { margin: 0; padding: 0 0 0 98px; color: Black; }
#longD .game_desc { width: 390px; margin: 0; padding: 5px 0 0 98px; color: #333; }
#longD .game_tags { float: left; margin: -5px 0 0 5px; padding: 5px; font-size: 11px; color: #333; }
#longD a { color: Black; font-weight: bold; }
#longD a:hover { color: #801b00; font-weight: bold; }

#longD #sort { display: block; margin: -35px 10px 16px 0; font-size: 12px; font-weight: bold; color: #767259; text-align: right; }
#longD #sort a { color: #b4ae85; }
#longD #sort a:hover { color: #767259; }


#ads160 {
	float: left;
	display: block;	
	width: 160px;
	margin: 0;
	padding: 0 10px 10px 10px;
}
#ads160 h1 { height: 20px; font-size: 17px; color: White; background: Yellow url('/i/bg_h1_160.gif') no-repeat; margin-bottom: 10px; padding: 5px 5px 5px 10px; }




















#gameB {
	float: left;
	display: block;	
	width: 664px;
	margin: 0 10px 0 10px;
	padding: 0;
}
#gameB h2 { height: 20px; font-size: 12px; color: #767259; background: url('/i/bg_h1_game.gif') no-repeat; margin-bottom: 10px; padding: 5px 5px 5px 10px; }
#gameB a { color: #767259; }

#gameB #leftG { float: left; width: 175px; }
#gameB #leftG a { color: Black; }
#gameB #leftG h3 { height: 20px; font-size: 12px; clear: both; background: url('/i/bg_h1_watch.gif') no-repeat; margin-bottom: 10px; padding: 5px 5px 5px 10px; }

#gameB #rightG { float: right; width: 469px; padding: 0 10px 0 10px; }
#gameB #rightG h1 { font-size: 17px; margin: 10px 0 10px 0; padding: 0; color: Black; background: none; }
#gameB #rightG h2 { font-size: 17px; margin: 10px 0 10px 0; padding: 0; color: Black; background: none; }
#gameB #rightG #shots { width: 446px; height: 140px; background: url('/i/bgr_shots.gif') no-repeat; margin: 10px 0 0 0; padding: 23px 0 0 23px; }
#gameB #rightG #shots img { margin: 0 23px 0 0; }

#gameB #rightG ul { margin: 10px 0 0 0; padding: 0; }
#gameB #rightG li { margin: 0 0 0 20px; padding: 0; list-style: url(i/li.gif);  }

#gameB #b_download { clear: both; float: left; width: 160px; height: 21px; margin-top: 10px; padding: 20px; }
#gameB #b_buy { clear: both; float: left; width: 160px; height: 21px; margin-top: 10px; padding: 20px; }
#gameB #b_other { clear: both; float: left; width: 160px; height: 21px; margin-top: 10px; padding: 20px; }
#gameB #b_download a, #gameB #b_buy a, #gameB #b_other a { font-size: 13px; color: Black; }


























#header {
	position: absolute;
	top: 70px;
	width: 989px;
	height: 87px;
	margin: 0 auto 0 auto;
	background: url("/i/bg_header.jpg") no-repeat;
}







#header #platforms {
	position: absolute;
	top: 87px;
	margin: 0;
	padding: 0 0 0 10px;
}

#header #platforms a {
	float: left;
	display: block;
	width: 194px;
	height: 57px;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	color: #b17a55;
	font-size: 13px;
	font-weight: bold;
	background: url('/i/bg_platforms.jpg') no-repeat;
	text-decoration: underline;
	text-align: center;
}
#header #platforms a:hover { color: #704900; background: url("/i/bg_platforms_hover.jpg") no-repeat; }
#header #platforms .selected, #header #platforms .selected:hover { color: White; font-weight: bold; padding: 15px 0 0 0; background: url('/i/bg_platforms_active.jpg') no-repeat; }






#clear {
	height: 180px;
	clear: both;
}














#topline {
	position: absolute;
	top: 0;
	width: 100%;
	height: 70px;
	color: White;
	background-color: Black;	
}

#topline #social {
	width: 989px;
	height: 70px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	background: url('/i/bg_topline.jpg') no-repeat;
	/*text-align: right;*/
}
#topline #social h1 { float: right; margin: 2px 10px 0 0; font-size: 15px; color: #999; }
#topline #social a { color: #afafaf; text-decoration: none; }
#topline #social a:hover { color: White; text-decoration: underline; }
#topline #social img { vertical-align: text-bottom; }

#topline #search {
	width: 989px;
	height: 70px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	/*text-align: right;*/
}

#search-form {
	float: left;
	margin: -3px 20px 0 5px;
	position: relative;
}

#search-form #search-query {
	width: 170px;
	height: 18px;
	font: 12px Arial, sans-serif;
	color: #ccc;
	background: #555;
	border: 1px solid #777;
	margin: 0;
	padding: 3px 0 0 5px;
}

#search-form #search-query:hover {
	background: #777;
	color: #fff;
}

#search-form #search-button {
	width: 23px;
	height: 23px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	background-image: url('/i/glass.gif');
	border: 0;
	cursor:pointer;
}



#footer {
	width: 100%;
	height: 180px;
	background: Black url("/i/bg_footer.gif") no-repeat center;
	line-height: 250%; 
}
#footer a { color: #aaa; }
#footer a:hover { color: White; }

#footer #content {
	width: 989px;
	height: 180px;
	margin: 0 auto 0 auto;
	padding: 0;
	color: White;
}
#footer .block1 { float: left; width: 190px; margin: 35px 10px 0 0; }
#footer .block2 { float: right; margin: 30px 10px 0 0; color: #aaa; text-align: right; }

#pages { width: 491px; height: 30px; margin: 15px 0 0 0; padding: 4px 0 0 2px; text-align: center; background: #e3e0d0 url("/i/bg_pages.gif") no-repeat; }
#pages a, #pages span { display: block; float: left; width: 25px; height: 22px; margin: 0 2px 0 2px; padding: 4px 0 0 0; font-size: 11px; font-weight: normal; }
#pages a { color: Black; background: White url("/i/bg_pages_a.gif") no-repeat; }
#pages a:hover { color: White; background: #ec6c14 url("/i/bg_pages_a_selected.gif") no-repeat; }
#pages a.nextprev { width: 52px; background: White url("/i/bg_pages_np.gif") no-repeat; }
#pages span.nextprev { width: 52px; color: #999; }
#pages span.current { width: 25px; height: 22px; margin: 0 2px 0 2px; padding: 4px 0 0 0; color: White; background: #ec6c14 url("/i/bg_pages_a_selected.gif") no-repeat; font-weight: bold; }
#pages a.nextprev:hover { background: #ec6c14 url("/i/bg_pages_np_selected.gif") no-repeat; }