/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:0; list-style:none; height:55px; background:#fff repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.menu {display:block; float:left; height:55px;}

#nav li a.menu_logo {display:block; float:left; height:55px; cursor:pointer;background: url(../imgs/menu_logo.jpg) 0 0;}
#nav li a.menu_logo span {float:left; display:block; width:130px; height:55px; background: url(../imgs/menu_logo.jpg) no-repeat 0 0;}

#nav li a.menu_home {display:block; float:left; height:55px; cursor:pointer;background: url(../imgs/menu_home.jpg) 0 0;}
#nav li a.menu_home span {float:left; display:block; width:86px; height:55px; background: url(../imgs/menu_home.jpg) no-repeat 0 0;}
#nav li:hover a.menu_home {width:86px; background: url(../imgs/menu_home.jpg) no-repeat 0 -55px;}
#nav li:hover a.menu_home span {background:url(../imgs/menu_home.jpg) no-repeat 0 -55px;}

#nav li a.menu_aboutus {display:block; float:left; height:55px; cursor:pointer;background: url(../imgs/menu_aboutus.jpg) 0 0;}
#nav li a.menu_aboutus span {float:left; display:block; width:104px; height:55px; background: url(../imgs/menu_aboutus.jpg) no-repeat 0 0;}
#nav li:hover a.menu_aboutus {width:104px; background: url(../imgs/menu_aboutus.jpg) no-repeat 0 -55px;}
#nav li:hover a.menu_aboutus span {background:url(../imgs/menu_aboutus.jpg) no-repeat 0 -55px;}

#nav li a.menu_products {display:block; float:left; height:55px; cursor:pointer;background: url(../imgs/menu_products.jpg) 0 0;}
#nav li a.menu_products span {float:left; display:block; width:99px; height:55px; background: url(../imgs/menu_products.jpg) no-repeat 0 0;}
#nav li:hover a.menu_products {width:99px; background: url(../imgs/menu_products.jpg) no-repeat 0 -55px;}
#nav li:hover a.menu_products span {background:url(../imgs/menu_products.jpg) no-repeat 0 -55px;}

#nav li a.menu_services {display:block; float:left; height:55px; cursor:pointer;background: url(../imgs/menu_services.jpg) 0 0;}
#nav li a.menu_services span {float:left; display:block; width:98px; height:55px; background: url(../imgs/menu_services.jpg) no-repeat 0 0;}
#nav li:hover a.menu_services {width:98px; background: url(../imgs/menu_services.jpg) no-repeat 0 -55px;}
#nav li:hover a.menu_services span {background:url(../imgs/menu_services.jpg) no-repeat 0 -55px;}

#nav li a.menu_totalsolutions {display:block; float:left; height:55px; cursor:pointer;background: url(../imgs/menu_totalsolutions.jpg) 0 0;}
#nav li a.menu_totalsolutions span {float:left; display:block; width:134px; height:55px; background: url(../imgs/menu_totalsolutions.jpg) no-repeat 0 0;}
#nav li:hover a.menu_totalsolutions {width:134px; background: url(../imgs/menu_totalsolutions.jpg) no-repeat 0 -55px;}
#nav li:hover a.menu_totalsolutions span {background:url(../imgs/menu_totalsolutions.jpg) no-repeat 0 -55px;}

#nav li a.menu_contactus {display:block; float:left; height:55px; cursor:pointer;background: url(../imgs/menu_contactus.jpg) 0 0;}
#nav li a.menu_contactus span {float:left; display:block; width:118px; height:55px; background: url(../imgs/menu_contactus.jpg) no-repeat 0 0;}
#nav li:hover a.menu_contactus {width:118px; background: url(../imgs/menu_contactus.jpg) no-repeat 0 -55px;}
#nav li:hover a.menu_contactus span {background:url(../imgs/menu_contactus.jpg) no-repeat 0 -55px;}

#nav li .menu_end {display:block; float:left; height:55px; cursor:default; background: url(../imgs/menu_end.jpg) 0 0;}
#nav li .menu_end span {float:left; display:block; width:131px; height:55px; background: url(../imgs/menu_end.jpg) no-repeat 0 0;}


/* Code for the 'View more here' button on the home page */

#viewmore {padding:0; margin:0; list-style:none; height:28px; background:#fff repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#viewmore li.button {display:block; float:left; height:28px;}

#viewmore li a.button_viewmore {display:block; float:left; height:28px; cursor:pointer;background: url(../imgs/box_pns_viewmore.jpg) 0 0;}
#viewmore li a.button_viewmore span {float:left; display:block; width:200px; height:28px; background: url(../imgs/box_pns_viewmore.jpg) no-repeat 0 0;}
#viewmore li:hover a.button_viewmore {width:200px; background: url(../imgs/box_pns_viewmore.jpg) no-repeat 0 -28px;}
#viewmore li:hover a.button_viewmore span {background:url(../imgs/box_pns_viewmore.jpg) no-repeat 0 -28px;}