/***  Main Container  ***/
body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #000000;
}

#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	color: #000000;
	border: 0px dashed yellow;
	
}

/***  Header  ***/
#header {
	width: 100%;
	height: 123px;
	background-image: url("../images/header.png");
	margin-bottom: 15px;
}

/***  Navigation  ***/

#nav {
	float: right;
	border: 0px dotted red;
	width: 150px;
	font: normal bolder normal 12pt Arial, Helvetica, sans-serif;
}

#nav ul{
	margin: 0;
	padding: 0;	
}
#nav ul li{
	background: black no-repeat 50% 50% ;
}
#nav ul li a{
	display: block;
	height: 24px;
	line-height: 24px;
	width: 148px;
	border: 2px solid #333333;
	margin-bottom: 5px;
	padding: 0;
	text-align: center;
	text-decoration: none;	
	color: #99cc99;
}

#nav ul li a:hover{
	color: #ccffcc;
	border: 2px solid #ccffcc;
}

/*** Content ***/

#container div#content{
	width: 600px;
	padding: 0 20px;
	margin: 0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #888888;
	border: 2px solid #333333;		
}

a:link, a:visited {
	color: #339933;
}

a:hover{
	color: #33cc33;
}

#container #content table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #888888;
}

#container div#content span.bold{
	font: normal bolder normal 11pt Arial, Helvetica, sans-serif;
}

/***  Gallery Thumbnails  ***/

#content #thumbs {
	text-align: center;
	width: 598px;
	margin: 0 auto;
	margin-top: 20px;
}

#content #thumbs table tr td{
	width: 598px;
	line-height: 56px;
	vertical-align: 50%;
}

#content #thumbs a img{
	margin: 1px;
	border: 2px solid transparent;
}

#content #thumbs a:hover img{
	border: 2px solid #ccffcc;
}

/***  Project Details  ***/

#content #project {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}