#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 774px;
  height: 110px;
  position: relative;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}

#menu .home {
  width: 200px;
  height: 90px;
  background: url(../images/home.png) no-repeat;
  left: 0px;
  top: 30px;
}

#menu .about {
  width: 200px;
  height: 90px;
  background: url(../images/about.png) no-repeat;
  left: 200px;
  top: 15px;
}

#menu .services {
  width: 200px;
  height: 90px;
  background: url(../images/services.png) no-repeat;
  left: 400px;
  top: 0px;
}

#menu .portfolio {
  width: 200px;
  height: 90px;
  background: url(../images/portfolio.png) no-repeat;
  left: 600px;
  top: 15px;
}

#menu .contact {
  width: 200px;
  height: 90px;
  background: url(../images/contact.png) no-repeat;
  left: 800px;
  top: 30px;
}