body {
	background: url('gfx/bcg.png') no-repeat center top #218695;
	margin: 0;
	font-family:'Tahoma',Verdana,Arial,Sans-Serif;
	font-size: 12px;
}
div#top {
	background: url('gfx/top.png') no-repeat;
	width: 152px;
	height: 210px;
	margin: 0 auto;
}
div#page {
	width: 600px;
	margin: 0 auto;
}
.hide {
	display: none;
}
ul, ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	float: left;
}
a#about, a:visited#about, a:active#about {
	background: url('gfx/about.png') top;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
a:hover#about {
	background: url('gfx/about.png') bottom;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
a#blog, a:visited#blog, a:active#blog {
	background: url('gfx/blog.png') top;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
a:hover#blog {
	background: url('gfx/blog.png') bottom;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
a#logs, a:visited#logs, a:active#logs {
	background: url('gfx/logs.png') top;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
a:hover#logs {
	background: url('gfx/logs.png') bottom;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
a#contact, a:visited#contact, a:active#contact {
	background: url('gfx/contact.png') top;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
a:hover#contact {
	background: url('gfx/contact.png') bottom;
	width: 150px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
}
div#footer {
	clear: both;
	width: 600px;
	color: #e0e0e0;
	font-size: 10px;
	padding: 40px 0 0 0;
	margin: 40px auto 0 auto;
}
div#footer a, div#footer a:active, div#footer a:visited {
	color: #e0e0e0;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}