

#nav {
  width: 350px;
  height: 64px;
  position: relative;
  background:url(../images/topnav.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: 64px;
  background: url(../images/topnav.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}


/* ROW 1 is 0px from the top 0px from the left*/

li#nav_home a {
  left: 0;
  width: 62px;
  background-position: 0 0;
}
li#nav_web a {
  left: 62px;
  width: 82px;
  background-position: -62px 0;
}
li#nav_icon a {
  left: 144px;
  width: 56px;
  background-position: -144px 0;
}
li#nav_branding a {
  left: 200px;
  width: 88px;
  background-position: -200px 0;
}
li#nav_logos a {
  left: 288px;
  width: 62px;
  background-position: -288px 0;
}


/* ROW 2 is 64px from the top*/

li#nav_home a:hover {
  background-position: 0px -64px;
}
li#nav_web a:hover {
  background-position: -62px -64px;
}
li#nav_icon a:hover {
  background-position: -144px -64px;
}
li#nav_branding a:hover {
  background-position: -200px -64px;
}
li#nav_logos a:hover {
  background-position: -288px -64px;
}



#contact {
  width: 74px;
  height: 22px;
  position: relative;
  background:url(../images/contact.jpg);
  margin: 0;    
  padding: 0;
}


#contact li {
  float: left; list-style:none;
}

#contact li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 22px;
  background: url(../images/contact.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}


/* ROW 1 is 0px from the top 0px from the left*/

li#contact_on a {
  left: 0;
  width: 74px;
  background-position: 0px 0px;
}


/* ROW 2 is 22px from the top*/

li#contact_on a:hover {
  background-position: 0px -22px;
}

#slidenav {
  width: 165px;/*total nav width*/
  height: 15px;/*height of 1st link*/
  position: relative;
  background:url(../images/slidenav.png);
  margin-top: 25px;    
  padding: 0px;
}


#slidenav li {
  float: left; list-style:none;
}

#slidenav li a {
  position: absolute;
  top: 0px;
  margin: 0px;
  padding: 0px;
  display: block;
  height: 15px;
  background: url(../images/slidenav.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}


/* ROW 1 is 0px from the top 0px from the left*/

li#slidenav_prev a {
  left: 0px;
  width: 82px;
  background-position: 0px 0px;
}

li#slidenav_next a {
  left: 82px;
  width: 82px;
  background-position: 82px 0px;
}

/* ROW 2 is 16px from the top*/

li#slidenav_prev a:hover {
  background-position: 0px -16px;
}

li#slidenav_next a:hover {
  background-position: -82px -16px;
}

