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

/*/////////////////////// NAV //////////////////////*/

#nav {
	width:215px;
	overflow:visible;
	margin-left:30px;
	margin-top:45px;
	/*border:red solid 1px;*/
}
#nav ul {
	text-decoration:none;
	list-style:none;
}
#nav ul li {
	display:block;
	margin-top:-30px;
}

#about a {
	background:transparent url(../images/nav/aboutNorm.png) no-repeat left top;
	color:#000000;
	display:block;
	width:220px;
	height:61px;
}
#about a:hover {
	background:transparent url(../images/nav/aboutOver.png) no-repeat left top;
	width:220px;
	height:61px;
}

#portfolio a {
	background:transparent url(../images/nav/portNorm.png) no-repeat left top;
	color:#000000;
	display:block;
	width:220px;
	height:91px;
}
#portfolio a:hover {
	background:transparent url(../images/nav/portOver.png) no-repeat left top;
	width:220px;
	height:91px;
}

/*#resume {
	padding-top:20px;
}*/

#resume a {
	background:transparent url(../images/nav/resumeNorm.png) no-repeat left top;
	color:#000000;
	display:block;
	width:220px;
	height:65px;
}
#resume a:hover {
	background:transparent url(../images/nav/resumeOver.png) no-repeat left top;
	width:220px;
	height:65px;
}

/*#contact {
	padding-top:16px;
}*/

#contact a {
	background:transparent url(../images/nav/contactNorm.png) no-repeat left top;
	color:#000000;
	display:block;
	width:220px;
	height:64px;
}
#contact a:hover {
	background:transparent url(../images/nav/contactOver.png) no-repeat left top;
	width:220px;
	height:64px;
}

/*/////////////////////// DOWN STATE //////////////////////*/
	
#about_d {
	background:transparent url(../images/nav/aboutAct.png) no-repeat left top;
	width:220px;
	height:61px;
}
#portfolio_d {
	background:transparent url(../images/nav/portAct.png) no-repeat left top;
	width:220px;
	height:91px;
}
#resume_d {
	background:transparent url(../images/nav/resumeAct.png) no-repeat left top;
	width:220px;
	height:65px;
}
#contact_d {
	background:transparent url(../images/nav/contactAct.png) no-repeat left top;
	width:220px;
	height:64px;
}