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

#nav {
	width:348px;
	height:20px;
	position:relative;
	margin:0;
	padding:0;
}
#nav li { list-style:none; float:left; }
#nav li a {
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	display:block;
	height:20px;
	overflow:hidden;
}

/*up state*/
li#nav_home a{
	left:0;
	width:auto;
	text-align: center;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: double;
	border-right-color: #FFF;
}
li#nav_services a {
	left:67px;
	width:auto;
	text-align: center;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: double;
	border-right-color: #FFF;
}
li#nav_portfolio a {
	left:155px;
	width:auto;
	text-align: center;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: double;
	border-right-color: #FFF;
}
li#nav_contact a {
	left:257px;
	width:auto;
	text-align: center;
	padding: 10px;
}

/*hover state*/
li#nav_home a:hover { background-color: #ff3b77; }
li#nav_services a:hover { background-color: #ff3b77; }
li#nav_portfolio a:hover { background-color: #ff3b77; }
li#nav_contact a:hover { background-color: #ff3b77; }

/*current state*/
#body_home li#nav_home a { background-color: #5D6F74; }
#body_services li#nav_services a { background-color: #5D6F74; }
#body_portfolio li#nav_portfolio a { background-color: #5D6F74; }
#body_contact li#nav_contact a { background-color: #5D6F74; }