body
{
	background-color: #000;
	font-family: Verdana;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
}

#content
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -210px;
	margin-top: -55px;
	width: 420px;
	min-height: 110px;
	background: url(images/bg.png) no-repeat 8px top black;
	overflow: visible;
}

#content .logo
{
	margin-top: 72px;
}

a:link, a:visited, a:active
{
	color: #aaa;
}
a:hover
{
	color: #fff;
}

#content a.menu:link, #content a.menu:active, #content a.menu:visited
{
	display: block;
	position: absolute;
	width: 100px;
	height: 30px;
	font-style: italic;
	text-decoration: none;
	text-indent: 25px;
}

#content a.menu:hover, #content a.menu.active
{
	background: url(images/over.png) repeat-x 0px 20px transparent;
}

a#about
{
	left: 218px;
	top: 15px;
}

a#gallery
{
	left: 203px;
	top: 45px;
}

a#contact
{
	left: 185px;
	top: 78px;
}

.box
{
	display: none;
	position: absolute;
	width: 290px;
	background: url(images/box_bg.png) repeat-y 277px 5px black;
	font-size: 10px;
}

.box#about
{
	left: 318px;
	top: 35px;
}

.box#gallery
{
	left: 302px;
	top: 65px;
}

.box#contact
{
	left: 285px;
	top: 98px;
}

.box .text
{
	margin-right: 20px;
	margin-top: 11px;
	text-align: justify;
}

.box cite
{
	display: block;
	padding: 10px;
	background-color: #111;
}