#navigation {
  list-style: none;
  padding-left:319px;
  padding-top:50px;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;

}

#navigation a,
#navigation a .hover {
  height: 36px;
  position: relative;
  display: block;
  background: url("../../images/leto/beauty/sprite.png") 0 0 no-repeat;
  text-decoration: none;
  border-bottom: 0px;
  cursor: pointer;
  z-index:1;
}

/* individual navigation items */
#navigation a.home {
  background-position: 0px -38px;
  width: 115px;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0px -2px;
  width: 115px;
}

#navigation a.services {
  background-position: -115px -38px;
  width: 139px;
}

#navigation .highlight a.services:hover,
#navigation a.services .hover {
  background-position: -115px -2px;
}

#navigation a.sss {
  background-position: -115px -38px;
  width: 139px;
}

#navigation .highlight a.sss:hover,
#navigation a.sss .hover {
  background-position: -115px -2px;
}

#navigation a.portfolio {
  background-position: -256px -38px;
  width: 133px;
}

#navigation .highlight a.portfolio:hover,
#navigation a.portfolio .hover {
  background-position: -256px -2px;
}

#navigation a.products {
  background-position: -389px -38px;
  width: 165px;
}

#navigation .highlight a.products:hover,
#navigation a.products .hover {
  background-position: -389px -2px;
}

#navigation a.about {
  background-position: -552px -38px !important;
  width: 129px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -552px -2px !important;
}