/* CSS Document */
#menu{
  width: 939px;
  list-style-type: none;
  margin: 8px auto 0 auto;
  padding: 0;
  display: block;
  height: 40px;

}
#menu li{
  border: 1px solid #d8d8d8;
  float: left;
  margin-left: 9px; 
  display: block;
  width: 179px;
  height: 38px;
  background: url('../images/menu_li.gif') no-repeat right bottom;
  text-align: left;
}
#menu li a{
  display: block;
  width: 179px;
  height: 26px;
  line-height: 26px;
  border: 0px solid #fff;
  border-width: 6px 0px 0px 0px;
  color: #9f9f9f;
  text-decoration: none;
  font-size: 120%;
  text-align: center;
  padding-bottom: 6px;
}
#menu li a:hover, #menu li.services a.click{
  border-bottom: 6px solid #82c81e;
  color: #666666;
  padding-bottom: 0px;
}
#menu li.sectors a:hover, #menu li.sectors a.click{
  border-bottom: 6px solid #2fa4ff;
  padding-bottom: 0px;
}
#menu li.packages a:hover, #menu li.packages a.click{
  border-bottom: 6px solid #ff9900;
  padding-bottom: 0px;
}
#menu li.about a:hover, #menu li.about a.click{
  border-bottom: 6px solid #a70800;
  padding-bottom: 0px;
}
#menu li.results a:hover, #menu li.results a.click{
  border-bottom: 6px solid #9439c6;
  padding-bottom: 0px;
}
#menu li.services { margin-left: -1px; _margin-left: 0 }
#menu li.results { margin-right: 0; }
#menu li.results{ width: 178px; _width: 177px;}
#menu li.results a{ width: 178px; ; _width: 177px;}
#menu li.results div{ width: 178px; ; _width: 177px;}
#menu li div{
  display: none;
  position: absolute;
  z-index: 1000;
  margin: 9px 0 0 -1px;
  padding: 0 0 0.5em 0;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-top-color: #fff;
  width: 179px;
}
#menu li.packages div, #menu li.services div{
  width: 200px
}
#menu li div span{
  margin: 0 0 0 0;
  padding: 0;
  float: none;
  left: 0;
  top: 0;
  height: auto;
  border: none;
  text-align: left;
  height: auto;
  line-height: 2em;
  display: block;
}
#menu li div span a{
  text-align: left;
  font-size: 100%;
  padding: 0 0 0 12px;
  border: 0px solid #fff;
  margin: 0px;
  background: #fff;
  width: auto;
  display: block;
  line-height: 2em;
  height: 2em;
} 

#menu li.services div span{
  background: transparent url('../images/sipka_services.gif') no-repeat 0em 0.8em;
}
#menu li.services div span a:hover, #menu li div span a:hover.back{
  color: #82c81e;
  border-bottom: 0px solid #fff;
  background: transparent;
  text-decoration:underline;
  } 

#menu li.sectors div span{
  background: transparent url('../images/sipka_sectors.gif') no-repeat 0em 0.8em;
}
#menu li.sectors div span a:hover{
  color: #2fa4ff;
  border-bottom: 0px solid #fff;
  background: transparent;
  text-decoration:underline;
  }
 
#menu li.packages div span{
  background: transparent url('../images/sipka_packages.gif') no-repeat 0em 0.8em;
}
#menu li.packages div span a:hover{
  color: #ff9900;
  border-bottom: 0px solid #fff;
  background: transparent;
  text-decoration:underline;
  }   
#menu li.about div span{
  background: transparent url('../images/sipka_about.gif') no-repeat 0em 0.8em;
}
#menu li.about div span a:hover{
  color: #A70800;
  border-bottom: 0px solid #fff;
  background: transparent;
  text-decoration:underline;
  }     
#menu li.results div span{
  background: transparent url('../images/sipka_results.gif') no-repeat 0em 0.8em;
}
#menu li.results div span a:hover{
  color: #9439c6;
  border-bottom: 0px solid #fff;
  background: transparent;
  text-decoration:underline;
  }    
  
     
#menu li div span em{
  display: none;
  background: #fff;
  width: 179px;
  z-index: 2000;
  position: absolute;
}
#menu li.packages div span em, #menu li.services div span em{
  width: 198px;
}
#menu li div span em a{
  font-style: normal;
  margin-left: 10px;
  line-height: 2em;
  height: 2em;
  background: transparent;
  color: #666666;
} 
#menu li.packages div span em a:hover{
  background: transparent url('../images/sipka_packages.gif') no-repeat 0% 50%;
  text-decoration:underline;
}
#menu li.services div span em a:hover{
  background: transparent url('../images/sipka_services.gif') no-repeat 0% 50%;
  text-decoration:underline;
}
#menu li.sectors div span em a:hover{
  background: transparent url('../images/sipka_sectors.gif') no-repeat 0% 50%;
  text-decoration:underline;
}
#menu li.results div span em a:hover{
  background: transparent url('../images/sipka_results.gif') no-repeat 0% 50%;
  text-decoration:underline;
}
#menu li.about div span em a:hover{
  background: transparent url('../images/sipka_about.gif') no-repeat 0% 50%;
  text-decoration:underline;
}

