html, body 
{
	height: 100%; overflow:hidden; background-color: #000000; color: #000000; font-family: Segoe UI, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;	
}

img {border-width: 0px;}
a {color: #3ABDEC; text-decoration: none; }
a:hover {color: #000000; text-decoration: none; }

#centeredcontent {
	background: #FFFFFF url('../graphics/transition/transition.jpg') no-repeat;
	width: 600px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px; 
	margin-top: -250px; 
}

#infoarea { position: absolute; top: 230px; left: 22px; }
#infoarea h2 { color: #3ABDEC; font-size: 1.2em; font-family: Cambria, Palatino Linotype, Lucida Grande, Times New Roman, serif; margin-bottom: 0; }
#infoarea p { font-size: 0.75em; }
#rightarea { position: absolute; top: 40px; left: 260px; }
#rightarea h2 { color: #3ABDEC; font-size: 1.2em; font-family: Cambria, Palatino Linotype, Lucida Grande, Times New Roman, serif; margin-bottom: 0; }

.gallery
{
	margin-top: 10px;
}

.gallery_photos
{
	position: relative; width: 315px; height: 320px; overflow: hidden;
}

.gallery_photos img
{
	position: absolute;
	top: 0;
}

.gallery_controls
{
	margin-top: 10px;
	text-align: center;
	font-size: 0.9em; font-weight: bold; color: #3ABDEC;
}

.gallery_hidden
{
	left: 315px;
}

.clearleft
{
	clear: left;
}