/*
Colors: 

background		#353f4f
link			#9fb2c1
top/btm bar		#28303c
vert lines		#3f4a5e

*/

*{
margin: 0;
padding: 0;
}

body {
	background: #28303c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9fb2c1;	
	}

ul{
	list-style-type: none;
	}

li{
	margin-bottom: 5px;
	}
	
	li.active{
	color: #fff;
	}	


#main {
	background: #353f4f;
	margin: 10% 0;
	width: 100%;
	float: left;
	}
	
#wrap{
	padding: 10px 0;
	float: left;
	width: 772px;
	background: #353f4f;
	}
	

#logo{
	width: 152px;
	float: left;
	padding: 0 10px 10px 10px;
	}
	
	#logo a, a:visited{
		border-bottom: none;
		}
	
	#logo a img {
		border: 0;
		}
				
#nav {
	width: 79px;
	float: left;
	border-left: 1px solid #3f4a5e;
	padding: 10px;
	}
	
	#nav a, a:visited {
	color: #9fb2c1;
	text-decoration: none;
	border-bottom: none;
	}
	
	#nav a:hover{
	color: #fff;
	}
	
	
#subnav {
	width: 79px;
	float: left;
	border-left: 1px solid #3f4a5e;
	padding: 10px;
	}
	
	#subnav.about {
	width: 200px;
	float: left;
	border-left: 1px solid #3f4a5e;
	padding: 10px;
	}
	
	#subnav.about p {
	margin-bottom: 5px;
	}
	
	#subnav.about p.last {
	margin-bottom: 0;
	}
	
	#subnav a, a:visited {
	color: #9fb2c1;
	text-decoration: none;
	border-bottom: none;
	}
	
	#subnav a:hover{
	color: #fff;
	}
	
	
#content {
	width: 379px;
	float: left;
	border-left: 1px solid #3f4a5e;
	padding: 10px;
	}	

	#content p{
		margin-top: 5px;
		margin-bottom: 5px;
		}
	
	#content a, a:visited {
		border-bottom: 1px dotted #9fb2c1;
		}
		
	#content a:hover {
		border-bottom: 1px dotted #fff;
		color: #fff;
		}
	
	#content h1 {
		color:	#fff;
		padding-top: 3px;
		}
	
	#content img {
		border: 5px solid #9fb2c1;
		}