#menu, #menu li, #menu li a {
	height: 31px;
}

#menu li, #menu li a {
	display: block;
	float: left;
}

#menu li a {
	text-indent: -3000px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#portfolio {
	width: 121px;
	background-image: url(../img/menu/portfolio.png);
}

#portfolio:hover, #portfolio.active {
	background-image: url(../img/menu/portfolio-on.png);
}

#services {
	width: 106px;
	background-image: url(../img/menu/services.png);
}

#services:hover, #services.active {
	background-image: url(../img/menu/services-on.png);
}

#about {
	width: 113px;
	background-image: url(../img/menu/about.png);
}

#about:hover, #about.active {
	background-image: url(../img/menu/about-on.png);
}

#contact {
	width: 132px;
	background-image: url(../img/menu/contact.png);
}

#contact:hover, #contact.active {
	background-image: url(../img/menu/contact-on.png);
}

#testimonials {
	width: 149px;
	background-image: url(../img/menu/testimonials.png);
}

#testimonials:hover, #testimonials.active {
	background-image: url(../img/menu/testimonials-on.png);
}

#helpful {
	width: 177px;
	background-image: url(../img/menu/helpful.png);
}

#helpful:hover, #helpful.active {
	background-image: url(../img/menu/helpful-on.png);
}