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

img
{
	border: 0;
}

a
 { color: gray; text-decoration: none }

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

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

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

#header
{
	width: 800px;
	height: 31px;
	letter-spacing: 1px;
}

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

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

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

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

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

#containerright
  { background: transparent; padding: 18px; width: 330px; height: 350px; float: left; overflow: auto }

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

#footer
 { color: gray; text-align: right; padding: 5px 0; width: 800px }

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

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