div#menu {
  width:697px; 
  height:21px;
  margin:0px;
  font-size:0.85em;
  font-weight: bold;
  position:relative;
  left: 41px;
  top: 2px;
  text-align:left;
  background-color: #008fc5;
  float: left;
}

div#menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

div#menu ul li {
  background:#008FC5;
  float:left;
  position:relative;
}

/* change the widths here */

div#menu ul li#nav_line {
	width:6px;
	color: #ffffff;
}

div#menu ul li#company {
	width:68px;
	background: url('images_nav/company_tab_corner.gif') no-repeat;
}

div#menu ul li#hvms_software {
	width:96px;
}

div#menu ul li#why_hvms {
	width:70px;
}

div#menu ul li#services {
	width:60px;  
}

div#menu ul li#digital_imaging {
	width:93px;
}

div#menu ul li#practice_management {
	width:133px;
}

div#menu ul li#partners {
	width:61px;
}

div#menu ul li#contact_us {
	width:71px;
}

/* Links: Primary Level */
div#menu ul li a {
  display:block;
  height:21px; 
  padding-left: 5px;
  padding-bottom: 0px;
  color:#fff;
  font-family:arial,helvetica,sans-serif;
  font-size:11px;
  text-decoration:none;
  margin-bottom: -2px;
}

/* Links: Primary: Mouse Over Colour */
div#menu ul li a:hover{
  background:#008061;
  color:#ffffff;
  border:0;
}

/* Links: Secondary */
div#menu ul li ul li a {
  width:140px;
  background:#E7E7E7; 
  color:#000; 
  height:auto;
  line-height:1em;
  padding:5px 5px; 
  font-weight: normal;
}

/* Links: Secondary: Mouse Over Colour */
div#menu ul li ul li a:hover {
  background:#008061;
  color:#fff;
}


/* Make It Work */

/* hide the sub levels and give them a positon absolute so that they take up no room */
div#menu ul li ul {
  visibility:hidden;
  position:absolute;
  top:21px;
  left:0; 
  width:100px;
  height:0;
}

/* (make the second level visible when hover on first level list OR link) */
div#menu ul li:hover ul, div#menu ul a:hover ul {
  visibility:visible;
  margin:0;
  padding:0;
  border:0;
}