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

html       { min-height: 100%; background: #2f2a2a url(images/footbg.png) no-repeat bottom; }
body       { font-family: verdana, sans-serif; font-size: 10px; color: #736a68; }
a          { color: #aba09e; }
.cl        { clear: both; }
.container { width: 839px; margin: 20px auto 0; }


/* splash image ********************/

.content {
float: left;
width: 600px;
}

	.content .splashbg {
	width: 600px;
	height: 600px;
	}
	
	.content .splashhover {
	display: block;
	width: 600px;
	height: 0;
	padding-top: 600px;
	overflow: hidden;
	}
	
	.content .splashhover:hover { background: url(images/splash_hover.png) no-repeat center; }


/* sidebar ********************/

.sidebar {
float: left;
width: 239px;
background-color: #000000;
}

	.sidebar .welcome {
	height: 95px;
	background: url(images/side_welcome.png) no-repeat;
	}

	.sidebar .members,
	.sidebar .tour {
	display: block;
	overflow: hidden;
	width: 239px;
	height: 0;
	padding-top: 64px;
	background-image: url(images/side_sprite.png);
	}
	
	.sidebar .members       { background-position: 0 0; }
	.sidebar .members:hover { background-position: -239px 0; }
	.sidebar .tour          { background-position: 0 -64px; }
	.sidebar .tour:hover    { background-position: -239px -64px; }
	
	.sidebar .mid {
	height: 303px;
	background: url(images/side_bg.png) no-repeat;
	overflow: hidden;
	}
	
	.sidebar .links {
	padding-top: 10px;
	font-size: 12px;
	color: #4b4b4b;
	line-height: 18px;
	text-align: center;
	}
	
	.sidebar .links a       { text-decoration: none; color: #808080; }
	.sidebar .links a:hover { text-decoration: underline; }
	.sidebar .links .big    { font-size: 18px; line-height: 28px; }
	
	.sidebar .join {
	display: block;
	overflow: hidden;
	width: 239px;
	height: 105px;
	border: none;
	padding: 105px 0 0;
	margin: 0;
	cursor: pointer;
	background-color: transparent;
	background-image: url(images/side_sprite.png);
	background-position: 0 -128px;
	}
	
	.sidebar .join:hover { background-position: -239px -128px; }
	
	.sidebar .latestupdate {
	padding: 20px 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #e8007d;
	text-align: center;
	}
	
	.sidebar .hider { padding-left: 26px; }



/* banners ********************/

.banners {
width: 485px;
padding-top: 20px;
margin: 0 auto;
}

	.banners .small {
	float: left;
	width: 155px;
	height: 60px;
	}
	
	.banners .space {
	float: left;
	width: 10px;
	height: 10px;
	}
	
	.banners .large {
	width: 300px;
	height: 78px;
	margin-top: 24px;
	Margin-left: 90px;
	}
	
	.banners .border {
	border: 2px solid #555050;
	}
	


/* legal *********************/

.legal {
width: 500px;
margin: 0 auto;
padding: 40px 0;
text-align: center;
}



/* website badges *********************/

.hbbadges {
position: absolute;
top: 10px;
right: 10px;
width: 37px;
z-index: 1000;
}
	.hbbadges a { display: block; width: 35px; height: 35px; margin-bottom: 6px; }

	.hbbadges .hb        { border: 1px solid #ef0081; }
	.hbbadges .hb:hover  { border: 1px solid #ff4fa7; }
	.hbbadges .hbc       { border: 1px solid #aed271; }
	.hbbadges .hbc:hover { border: 1px solid #d8fd98; }
	.hbbadges .b         { border: 1px solid #01bdf2; }
	.hbbadges .b:hover   { border: 1px solid #5be8ff; }
	.hbbadges .f         { border: 1px solid hotpink; }
	.hbbadges .f:hover   { border: 1px solid pink; }