/* ================================================================ 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. =================================================================== */ .preload1 {background: background: url(../images/navigation/orange/about_us_over.gif);} .preload2 {background: url(../images/three_1a.gif);} #nav {padding:0; margin:0; list-style:none; height:48px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; clear:none; float: left;} #nav li.top {display:block; float:left; height:48px;} #nav li a.top_link {display:block; float:left; height:48px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0; cursor:pointer;} /* Home */ #home { width: 107px; height: 48px; background: url(../images/navigation/orange/home.gif) no-repeat right top;} #home:hover { width: 107px; height: 48px; background: url(../images/navigation/orange/home_over.gif) no-repeat right top;} #homepreload { background: url(../images/navigation/orange/home_over.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #homeon { width: 107px; height: 48px; background: url(../images/navigation/orange/home_on.gif) no-repeat right top;} #home_g { width: 107px; height: 48px; background: url(../images/navigation/green/home_green.gif) no-repeat right top;} #home_g:hover { width: 107px; height: 48px; background: url(../images/navigation/green/home_over_green.gif) no-repeat right top;} #homepreload_g { background: url(../images/navigation/green/home_over_green.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #home_b { width: 107px; height: 48px; background: url(../images/navigation/blue/home_blue.gif) no-repeat right top;} #home_b:hover { width: 107px; height: 48px; background: url(../images/navigation/blue/home_over_blue.gif) no-repeat right top;} #homepreload_b { background: url(../images/navigation/blue/home_over_blue.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #home_r { width: 107px; height: 48px; background: url(../images/navigation/red/home_red.gif) no-repeat right top;} #home_r:hover { width: 107px; height: 48px; background: url(../images/navigation/red/home_over_red.gif) no-repeat right top;} #homepreload_r { background: url(../images/navigation/red/home_over_red.gif); no-repeat -9999px -9999px; width: 0; height: 0; } /* Company */ #company { width: 132px; height: 48px; background: url(../images/navigation/orange/about_us.gif) no-repeat right top;} #company:hover { width: 132px; height: 48px; background: url(../images/navigation/orange/about_us_over.gif) no-repeat right top;} #companypreload { background: url(../images/navigation/orange/about_us_over.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #companyon { width: 132px; height: 48px; background: url(../images/navigation/orange/about_us_on.gif) no-repeat right top;} #company_g { width: 132px; height: 48px; background: url(../images/navigation/green/about_us_green.gif) no-repeat right top;} #company_g:hover { width: 132px; height: 48px; background: url(../images/navigation/green/about_us_over_green.gif) no-repeat right top;} #companypreload_g { background: url(../images/navigation/green/about_us_over_green.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #company_b { width: 132px; height: 48px; background: url(../images/navigation/blue/about_us_blue.gif) no-repeat right top;} #company_b:hover { width: 132px; height: 48px; background: url(../images/navigation/blue/about_us_over_blue.gif) no-repeat right top;} #companypreload_b { background: url(../images/navigation/blue/about_us_over_blue.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #company_r { width: 132px; height: 48px; background: url(../images/navigation/red/about_us_red.gif) no-repeat right top;} #company_r:hover { width: 132px; height: 48px; background: url(../images/navigation/red/about_us_over_red.gif) no-repeat right top;} #companypreload_r { background: url(../images/navigation/red/about_us_over_red.gif); no-repeat -9999px -9999px; width: 0; height: 0; } /* Products */ #products { width: 134px; height: 48px; background: url(../images/navigation/orange/products.gif) no-repeat right top;} #products:hover { width: 134px; height: 48px; background: url(../images/navigation/orange/products_over.gif) no-repeat right top;} #productspreload { background: url(../images/navigation/orange/products_over.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #productson { width: 134px; height: 48px; background: url(../images/navigation/orange/products_on.gif) no-repeat right top;} #products_g { width: 134px; height: 48px; background: url(../images/navigation/green/products_green.gif) no-repeat right top;} #products_g:hover { width: 134px; height: 48px; background: url(../images/navigation/green/products_over_green.gif) no-repeat right top;} #productspreload_g { background: url(../images/navigation/green/products_over_green.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #products_b { width: 134px; height: 48px; background: url(../images/navigation/blue/products_blue.gif) no-repeat right top;} #products_b:hover { width: 134px; height: 48px; background: url(../images/navigation/blue/products_over_blue.gif) no-repeat right top;} #productspreload_b { background: url(../images/navigation/blue/products_over_blue.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #products_r { width: 134px; height: 48px; background: url(../images/navigation/red/products_red.gif) no-repeat right top;} #products_r:hover { width: 134px; height: 48px; background: url(../images/navigation/red/products_over_red.gif) no-repeat right top;} #productspreload_r { background: url(../images/navigation/red/products_over_red.gif); no-repeat -9999px -9999px; width: 0; height: 0; } /* Industries */ #industries { width: 133px; height: 48px; background: url(../images/navigation/orange/industries.gif) no-repeat right top;} #industries:hover { width: 133px; height: 48px; background: url(../images/navigation/orange/industries_over.gif) no-repeat right top;} #industriespreload { background: url(../images/navigation/orange/industries_over.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #industrieson { width: 133px; height: 48px; background: url(../images/navigation/orange/industries_on.gif) no-repeat right top;} #industries_g { width: 133px; height: 48px; background: url(../images/navigation/green/customers_green.gif) no-repeat right top;} #industries_g:hover { width: 133px; height: 48px; background: url(../images/navigation/green/customers_over_green.gif) no-repeat right top;} #industriespreload_g { background: url(../images/navigation/green/customers_over_green.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #industries_b { width: 133px; height: 48px; background: url(../images/navigation/blue/customers_blue.gif) no-repeat right top;} #industries_b:hover { width: 133px; height: 48px; background: url(../images/navigation/blue/customers_over_blue.gif) no-repeat right top;} #industriespreload_b { background: url(../images/navigation/blue/customers_over_blue.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #industries_r { width: 133px; height: 48px; background: url(../images/navigation/red/customers_red.gif) no-repeat right top;} #industries_r:hover { width: 133px; height: 48px; background: url(../images/navigation/red/customers_over_red.gif) no-repeat right top;} #industriespreload_r { background: url(../images/navigation/red/customers_over_red.gif); no-repeat -9999px -9999px; width: 0; height: 0; } /* Partners */ #partners { width: 133px; height: 48px; background: url(../images/navigation/orange/partners.gif) no-repeat right top;} #partners:hover { width: 133px; height: 48px; background: url(../images/navigation/orange/partners_over.gif) no-repeat right top;} #partnerspreload { background: url(../images/navigation/orange/partners_over.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #partnerson { width: 133px; height: 48px; background: url(../images/navigation/orange/partners_on.gif) no-repeat right top;} #partners_g { width: 133px; height: 48px; background: url(../images/navigation/green/partners_green.gif) no-repeat right top;} #partners_g:hover { width: 133px; height: 48px; background: url(../images/navigation/green/partners_over_green.gif) no-repeat right top;} #partnerspreload_g { background: url(../images/navigation/green/partners_over_green.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #partners_b { width: 133px; height: 48px; background: url(../images/navigation/blue/partners_blue.gif) no-repeat right top;} #partners_b:hover { width: 133px; height: 48px; background: url(../images/navigation/blue/partners_over_blue.gif) no-repeat right top;} #partnerspreload_b { background: url(../images/navigation/blue/partners_over_blue.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #partners_r { width: 133px; height: 48px; background: url(../images/navigation/red/partners_red.gif) no-repeat right top;} #partners_r:hover { width: 133px; height: 48px; background: url(../images/navigation/red/partners_over_red.gif) no-repeat right top;} #partnerspreload_r { background: url(../images/navigation/red/partners_over_red.gif); no-repeat -9999px -9999px; width: 0; height: 0; } /* News */ #news { width: 108px; height: 48px; background: url(../images/navigation/orange/contact.gif) no-repeat right top;} #news:hover{ width: 108px; height: 48px; background: url(../images/navigation/orange/contact_over.gif) no-repeat right top;} #newspreload { background: url(../images/navigation/orange/contact_over.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #newson { width: 108px; height: 48px; background: url(../images/navigation/orange/contact_on.gif) no-repeat right top;} #news_g { width: 108px; height: 48px; background: url(../images/navigation/green/contact_green.gif) no-repeat right top;} #news_g:hover{ width: 108px; height: 48px; background: url(../images/navigation/green/contact_over_green.gif) no-repeat right top;} #newspreload_g { background: url(../images/navigation/green/contact_over_green.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #news_b { width: 108px; height: 48px; background: url(../images/navigation/blue/contact_blue.gif) no-repeat right top;} #news_b:hover{ width: 108px; height: 48px; background: url(../images/navigation/blue/contact_over_blue.gif) no-repeat right top;} #newspreload_b { background: url(../images/navigation/blue/contact_over_blue.gif); no-repeat -9999px -9999px; width: 0; height: 0; } #news_r { width: 108px; height: 48px; background: url(../images/navigation/red/contact_red.gif) no-repeat right top;} #news_r:hover{ width: 108px; height: 48px; background: url(../images/navigation/red/contact_over_red.gif) no-repeat right top;} #newspreload_r { background: url(../images/navigation/red/contact_over_red.gif); no-repeat -9999px -9999px; width: 0; height: 0; } /* Default list styling */ #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.sub {left:1px; top:42px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:144px; height:auto; z-index:300;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:130px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:140px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;} #nav li ul.sub li a.fly {background:#bbd37e url(../images/arrow.gif) 136px 6px no-repeat;} #nav li:hover ul.sub li a:hover {background:#6a812c; color:#fff; border-color:#fff;} #nav li:hover ul.sub li a.fly:hover {background:#6a812c url(../images/arrow_over.gif) 136px 6px no-repeat; color:#fff;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:140px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:144px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#6a812c url(../images/arrow_over.gif) 136px 6px no-repeat; color:#fff; border-color:#fff;} #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {background:#bbd37e url(../images/arrow.gif) 136px 6px no-repeat; color:#000; border-color:#bbd37e;}