/********************************************************************
  Navigation - CSS document. Author: Mars Nel - Quirk E-Marketing -
*********************************************************************/
.sf-menu, .sf-menu * {
  margin:     0;
  padding:    0;
  list-style:   none;
}
.sf-menu li {
  float:      left;
  position:   relative;
}
ul.sf-menu a {
  display: block;
  position: relative;
  background-image: url(/images/nav/nav.png);
  background-repeat: no-repeat;
  background-color: transparent;
  height: 49px;
  padding: 0;
  outline-color: #ccc;
}

div#navWrapper span { display: none; }

/* Top Level ul */
ul.sf-menu { position: relative; width: 593px; height: 49px; float: left; }

/* Nav Items */ 
a#homeLink { width: 94px; background-position: 0 0; margin-right: 4px; }
  a#homeLink:hover, li.active a#homeLink { background-position: 0 -49px; }
a#mobiledevicesLink { width: 165px; background-position: -98px 0; margin-right: 5px; }
  a#mobiledevicesLink:hover, li.active a#mobiledevicesLink { background-position: -98px -49px; }
a#servicesLink { width: 111px; background-position: -268px 0; margin-right: 5px; }
  a#servicesLink:hover, li.active a#servicesLink { background-position: -268px -49px; }
a#environmentLink { width: 209px; background-position: -384px 0; }
  a#environmentLink:hover, li.active a#environmentLink { background-position: -384px -49px; }