@charset "utf-8";
/* CSS Document */

/* Table of Contents
--------------------------------------------------------------//
General
Page Structure
Gallery
Nav
Headings
Text
Lists
Links
Tables
Forms
Misc
*/


/* General
--------------------------------------------------------------*/
html, body {
	background:#5773ac;
	height:100%;
	margin:0;
	padding:0;
}

img {border:none;}


/* Page Structure
--------------------------------------------------------------*/
#container {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:100%;
	position:relative;
	width:100%;
}

#header {
	border-bottom:1px dotted #999;
	height:40px;
	overflow:hidden;
	padding:10px 0 0 10px;
}

#content {
	padding:0 0 50px 10px;
}

#footer {
	clear:both;
	color:#CCC;
	font-size:13px;
	height:40px;
	margin-top:20px;
	padding:0 10px;
	position:absolute;
	bottom:0;
	width:97%;
}

#footer span {
	float:right;
	font-size:10px;
}


/* Gallery
--------------------------------------------------------------*/
.gallery {
	clear:both;
	display:block;
	margin:10px 0;
	padding:0;
	position:relative;
	width:100%;
}

.gallery li {
	display:block;
	list-style:none;
	float:left;
	margin:0 6px 6px 0;
	text-align:center;
}

.gallery a {
	color:#000;
	cursor:default;
	display:block;
	height:70px;
	text-decoration:none;
}

.gallery a img.thumb {
	border:1px dotted #999;
	display:block;
}
 
.gallery a span {
	display:none;
	text-align:center;
}

.gallery a span img {
	border:5px solid #999;
}
 
.gallery a:hover {white-space:normal;}
.gallery a:hover img.thumb {border:1px dotted #fff;}
 
.gallery a:active img.thumb {border:1px solid #fff;}
.gallery a:active span {display:block; position:absolute; left:300px; top:-50px; z-index:5; height:500px;}
 
.gallery a:focus {outline:0;}
.gallery a:focus img.thumb {border:1px solid #fff}
.gallery a:focus span {display:block; position:absolute; left:300px; top:-50px; z-index:5; outline:0; height:500px;}
 
#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}

#container span.info a {color:#000;}

#container span.info a:hover {text-decoration:none;}


/* Headings
--------------------------------------------------------------*/
#header h1 {
	color:#fff;
	font-size:40px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
	padding:7px 0;
}


/* Links
--------------------------------------------------------------*/
a, a:link, a:visited {
	border-bottom:1px dotted #FFF;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
}

a:hover, a:active {
	border-color:#999;
	color:#CCC;
}

#footer a, #footer a:link, #footer a:visited {
	border-bottom:1px dotted #999;
	color:#CCC;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color:#FFF;
}


/* Misc
--------------------------------------------------------------*/
.clear { clear:both; }
.left { float:left; }
.right { float:right; }