@charset "utf-8";
/* CSS Document */

body {
    font-family: helvetica;
}

#navigation {
  list-style: none;
  float: right;
  margin-top: 48px;
  margin-right: 21px;
}

#navigation li {
  float: left;
  display: inline;
}

#navigation a * {
  display: none;
}


#navigation a,
#navigation a .hover {
  height: 137px;
	position: relative;
	display: block;
	background: url(images/sprite.png) 0 0 no-repeat;
}

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

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

#navigation a.pictures {
  background-position: -135px -0px;
  width: 135px;
}

#navigation .highlight a.about:hover,
#navigation a.pictures .hover {
  background-position: -135px -137px;
}

#navigation a.roster {
  background-position: -270px 0;
  width: 134px;
}

#navigation .highlight a.portfolio:hover,
#navigation a.roster .hover {
  background-position: -270px -137px;
}

#navigation a.about {
  background-position: -405px 0;
  width: 134px;
}

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