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

body {
	margin: 0; padding: 0;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	background-color: #000000;
}

h1 { font-size: 180%; font-weight: 400; margin-top: 0; }

p { line-height: 160%; }

img { border-width: 0; }

dl, dt, dd { margin: 0; padding: 0 10px; }
dt, dd { width: 250px; text-align: left; }
dt { height: 250px; }
dd { height: 6em; }
dl { float: left; margin-top: 20px; }
	dl span { font-size: 80%; text-decoration: underline; text-transform: uppercase; }
	a dl { cursor: pointer; }

#container { 
	display: block;
	width: 950px; height: auto;
	margin: 160px auto 20px; padding: 0;
}
	#gallery #container { width: 100%; }

#content {
	width: 100%; height: auto;
	margin-bottom: 30px;
}
	#content.narrow { width:630px; padding:0 160px; }
	#home #content { margin-bottom: -65px; text-align: center; }
	#gallery #content { width: 90%; margin-left: 7%; }

#nav {
	width: 100%; height: auto;
	margin: 0 0 40px; padding: 0;
	font-size: 130%;
	font-weight: 300;
	text-align: center;
}
	#nav a { margin: 0 10px; text-decoration: none; }
	#home #nav { margin-bottom: 20px; }
	#gallery #nav { margin-bottom: 20px; }
	#gallery #nav span { font-size: 90%; }
	#gallery #nav strong { text-transform: uppercase; color: #9f1e08; }

#logo {
	position: absolute;
	left: 0; top: 30px;
	width: 100%; height: 117px;
	background: transparent url(images/shared/logo-lg.png) no-repeat center top;
}
	#logo img { display: none; }
	
	#logo a { 
		display: block;
		position: relative;
		left: 50%; top: 10px;
		width: 560px; height: 70px;
		margin-left: -280px;
	}

#footer {
	clear: both;
	margin-top: .5em;
	font-size: 110%;
	font-weight: 300;
	text-align: center;
	color: #555454;
}
	#footer p { margin: 0; }
	#gallery #footer { padding-top: 30px; }

#copyright { font-size: 10px; }
	#copyright a { color: #555454; }
	#copyright a:hover { color: #ffffff; }

.first { padding-top: 2em; }
.large { font-size: 140%; }
.small { font-size: 80%; }
.left { float: left; margin-right: 30px; }
.right { float: right; margin-left: 30px; }
.clear { clear: both; }

a { color: #ccc4c3; text-decoration: underline; border-width: 0; outline: none; }
a:hover { color: #ffffff; }