#navaboutus, #navservices, #navclients, #navproducts, #navmediacentre, #navcontactus, #navhome, #navresources



{



  display: block;



  width: 92px;



  height: 12px;



}

#navmediacentre {
	margin-left: 20px;
	width: 100px;
}

#navresources {
	margin-left: 15px;
	width: 110px;
}



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

#navaboutus {background: url("menu-about-us.png") no-repeat 0 -12px;}

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

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

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

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

#navresources {background: url("menu-resources.png") no-repeat 0 -12px;}

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







#navaboutus:hover, #navservices:hover, #navclients:hover, #navproducts:hover, #navmediacentre:hover, #navcontactus:hover, #navhome:hover, #navresources:hover
{ 
  	background-position: 0 0;
}







#navaboutus span, #navservices span, #navclients span, #navproducts span, #navmediacentre span, #navcontactus span, #navhome span, #navresources span
{
  	display: none;
}



#now2 #navhome, #now89 #navmediacentre, #now12 #navcontactus, #now725 #navresources {

  background-position: 0 0;

  top: -2px;

  position: relative;

}



#now222 #navaboutus, #now45 #navaboutus, #now48 #navaboutus, #now51 #navaboutus, #now200 #navaboutus { 

  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: 797px;



font-size: 1.1em;



font-weight: bold;



margin-top: 20px;



}







.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: 27px;
}







.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(clients-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 {



}