/* remove any paddings from the top menu bar.

   Also, note that the main menu bar is embedded in a div with
   style="float: left" in order to make the menu have the
   minimum width (otherwise it'll take all the available
   horizontal space).
*/
div.dynarch-horiz-menu { padding: 0; }
div.dynarch-horiz-menu table { padding: 0; border-collapse: collapse; }
div.dynarch-horiz-menu table tr td.item table td.icon, 
div.dynarch-horiz-menu table tr td.item,
div.dynarch-horiz-menu table tr td.hover,
div.dynarch-horiz-menu table tr td.active,
div.dynarch-horiz-menu table tr td.pressed { padding: 0; border: none; }

/* remove the border too */
 div.dynarch-horiz-menu { border: none; } 

/* home */
img.menubar-home {
  background-image: url("../images/home_off.gif");
  width: 72px;
  height: 65px;
}
td.hover img.menubar-home, 
td.active img.menubar-home, 
div.nav-home img.menubar-home
{ background-image: url("../images/home_on.gif"); }

/* advantage */
img.menubar-advantage {
  background-image: url("../images/advantage_off.gif");
  width: 98px;
  height: 65px;
}
td.hover img.menubar-advantage, 
td.active img.menubar-advantage, 
div.nav-advantage img.menubar-advantage
{ background-image: url("../images/advantage_on.gif"); }

/* products */
img.menubar-products {
  background-image: url("../images/products_off.gif");
  width: 90px;
  height: 65px;
}
td.hover img.menubar-products, 
td.active img.menubar-products, 
div.nav-products img.menubar-products
{ background-image: url("../images/products_on.gif"); }

/* services */
img.menubar-services {
  background-image: url("../images/services_off.gif");
  width: 91px;
  height: 65px;
}
td.hover img.menubar-services, 
td.active img.menubar-services, 
div.nav-services img.menubar-services
{ background-image: url("../images/services_on.gif"); }

/* company */
img.menubar-company {
  background-image: url("../images/company_off.gif");
  width: 94px;
  height: 65px;
}
td.hover img.menubar-company,
td.active img.menubar-company, 
div.nav-company img.menubar-company
{ background-image: url("../images/company_on.gif"); }

/* Global */
img.menubar-global {
  background-image: url("../images/global_off.gif");
  width: 76px;
  height: 65px;
}
td.hover img.menubar-global, 
td.active img.menubar-global, 
div.nav-global img.menubar-global
{ background-image: url("../images/global_on.gif"); }