body
{
	background-color: #1f1f1f;
	color: #fff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

a:link, a:visited, a:focus, a:active
{
	text-decoration: none;
	color: #6E6F71;
	outline: none;
}

#wrapper
{
	padding-top: 35px;
	width: 650px;
}

h3
{
	color: #06acd6;
	padding-top: 25px;
}

#column_left
{
	width: 150px;
	float: left;
}

#logo
{
	width: 70px;
	margin: 0 auto;
}

#nav
{
	width: 70px;
}

#nav li
{
	list-style: none;
	font-size: 10px;
	text-indent: 5px;
	border-bottom: 4px solid #000;
	line-height: 10px
}

#nav li p
{
	padding: 2px 0;
	margin: 0;
	height: 10px;
}

#nav li p:hover
{
	background: #06acd6;
}

#nav li a:hover
{
	color: #000;
}

#nav .active
{
	background: #06acd6;
}

#nav .active p
{
	font-weight: bold;
	color: #000;
}

#nav .active
{
	font-weight: bold;
	color: #000;
}

#offsite
{
	padding-top: 40px;
}

#offsite li
{
	list-style: none;
}

#offsite li a
{
	color: #6E6F71;
	text-decoration: none;
	font-size: 10px;
	padding: 2px 0;
	text-indent: 5px;
}

#offsite li a:hover
{
	color: #06acd6;
}




#column_right
{
	width: 450px;
	float: right;
}

#about_left
{
	float: left;
}

#about_right
{
	float: right;
}

#contact_left
{
	float: left;
}

#contact_right
{
	float: right;
}

.project
{
	width: 200px;
}