#navigation {
  list-style: none;
  padding-left:370px;
  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/solarium/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: 129px;
}

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

#navigation a.services {
  background-position: -129px -38px;
  width: 154px;
}

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

#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: -283px -38px;
  width: 150px;
}

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

#navigation a.about {
  background-position: -433px -38px;
  width: 175px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -433px 0px;
}