/* global */
.nav {
	width: 336px;
	height: 46px;
	position: absolute;
	right: 25px;
	top: 35px;
}

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

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

	/* portfolio button */
	.nav > a.portfolio {
		width: 116px;
		background-position: -106px 0;
	}
	
		.nav > a.portfolio:hover {
			background-position: -106px -46px;
		}

	/* about button */
	.nav > a.about {
		width: 99px;
		background-position: -230px 0;
	}
	
		.nav > a.about:hover {
			width: 99px;
			background-position: -230px -46px;
		}

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

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

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