div#navigation {
	position: relative;
	top: 4px;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 100%;
	list-style: none;
	background-image: url(../media/nav/navgrad.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #333;
	border-top: 3px solid #333;
}

#navigation a:visited { color: #006; }
#navigation a:hover { color: #900; }

#navigation span {
	position: relative;
	top: -3px;
	height: 50px;
	float: left;
	clear: right;
	background-color: #eee;
	border-top: 3px solid;
	border-right: 1px solid #333;
	border-bottom: 1px solid;
	background-repeat: no-repeat;
}

#navigation span a {
	height: 50px;
	background-color: #eee;
}

#navigation span:hover { background-color: #fff; }
#navigation span.active {
	height: 51px;
	background-color: #fff;
	border-bottom: none;
}

span#home {
	width: 122px;
	background-image: url(../media/nav/homestd.png);
}
span#home:hover { background-image: url(../media/nav/homehov.png); }
span#home a { width: 122px; }

span#bio {
	width: 181px;
	background-image: url(../media/nav/biostd.png);
}
span#bio:hover { background-image: url(../media/nav/biohov.png); }
span#bio a { width: 181px; }

span#port {
	width: 154px;
	background-image: url(../media/nav/portstd.png);
}
span#port:hover { background-image: url(../media/nav/porthov.png); }
span#port a { width: 154px; }

span#res {
	width: 153px;
	background-image: url(../media/nav/resstd.png);
	border-right: none;
}
span#res:hover { 
	background-image: url(../media/nav/reshov.png);
	border-right: 1px solid #333;
}
span#res a { width: 153px; }
span#res.active { border-right: 1px solid #333; }