body  {
	background: black;
	color: white;
	font: medium/1.5 Georgia, "Times New Roman", serif;
}

body, html, ul.navlist {
	margin: 0;
	padding: 0;
}

#wrap {
	width: 820px;
	margin: 0 auto;
}

/* ------------ CONTENT ------------ */

#content {
	width: 600px;
	float: left;
	display: inline;
	padding-bottom: 60px;
}

#left-col { padding-right: 5px; }

#left-col, #right-col { padding-top: 0px; }

#left-col img, #right-col img {
	display: block;
	margin-bottom: 0px;
}

/* ------------ MENU ------------ */

#menu {
	width: 220px;
	float: right;
	display: inline;
	text-align: right;
	padding-bottom: 60px;
}

h1 { 
	font-size: 130%;
	font-weight: lighter;
	text-transform: uppercase;
	line-height: 1.0;
	margin-top: 30px;
}

h1 a { 
	color: #ffffff;
	text-decoration: none;
}

ul.navlist {
	list-style: none;
	font-size: 100%;
	margin-top: 30px;
	font-weight: lighter;
	text-transform: uppercase;
}

ul.navlist a {
	color: #C6C6C6;
	text-decoration: none;
	width: 220px;
	display: block;
	
}

ul.navlist a:hover, ul.navlist a:focus, ul.navlist a:active {
	color: #999999;
}

/* ------------ THUMBNAILS ------------ */

#thumbnails {
	clear: both;
	height: 120px;
	width: 225px;
	white-space: nowrap;
	overflow: auto;
	overflow-y: hidden;
	padding-top: 15px;
	
}


/* ------------ FOOTER ------------ */

#footer {
	width: 695px;
	clear:both;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 70%;
	text-align: right;
}

#footer p { margin: 0; }


/* ------------ EXTRAS ------------ */

.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

.f-left {
	float: left;
	margin: 0 10px 10px 0;
}

.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }

a img { border: none; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */