@charset "utf-8";
/* CSS Document */

/*Head Css*/

* { 
	margin:0;
	padding:0;
	border: 0;
}

body {
	
	background-color: #363636;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 14px;
}

#wrapper-main {
	margin: 0 auto 0;
	width: 830px;
}

/*Main Css*/

#main {
	width: 830px;
	max-width: 830px;
	min-width: 830px;
	position: absolute;
}

#logo {
	z-index: -666;
}

#about {
	z-index: 6;
	position: absolute;
	top: 166px;
	left: 80px;
	width: 145px;
	height: 239px;
	background-image: url(../images/nav/about.png);
}

#about:hover {
	z-index: 6;
	position: absolute;
	top: 166px;
	left: 80px;
	width: 145px;
	height: 239px;
	background-image: url(../images/nav/about_on.png);
}

#contact {
	z-index: 6;
	position: absolute;
	top: 144px;
	left: 566px;
	width: 192px;
	height: 329px;
	background-image: url(../images/nav/contact.png);
}

#contact:hover {
	z-index: 6;
	position: absolute;
	top: 144px;
	left: 566px;
	width: 192px;
	height: 329px;
	background-image: url(../images/nav/contact_on.png);
}

#projects {
	z-index: 6;
	position: absolute;
	top: 666px;
	left: 233px;
	width: 355px;
	height: 98px;
	background-image: url(../images/nav/projects.png);
}

#projects:hover {
	z-index: 6;
	position: absolute;
	top: 666px;
	left: 233px;
	width: 355px;
	height: 98px;
	background-image: url(../images/nav/projects_on.png);
}