/* global */

#content-scroll{
padding-top:40px;
}

li.content-item {
width:150px;
max-width:150px;
height:180px;
padding-top:40px;
}

.content-item p {
margin-top:20px;
text-align:center;
}

.content-item img {
margin-left:33px;
margin-bottom:10px;
border:solid 3px white;
}

.content-item a {
outline: none;
}

.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');
}