body {
  -moz-opacity: .999; //to defeat firefox redraw problem with fade effect
}

/* link styles */
.nav a {
  /*margin: 0;*/
  color: #333333;
  font-size: 11px;
  text-transform: uppercase;
  border-right: 1px solid #E1E1E1;
  display: block;
  padding: 10px 20px;
}

.nav li li a {
  /* style for links on pop-up menus */
  background: #F7F7F7 url(http://www.dmc-golf.com/assets/images/backgrounds/nav-gradient.png) bottom left repeat-x;
  border: 1px solid #E1E1E1;
  border-top: none;
  width: 14em;
  text-transform: none;
}

.nav a:hover{
  background-color: #FFFFFF;
  color: #ff7800;
  text-decoration: none;
}

/* main nav bar */
.nav {
  margin: 0;
  padding: 0;
  line-height: 1;
  float: left;
  width: 100%;
  border: 1px solid #E1E1E1;
  background: #F7F7F7 url(http://www.dmc-golf.com/assets/images/backgrounds/nav-gradient.png) bottom left repeat-x;
  margin-bottom: 20px;
}

/* all list items */
.nav  li {
  margin:0 !important;
  padding:0 !important;
  list-style: none; /* remove bullets */
  float: left; /* place buttons side by side */
  position: relative;
  display:inline; /* fix ie space between links problem*/
}

/* pop-up subnav */
.nav ul {
  position: absolute;
  left: -1px;
  top: 2.23em; /* change when you change height of links */
  display: none;
}

/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}