/* global */
.nav {
	width: 290px;
	height: 39px;
	position: absolute;
	right: 70px;
	top: 63px;
}

	.nav > a {
		float: left;
		height: 39px;
		width: 100px; /* for validator */
		display: block;
		background-repeat: no-repeat;
		margin-right: 5px;
	}

	/* home button */	
	.nav > a.home {
		width: 89px;
		background-position: 0 0;
	}
	
		.nav > a.home:hover {
			background-position: 0 -39px;
		}

	/* portfolio button */
	.nav > a.portfolio {
		width: 103px;
		background-position: -94px 0;
	}
	
		.nav > a.portfolio:hover {
			background-position: -94px -39px;
		}

	/* about button */
	.nav > a.about {
		width: 83px;
		background-position: -202px 0;
	}
	
		.nav > a.about:hover {
			width: 83px;
			background-position: -202px -39px;
		}

/* per page */
#home .nav > a {
	background-image: url('../img/home_nav.png');
}

#about .nav > a {
	background-image: url('../img/about_nav.png');
}

#portfolio .nav > a {
	background-image: url('../img/portfolio_nav.png');
}