/* ================================================================ 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_menu {padding-left:0px;padding-top:0px;margin:0px 0px 0px 0px; list-style:none;position:relative; z-index:1000; font-family:arial, verdana, sans-serif;} #nav_menu li.top {display:block; float:left; height:34px;} #nav_menu li a.top_link {display:block; float:left; height:34px;} #nav_menu li a.top_link b {position:absolute; left:-9999px;} #nav_menu li a.top_link span {float:left; padding:0 0px 0 0px; height:34px;} #nav_menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:34px;} #nav_menu li a#home {background:url(../imgs/homenav.jpg) no-repeat left top; width:60px;} #nav_menu li a#ourwork {background:url(../imgs/ourworknav.jpg) no-repeat left top; width:123px;} #nav_menu li a#services {background:url(../imgs/servicesnav.png)no-repeat left top; width:110px;} #nav_menu li a#experience {background:url(../imgs/experiencenav.png) no-repeat left top; width:200px;} #nav_menu li a#casestudies {background:url(../imgs/casestudiesnav.jpg) no-repeat left top; width:143px;} #nav_menu li a#media {background:url(../imgs/medianav.png) no-repeat left top; width:86px;} #nav_menu li a#about {background:url(../imgs/aboutnav.jpg) no-repeat left top; width:92px;} #nav_menu li a#connect {background:url(../imgs/connectnav.jpg) no-repeat left top; width:86px;} #nav_menu li a#visit {background:url(../imgs/visitnav.jpg) no-repeat left top; width:200px;} #nav_menu li a#home:hover, #nav_menu li a#services:hover, #nav_menu li a#experience:hover, #nav_menu li a#casestudies:hover, #nav_menu li a#media:hover, #nav_menu li a#about:hover, #nav_menu li a#connect:hover {background-position:left -34px;} #nav_menu li a#ourwork:hover{background-position:left -34px;} #nav_menu li a#visit:hover{background-position:left -34px;} #nav_menu li:hover a.top_link {color:#ccc;} /* Default list styling */ #nav_menu li:hover {position:relative; z-index:200;} #nav_menu li:hover ul.sub {left:0px; top:0px; background:url(../imgs/servicesnav.png) no-repeat left bottom; width:200px; height:353px; z-index:500;} #nav_menu li:hover ul.sub_exp {left:0px; top:0px; background:url(../imgs/experiencenav.png) no-repeat left bottom; width:200px; height:300px; z-index:500;} #nav_menu li:hover ul.sub_media {left:0px; top:0px; background:url(../imgs/medianav.png) no-repeat left bottom; width:170px; height:198px; z-index:500;} #nav_menu li:hover ul.sub_news {left:0px; top:0px; background:url(../imgs/news2.gif) no-repeat left bottom; width:119px; height:82px; z-index:500; padding-top:30px;} #nav_menu li:hover ul li {float:left; width:100%; margin-top:60px;} #nav_menu li:hover ul li a{display:block;background:url(../imgs/advertisingnav.jpg) no-repeat left top; height: 27px;width:200px;} #nav_menu li:hover ul li a#advertising{display:block;background:url(../imgs/advertisingnav.jpg) no-repeat left top; height: 27px;width:200px;} #nav_menu li:hover ul li a#branding {background:url(../imgs/brandingnav.jpg) no-repeat left top;height: 27px; width:200px:} #nav_menu li:hover ul li a#onlinemarketing{background:url(../imgs/onlinemarketingnav.jpg) no-repeat left top;height: 27px ;width:200px;} #nav_menu li:hover ul li a#packaging {background:url(../imgs/packagingnav.jpg) no-repeat left top; height: 27px;width:200px;} #nav_menu li:hover ul li a#salesmaterials {background:url(../imgs/salesnav.jpg) no-repeat left top;height: 27px; width:200px;} #nav_menu li:hover ul li a#socialmedia{background:url(../imgs/socialmedianav.jpg) no-repeat left top; height: 27px; width:200px;} #nav_menu li:hover ul li a#websitedevelopment {background:url(../imgs/websitenav.jpg) no-repeat left top; height: 27px; width:200px;} #nav_menu li:hover ul li a#b2b {background:url(../imgs/b2bnav.jpg) no-repeat left top;height: 27px; width:200px;} #nav_menu li:hover ul li a#consumer {background:url(../imgs/consumernav.jpg) no-repeat left top;height: 27px; width:200px;} #nav_menu li:hover ul li a#food {background:url(../imgs/foodnav.jpg) no-repeat left top;height: 27px; width:200px;} #nav_menu li:hover ul li a#green {background:url(../imgs/greennav.jpg) no-repeat left top;height: 27px; width:200px;} #nav_menu li:hover ul li a#technology {background:url(../imgs/technologynav.jpg) no-repeat left top;height: 27px; width:200px;} #nav_menu li:hover ul li a#publicity {background:url(../imgs/publicitynav.jpg) no-repeat left top;height: 27px; width:200px;} #nav_menu li:hover ul li a#pressroom {background:url(../imgs/pressroomnav.jpg) no-repeat left top;height: 25px; width:200px;} #nav_menu li:hover ul li a#blogger {background:url(../imgs/bloggernav.jpg) no-repeat left top;height: 25px; width:200px;} #nav_menu li:hover ul li a#advertising:hover, #nav_menu li:hover ul li a#branding:hover, #nav_menu li:hover ul li a#onlinemarketing:hover, #nav_menu li:hover ul li a#packaging:hover, #nav_menu li:hover ul li a#salesmaterials:hover, #nav_menu li:hover ul li a#socialmedia:hover, #nav_menu li:hover ul li a#websitedevelopment:hover, #nav_menu li:hover ul li a#b2b:hover, #nav_menu li:hover ul li a#consumer:hover, #nav_menu li:hover ul li a#food:hover, #nav_menu li:hover ul li a#green:hover, #nav_menu li:hover ul li a#technology:hover, #nav_menu li:hover ul li a#publicity:hover {background-position:left -27px;} #nav_menu li:hover ul li a#pressroom:hover, #nav_menu li:hover ul li a#blogger:hover {background-position:left -25px;} #nav_menu li:hover li:hover ul, #nav_menu li:hover li:hover li:hover ul, #nav_menu li:hover li:hover li:hover li:hover ul, #nav_menu li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #ffffff; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;} #nav_menu ul, #nav_menu li:hover ul ul, #nav_menu li:hover li:hover ul ul, #nav_menu li:hover li:hover li:hover ul ul, #nav_menu 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_menu li:hover li:hover a.fly, #nav_menu li:hover li:hover li:hover a.fly, #nav_menu li:hover li:hover li:hover li:hover a.fly, #nav_menu li:hover li:hover li:hover li:hover li:hover a.fly {background: color:#fff; border-color:#fff;} #nav_menu li:hover li:hover li a.fly, #nav_menu li:hover li:hover li:hover li a.fly, #nav_menu li:hover li:hover li:hover li:hover li a.fly {background:color:#000; border-color:#bbd37e;}