#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 587px;
  height: 59px;
  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: 94px;
	height: 59px;
	background: url(../images/01Homebtn.png) no-repeat;
	left: 10px;
	top: 0px;
}
#menu .home span {
  width: 86px;
  height: 14px;
  background: url(images/home-over.gif) no-repeat;
  left: 28px;
  top: -20px;
}

#menu .about {
	width: 94px;
	height: 59px;
	background: url(../images/02Aboutbtn.png) no-repeat;
	left: 114px;
	top: 0px;
}
#menu .about span {
  width: 40px;
  height: 12px;
  background: url(images/about-over.gif) no-repeat;
  left: 44px;
  top: 54px;
}

#menu .services {
	width: 113px;
	height: 59px;
	background: url(../images/03Servicesbtn.png) no-repeat;
	left: 223px;
	top: 0px;
}
#menu .services span {
  width: 92px;
  height: 20px;
  background: url(images/rss-over.gif) no-repeat;
  left: 26px;
  top: -20px;
}

#menu .portfolio {
	width: 132px;
	height: 59px;
	background: url(../images/04Portfoliobtn.png) no-repeat;
	left: 347px;
	top: 0px;
}
#menu .portfolio span {
  width: 92px;
  height: 20px;
  background: url(images/rss-over.gif) no-repeat;
  left: 26px;
  top: -20px;
}

#menu .contact {
	width: 112px;
	height: 59px;
	background: url(../images/05Contactbtn.png) no-repeat;
	left: 483px;
	top: 0px;
}
#menu .contact span {
  width: 92px;
  height: 20px;
  background: url(images/rss-over.gif) no-repeat;
  left: 26px;
  top: -20px;
}