#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 960px;
	height: 90px;
	background: url(../../img/mpower-bar.gif) no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span {
	display: block;
}
#menu .home {
	width: 144px;
	height: 90px;
	left: 199px;
	top: 0px;
}
#menu .home span,  a.home.active   {
	width: 144px;
	height: 90px;
	background: url(../../img/home-down.gif) no-repeat;
	left: 0px;
	top: 0px;
}


#menu .service {
	width: 120px;
	height: 90px;
	left: 331px;
	top: 0px;
}
#menu .service span,  a.service.active {
	width: 120px;
	height: 90px;
	background: url(../../img/service-down.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .installation {
	width: 170px;
	height: 90px;
	left: 451px;
	top: 0px;
}
#menu .installation span,  a.installation.active {
	width: 170px;
	height: 90px;
	background: url(../../img/installation-down.gif) no-repeat;
	left: 0px;
	top: 0px;
}

#menu .generators {
	width: 177px;
	height: 90px;
	left: 621px;
	top: 0px;
}
#menu .generators span,  a.generators.active {
	width: 177px;
	height: 90px;
	background: url(../../img/generators-down.gif) no-repeat;
	left: 0px;
	top: 0px;
}

#menu .contact {
	width: 162px;
	height: 90px;
	left: 798px;
	top: 0px;
}
#menu .contact span,  a.contact.active{
	width: 162px;
	height: 90px;
	background: url(../../img/contact-down.gif) no-repeat;
	left: 0px;
	top: 0px;
}