@charset "UTF-8";

#wrapper {
	width: 662px;
	margin: 0 auto;
	background-color: #222222;
	height: 1025px;
}

#header {

	float: left;
	height: 270px;
	width: 602px;
	border: 3px solid #dbdbdb;
	background-color: #000000;
	margin-bottom: 5px;
	margin-top:50px;
	margin-left:27px;
	z-index: 2;
}

#main {
	width: 662px;
	margin: 0 auto;
}

#logo{
	float:none;
	height:165px;
	widht:148px;
//	border: 3px solid #dbdbdb;
	position: absolute;
	margin-top:-155px;
	margin-left:20px;
	z-index: 2;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #dbdbdb;
	font-size: 100%;
	font-weight: bold;
}
body {
	background-color: #000000;
}
#nav {
	width: 150px;
	height: 255px;
	float: left;
	border: 3px solid #dbdbdb;
	background-color: #000000;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left:27px;
	padding-top:15px;
	z-index:1;
	position: relative;
	background-image: url(images/nav.png);
}
#info {
	margin: 0 auto;	
	height: 270px;
	width: 436px;
	border: 3px solid #dbdbdb;
	background-color: #000000;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right:27px;
	
}
#footer{
	margin: 0 auto;
	height: 270px;
	width: 602px;
	border: 3px solid #dbdbdb;
	background-color: #000000;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:27px;
}

#aboutdiv,#projectsdiv,#contactresultsdiv{
    font-family: monospace;
	padding: 25px;
	text-align: justify;
	font-size:15px;
	vertical-align:middle;
}

#caption{
	
}

#bottom{
	margin: 0 auto;
	height: 61px;
	width: 602px;
	border: 3px solid #dbdbdb;
	background-color: #000000;
	float: left;
	margin-top: 5px;
	margin-left:27px;
	background-image: url(images/bottom.png);
}