body
{ padding: 0; margin: 0; color: #fff; font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 80%; line-height: 150%; background: #6b7a78; }

img
{
	border: 0;
}

a
{
	text-decoration: none;
	color: #f90;
}

a:hover
{ text-decoration: none; color: white; background-color: transparent; }

#centrecontainer
{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}

#outercontainer
{
	margin-left: -400px;
	position: absolute;
	top: -236px;
	left: 50%;
}

#header
{ background-color: #6b7a78; width: 800px; height: 31px; letter-spacing: 1px; }

#container    
{
	border: 20px solid #FFF;
	width: 760px;
	height: 370px;
}

#containerleft
{
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	background-image:url('containerright-image.jpg');
	border-right: 20px solid #FFF;
	padding: 10px;
}

#containerleft a
{
	text-decoration: none;
	color: #FFF;
}

#containerleft a:hover
{
	text-decoration: none;
	color: #FF80A8;
}

#containerleft h2
{
	position: absolute;
	top: 185px;
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	letter-spacing: -3px;
	font-size: 250%;
	text-align: right;
}

#containerright
{ float: left; width: 350px; height: 350px; background-color: black; overflow: auto; padding: 10px;}

#photos {
	margin-left: 25px;
	}
#photos a {
	float: left; 
	display: block;
	margin: 5px;
	}

.hidden {
   overflow: hidden !important;
}

#containerright h2
{ margin: 0; font-family: helvetica, arial, verdana, tahoma, sans-serif; letter-spacing: -2px; font-size: 200%; border-bottom: 1px solid #fff; width: 75%; }

#footer
{ width: 800px; text-align: right; padding: 5px 0; color: black; background-color: #6b7a78; }

#footer a
{
	text-decoration: none;
	color: #f90;
}

#footer a:hover
{ text-decoration: none; color: #fff; background-color: transparent; }