ul {
	list-style: none;
	padding: 0px;
	margin:0 auto;
}

.displace {
	position: absolute;
	left: -5000px;
}

ul li {
	float: left;
}
.about a{
	display: block;
	width: 85px;
	height: 31px;
	margin-left:0px;
	background:url(images/nav/about.gif);
	
}
.about a:hover {
	background-position: 0 -31px;
}
.about a:active {
	background-position: 0 -67px;
}
.about a.selected {
	background-position: 0 -131px;
}

.portfolio a{
	display: block;
	width: 128px;
	height: 31px;
	margin-left:36px;
	background:url(images/nav/portfolio.gif);
}
.portfolio a:hover {
	background-position: 0 -31px;
}
.portfolio a:active {
	background-position: 0 -67px;
}
.portfolio a.selected {
	background-position: 0 -131px;
}
.contact a{
	display: block;
	width: 103px;
	height: 31px;
	margin-left:34px;
	background:url(images/nav/contact.gif);
}
.contact a:hover {
	background-position: 0 -31px;
}
.contact a:active {
	background-position: 0 -67px;
}
.contact a.selected {
	background-position: 0 -131px;
}
.wtf a{
	display: block;
	width: 63px;
	height: 31px;
	margin-left:32px;
	background:url(images/nav/wtf.gif);
}
.wtf a:hover {
	background-position: 0 -31px;
}
.wtf a:active {
	background-position: 0 -67px;
}
.wtf a.selected {
	background-position: 0 -132px;
}