/* Root = Horizontal, Secondary = Vertical */
ul#nav {
  /* width: 703px; For KHTML, width of global nav */
  list-style: none;
  height: 43px; /* Height of navbar */
}

ul#nav li {
  margin: 0;
  padding: 0;
  float: left; /* For Gecko */
  display: inline;
  list-style: none;
  position: relative;
  /* height: 43px;  Height of buttons, don't need this anymore!? */
}

ul#nav li.main {
  height: 43px;
}

ul#nav li.main a.main {
  padding: 0 0 10px 0;
  float: left;
  display: block;
  height: 33px;
  text-indent: -3000px;
  line-height: 33px;
}

ul#nav li#products a.main:hover, ul#nav li#products:hover a.main, #s-products ul#nav li#products a.main,

ul#nav li#digital a.main:hover, ul#nav li#digital:hover a.main, #s-digital ul#nav li#digital a.main, 
ul#nav li#traditional a.main:hover, ul#nav li#traditional:hover a.main, #s-traditional ul#nav li#traditional a.main, 
ul#nav li#upload a.main:hover, ul#nav li#upload:hover a.main, #s-upload ul#nav li#upload a.main, 
ul#nav li#resources a.main:hover, ul#nav li#resources:hover a.main, #s-resources ul#nav li#resources a.main, 
ul#nav li#about a.main:hover, ul#nav li#about:hover a.main, #s-about ul#nav li#about a.main, 
ul#nav li#customer-service a.main:hover, ul#nav li#customer-service:hover a.main, #s-customer ul#nav li#customer-service a.main  { background-position: 0 -43px; }

ul#nav li#digital a.main { width: 81px; background: url(../images/btn_digital.gif) no-repeat; }
ul#nav li#traditional a.main { width: 101px; background: url(../images/btn_traditional.gif) no-repeat; }
ul#nav li#upload a.main { width: 107px; background: url(../images/btn_upload.gif) no-repeat; }
ul#nav li#resources a.main { width: 95px; background: url(../images/btn_resources.gif) no-repeat; }
ul#nav li#about a.main { width: 90px; background: url(../images/btn_about.gif) no-repeat; }
ul#nav li#customer-service a.main { width: 123px; background: url(../images/btn_customer-service.gif) no-repeat; }

ul#nav ul {
  margin: 0;
  padding: 0;
  width: 150px; /* Width of drop-downs */
  list-style: none;
  display: none;
  position: absolute;
  top: 43px; /* Corresponds to height of main nav */
  left: 0;
  z-index: 100;
}

ul#nav li#digital ul {
  width: 185px; /* Only for the Digital drop-down menu! */
}

ul#nav ul li {
  height: auto;
  line-height: 25px; /* makes sure each button is filled with background color according to the height above */
  border-bottom: 1px solid #363636;
  float: none; /* For Gecko */
  display: block !important;
  display: inline; /* For IE */
}

/* Root Menu */
ul#nav a {
  padding: 0 8px;
  float: none !important; /* For Opera */
  float: left; /* For IE */
  display: block;
  background: #000;
  color: #FFF;
  text-decoration: none;
  height: auto !important;
  height: 1%; /* For IE */
}

/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
  background: #CDCDCE;
  color: #000;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none;
  background: #000;
  color: #BFBFC0;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
  background: #CDCDCE;
  color: #000;
}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
  background: ;
  color: ;
}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
  background: ;
  color: ;
}

/* 4th Menu */
ul#nav li:hover li:hover li:hover li a,
ul#nav li.iehover li.iehover li.iehover li a {
  background: ;
  color: ;
}

/* 4th Menu Hover Persistence*/
ul#nav li:hover li:hover li:hover li a:hover,
ul#nav li.iehover li.iehover li.iehover li a:hover {
  background: ;
  color: ;
}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 150px; /* Width of drop-downs */
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}