body {
background: #000;
font: 9pt quicksand, sans-serif; color: #ccc;
letter-spacing: 1px; line-height: 30px;
}

h1 {
font: 20pt garamond; color: #ccc;
margin: 0px;
text-align: right;
}

h2 {
font: 12pt quicksand;
margin-bottom: -15px;
}

#container {
width: 872px; padding: 0px;
top: 450px; margin: 30px auto;
}

#menu {
width: 872px; height: 30px;
padding: 20px 0px; margin-left: -30px;
}
#menu ul {
margin: 0px; float: right;
text-align: right;
}
#menu ul li {
display:inline; padding: 0px 10px;
}
#menu ul li a {
color: #999; text-decoration:none;
font: normal 11pt quicksand;
}
#menu ul li a:hover {
color:#555;
}

#content {
clear: both; padding: 30px; margin: 0px;
width: 810px; height: auto;
border: 1px solid;
}

#content img#a {
background: #777;
padding: 7px;
}
#content img#a:hover {
opacity: .8;
}

#content img#b {
background: #777;
padding: 7px;
}
#content img#b:hover {
opacity: .8;
}

#content img#c {
background: #777;
padding: 4px;
}
#content img#c:hover {
opacity: .8;
}

#footer {
clear: both;
width: auto;
margin-top: 10px; padding: 10px;
font: 7pt quicksand;
letter-spacing: 3px; text-transform: uppercase; text-align: center;
}

a:link, a:visited {
color:#8d9fb4;
text-decoration:none;
}
a:hover {
color:#c0c0c0;
}

img {
border: none;
}

.toleft {
float: left; text-align: left;
}

.toright {
float: right; text-align: right;
}


/*Lightbox*/

#lightbox{
	background-color:#222;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	line-height: 20px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }