.chromemenu{
  width: 683px;         /* THEME: Requred.  Set to the width of the entire menu */
  /* THEME: Add additional general menu styles below */
  font: bold 11px Arial;
  /* THEME: Add a background here if desired for the entire menu */
  background: transparent url(../images/topmenu-background.gif) no-repeat scroll 0 0;
}

.chromemenu:after{
  /*Add margin between menu and rest of content in Firefox*/
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.chromemenu ul{
  /* THEME: For menus without a main menu background use/modify the following styles */
  /*
  width: 100%;
  height: 12px;
  border: 1px solid #BBBBBB;
  padding: 4px 0;
  */
  /* End */
  /* THEME: For menus with a background, set the height of the <ul> here */
  height: 21px;
  /* End */
  /*background: url("../images/chromebg.gif") center center repeat-x; /*THEME CHANGE HERE*/
  text-align: center; /* THEME: Set value to "left", "center", or "right" to adjust text alignment for the main menu */
}

.chromemenu ul li
{
  /* The styles below here should normally not be modified */
  display: inline;
}

.chromemenu ul li a{
  /* For fixed width menus use the following styles */
  display: block;
  float: left;
  /* End */
  margin: 2px 0 0 0;
  line-height: 15px;
  padding: 1px;
  font-size: 11px;
  font-weight: bold;
  color: #494949;
  text-decoration: none;
  border-right: 1px solid #CCCCCC;
}

.chromemenu ul li a:hover, .chromemenu ul li a.selected, .chromemenu ul li a.active{
  /* THEME: Set how the <a> links will look when selected and moused over here */
  /* Note: Script dynamically adds a class of "selected" to the current active menu item, the class name can be changed via config */
  /* background: url("../images/chromebg-over.gif") center center repeat-x; */
  color: #0A77DC;
}

/* ######### Style for Drop Down Menu ######### */
.chromemenu .dropmenudiv {
  /* THEME: Style the drop menu here */
  width: 172px;       /* THEME: Required.  Set to the width of each drop down menu.  The value of "auto" can be used to dynamically size the drop menu */
  padding: 0px 14px;
  background-color: white;
  opacity: 0.9;
  border: 1px solid #666666;
  /* The styles below here should normally not be modified */
  display: block;
  visibility: hidden;
  position:absolute;
  top: 0;
  z-index:100;
}


.chromemenu .dropmenudiv li{
  /* THEME: Style each drop menu list item here.  Normally padding, text-alignment and other inheritable properties go here */
  padding: 4px 0;
  text-align: left;
  /* The styles below here should normally not be modified */
  display: block;
  width: 100%;
}

/* THEME: If your markup includes a "first" and "last" class on the main menu
   <ul> list then these styles will override the default style above */
.chromemenu .dropmenudiv li.first
{
  padding-top: 10px;
}

.chromemenu .dropmenudiv li.last
{
  padding-bottom: 10px;
}

.chromemenu .dropmenudiv li a
{
  /* THEME: How should the links look in the drop menu */
  padding: 0;
  border: 0;
  font: normal 8pt Arial;
  /* The styles below here should normally not be modified */
  display: inline;
  float: none;
}

/*IE only hack*/
* html .dropmenudiv a{
  width: 100%;
}

.chromemenu .dropmenudiv a:hover{
  /* THEME: Style how a mouse over of the drop menu links look */
}

/* THEME: If you are using fixed width main menu items, make sure you specify
   the widths here using ID or class selectors.  You will need to make the
   appropriate changes to the markup to add the IDs or selectors */
#nav_main_home a { width: 132px; }
#nav_main_company a { width: 126px; }
#nav_main_products a { width: 137px; }
#nav_main_services a { width: 130px; }
#nav_main_contact a { width: 143px;border: 0; }