#navigation {
  list-style: none; 
	width: 405px; 
	margin: 10px auto;
	margin: 0px; padding: 0px;
}

#navigation li {
  float: left;
	margin: 0px; padding: 0px;
}

#navigation a * {
  display: none;
}

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


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

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

#navigation a.about {
  background-position: -58px 0px;
  width: 80px;    
}

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

#navigation a.services {
  background-position: -138px 0;
  width: 103px;
}

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

#navigation a.work {
  background-position: -241px 0;
  width: 73px;
}

#navigation .highlight a.work:hover,
#navigation a.work .hover {
  background-position: -241px -25px;
}

#navigation a.contact {
  background-position: -314px 0;
  width: 91px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -314px -25px;
}


#logo a * {
  display: none;
}

#logo a,
#logo a .hover {
  height: 146px;
	position: relative;
	display: block;
	background: url(/img/logoSprites.png) 0 0 no-repeat;
}


#logo a {
	background-position: 0 0;
  width: 262px;
}
#logo .highlight a:hover,
#logo a .hover {
  background-position: 0 -146px;
}