#nav, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#nav li {
  float: left;
  position: relative;
  back\ground: none;
}

#nav a {
  color: #fff;
  background-color: #51a8c2;
  text-decoration: none;
  display: block;
  width: auto;
  padding: 4px 10px;
}
#nav a:hover {
  color: #000;
  background: #ccc;
}
#nav a.dir {
	padding-right: 20px;
	background: url(nav-arrow-down.png) 100% 50% no-repeat;
}
#nav a.dir:hover {
  color: #000;
  background: #ccc url(nav-arrow-down2.gif) 100% 50% no-repeat;
  padding-right: 20px;
}
#nav li:hover,
#nav li.jshover {
  background: #333;
}

#nav li ul {
  display: none;
  position: absolute;
  background: #515151 url(fone-tr.png);
  padding: 8px 0;
  width: 178px;
}
#nav li li a {
  width: 168px;
  background: none;
}
#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 178px;
  top: -9px;
  left: 168px;
  lef\t: 173px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}