#navigation {
  margin:0;
  padding: 0;
  clear:both;
  width:900px;
  height:51px;
  background: #FFFFFF url(img/dropdown-bg01.gif) repeat-x left top;
}


ul.nav-main,
ul.nav-main li {
  list-style: none;
  margin: 0;
  padding: 0;
}


ul.nav-main {
  position: relative;
  z-index: 597;
}

ul.nav-main li:hover > ul {
  visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
  position: relative;
  z-index: 599;
  cursor: pointer;
  background: url(img/dropdown-bg-hover.gif) repeat-x left top;
}



ul.nav-main li {
  float:left;
  display:block;
  height: 51px;
  color: #ccd;
  background: url(img/separator.gif) no-repeat right center;
}

ul.nav-main li a {
  display:block;
  padding: 16px 16px 0 16px;
  height: 35px;
  color: #ddb;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bolder;
  font-size:14px;
  text-decoration:none;
}

ul.nav-main li a:hover {
  color:#D6D6D6;
}



ul.nav-main *.list {
  padding-right: 22px;
  background: url(img/navigation-arrow.gif) no-repeat right top;
}



ul.nav-sub {
  visibility: hidden;
  position: absolute;
  padding:10px;
  bottom: 48px;
  left: 0;
  z-index: 598;
  background: #353535 url(img/dropdown-list-bg.gif) repeat-x left top;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}


ul.nav-sub li {
  list-style:none;
  display:block;
  padding: 0;
  height: 27px;
  float: none;
  width:145px;
  border-bottom: 1px solid #5a5a5a;
  background: none;
}

ul.nav-sub li a {
  list-style:none;
  display:block;
  padding: 6px 5px 6px 5px;
  height: 15px;
  float: none;
  width:145px;
  background: none;
  font: 12px Arial, Helvetica, sans-serif;
}