/* LEFT_NAV */

#content-left_nav {
  float: left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
#content-left_nav .sf-menu,
#content-left_nav .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-left_nav .sf-menu {
  line-height: 1.0;
}
#content-left_nav .sf-menu ul {
  display: none;
  position: absolute;
  top: -999em;
  background-color: #696969;
  border: #c00 1px solid;
}
#content-left_nav .sf-menu ul li {
  height: auto;
  width: 240px;
  padding: 6px 6px 6px 20px;
  background: none;
  line-height: normal;
}
#content-left_nav .sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
#content-left_nav .sf-menu li {
  display: block;
  position: relative;
  height: 40px;
  width: 130px;
  padding: 0 0 0 20px;
  background: url(../img/dots-short.png) center bottom no-repeat;
  line-height: 38px;
  overflow: visible;
}
#content-left_nav .sf-menu li.last {
  background: none;
}
#content-left_nav .sf-menu a {
  display: block;
  position: relative;
}
#content-left_nav .sf-menu li:hover ul,
#content-left_nav .sf-menu li.sfHover ul {
  left:	 0;
  top: 2.5em; /* match top ul list item height */
  z-index: 99;
}
#content-left_nav ul.sf-menu li:hover li ul,
#content-left_nav ul.sf-menu li.sfHover li ul {
  top: -999em;
}
#content-left_nav ul.sf-menu li li:hover ul,
#content-left_nav ul.sf-menu li li.sfHover ul {
  left: 150px; /* match ul width */
  top: 0;
}
#content-left_nav ul.sf-menu li li:hover li ul,
#content-left_nav ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
#content-left_nav ul.sf-menu li li li:hover ul,
#content-left_nav ul.sf-menu li li li.sfHover ul {
  left: 150px; /* match ul width */
  top: 0;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
#content-left_nav .sf-vertical,
#content-left_nav .sf-vertical li {
  /* width: 150px; */
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
#content-left_nav .sf-vertical li:hover ul,
#content-left_nav .sf-vertical li.sfHover ul {
  left: 150px; /* match ul width */
  top: 0;
}

/* SUB_NAV */
#client_projects_box ul.last {
  margin: 0;
}
ul.subnav_menu,
ul.subnav_menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.subnav_menu {
  float: left;
  position: relative;
  width: 318px;
  margin: 0 3px 0 0;
}
ul.subnav_menu ul {
  display: none;
  position: absolute;
  top: -999em;
  width: 314px;
  background-color: #333;
  border-left: #000 2px solid;
  border-right: #000 2px solid;
  border-bottom: #000 2px solid;
}
ul.subnav_menu ul a {
  height: auto;
  text-indent: 0;
  color: #fff;
  background: transparent;
}
ul.subnav_menu ul li {
  padding: 6px 6px 6px 20px;
  background-color: #333;
}
.subnav_menu li:hover ul,
.subnav_menu li.sfHover ul {
  left:	 0;
  top: 50px; /* match top ul list item height */
  z-index: 99;
}