#nav {
  width: 758px;
  height: 49px;
  position: relative;
  background: url(images/menu.jpg);
  margin: 0;    
  padding: 0;
}
#nav li {
  float: left;
  list-style:none;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 49px;
  background: url(images/menu.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}


/* Off */

li#nav_home a {
  left: 0px;
  width: 76px;
  background-position: 0 0;
}

li#nav_about a {
  left: 76px;
  width: 98px;
  background-position: -76px 0;
}
li#nav_quality a {
  left: 174px;
  width: 82px;
  background-position: -174px 0;
}
li#nav_news a {
  left: 256px;
  width: 104px;
  background-position: -256px 0;
}
li#nav_products a {
  left: 360px;
  width: 79px;
  background-position: -360px 0;
}
li#nav_ordering a {
  left: 439px;
  width: 58px;
  background-position: -439px 0;
}
li#nav_submit a {
  left: 497px;
  width: 97px;
  background-position: -497px 0;
}
li#nav_samples a {
  left: 594px;
  width: 146px;
  background-position: -594px 0;
}


/* Hover */


li#nav_home a:hover {
  background-position: 0px -49px;
}
li#nav_about a:hover {
  background-position: -76px -49px;
}
li#nav_quality a:hover {
  background-position: -174px -49px;
}
li#nav_news a:hover {
  background-position: -256px -49px;
}
li#nav_products a:hover {
  background-position: -360px -49px;
}
li#nav_ordering a:hover {
  background-position: -439px -49px;
}
li#nav_submit a:hover {
  background-position: -497px -49px;
}
li#nav_samples a:hover {
  background-position: -594px -49px;
}


/* On */


#body_home li#nav_home  a {
  background-position: 0px -98px;
}
#body_about li#nav_about  a {
  background-position: -76px -98px;
}
#body_quality li#nav_quality a {
  background-position: -174px -98px;
}
#body_news li#nav_news a {
  background-position: -256px -98px;
}
#body_products li#nav_products a {
  background-position: -360px -98px;
}
#body_ordering li#nav_ordering a {
  background-position: -439px -98px;
}
#body_submit li#nav_submit a {
  background-position: -497px -98px;
}
#body_samples li#nav_samples a {
  background-position: -594px -98px;
}




/* SUB NAV */


.subnav{display:block}
.subnav *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#c1d2df}
.subnav1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ccdae5;
  border-right:1px solid #ccdae5;
  background:#c6d5e1}
.subnav2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d3dfe8;
  border-right:1px solid #d3dfe8;
  background:#c4d4e1}
.subnav3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c4d4e1;
  border-right:1px solid #c4d4e1;}
.subnav4{
  border-left:1px solid #ccdae5;
  border-right:1px solid #ccdae5}
.subnav5{
  border-left:1px solid #c6d5e1;
  border-right:1px solid #c6d5e1}
.subnavfg{
  background:#c1d2df}