#navcompany, #navservices, #navclients, #navproducts, #navmediacentre, #navcontactus, #navhome

{

  display: block;

  width: 110px;

  height: 12px;

}



#navhome {background: url("menu_top_home.png") no-repeat 0 -12px;}

#navcompany {background: url("menu_top_company.png") no-repeat 0 -12px;}

#navservices {background: url("menu_top_services.png") no-repeat 0 -12px;}

#navclients {background: url("menu_top_clients.png") no-repeat 0 -12px;}

#navproducts {background: url("menu_top_products.png") no-repeat 0 -12px;}

#navmediacentre {background: url("menu_top_mediacentre.png") no-repeat 0 -12px;}

#navcontactus {background: url("menu_top_contactus.png") no-repeat 0 -12px;}



#navcompany:hover, #navservices:hover, #navclients:hover, #navproducts:hover, #navmediacentre:hover, #navcontactus:hover, #navhome:hover

{ 

  background-position: 0 0;

}



#navcompany span, #navservices span, #navclients span, #navproducts span, #navmediacentre span, #navcontactus span, #navhome span

{

  display: none;

}

#now2 #navhome, #now89 #navmediacentre, #now12 #navcontactus {
  background-position: 0 0;
  top: -2px;
  position: relative;
}

#now222 #navcompany, #now45 #navcompany, #now48 #navcompany, #now51 #navcompany, #now200 #navcompany { 
  background-position: 0 0;
  top: -2px;
  position: relative;
}

#now224 #navservices, #now54 #navservices, #now56 #navservices, #now7 #navservices, #now62 #navservices, #now73 #navservices { 
  background-position: 0 0;
  top: -2px;
  position: relative;
}

#now226 #navclients, #now79 #navclients, #now81 #navclients, #now204 #navclients { 
  background-position: 0 0;
  top: -2px;
  position: relative;
}

#now228 #navproducts, #now83 #navproducts, #now85 #navproducts, #now87 #navproducts { 
  background-position: 0 0;
  top: -2px;
  position: relative;
}



.ddsmoothmenu{

width: 770px;

font-size: 1.1em;

font-weight: bold;

margin-top: 3px;

}



.ddsmoothmenu ul{

z-index:1000;

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/



.ddsmoothmenu ul li{

position: relative;

display: inline;

float: left;

text-align: center;

}



/*Top level ONLY list items*/



.ddsmoothmenu ul li.navtop {

height: 22px;

}



.ddsmoothmenu ul li.navtop:hover {



}



/*Top level menu link items style*/



.ddsmoothmenu ul li a{

display: block;

color: white;

padding: 0;

border: none;

color: #fffff;

text-decoration: none;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

padding: 0;

margin: 0;

}



.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{

color: #fffff;

}



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

color: #fffff;

}



.ddsmoothmenu ul li a:hover{

color: #fffff;

}



/*1st sub level menu*/



.ddsmoothmenu ul li ul{

margin: 0;

padding: 25px 0 0 0;

position: absolute;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

background-repeat: no-repeat;

width: 150px;

}



.ddsmoothmenu ul li ul.dr1 {

background-image:url(our-companie-dropdown.png);

height: 88px;

}



.ddsmoothmenu ul li ul.dr2 {

background-image:url(services-dropdown.png);

height: 105px;

}



.ddsmoothmenu ul li ul.dr3 {

background-image:url(clients-dropdown.png);

height: 75px;

}



.ddsmoothmenu ul li ul.dr4 {

background-image:url(clients-dropdown.png);

height: 75px;

}



.ddsmoothmenu ul li ul.dr5 {

background-image:url(clients-dropdown.png);

height: 75px;

}



/*Sub level menu list items (undo style from Top level List Items)*/



.ddsmoothmenu ul li ul li{

display: list-item;

float: none;

text-align: center;

width: 150px;

padding-bottom: 3px;

height: 11px;

font-size: 0;

list-style-position: outside;

text-align: left;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */



.ddsmoothmenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */



.ddsmoothmenu ul li ul li a{

width: 110px; /*width of sub menus*/

padding: 0;

border: none;

font-size: 0.75em;

font-weight: normal;

text-align: left;

}



.ddsmoothmenu li.lgebtn{

width: 150px; /*width of sub menus*/

}



/* Holly Hack for IE \*/



* html .ddsmoothmenu{height: -10px;} /*Holly Hack for IE7 and below*/



/* ######### CSS classes applied to down and right arrow images  ######### */



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

opacity: 0.8;

}



/* ######### CSS backgrounds  ######### */



.navbtn {

color: #fffff;

}



.navbtn:hover {

}