<ul id="dropmenu"> <li class="first active"><a href="index-2.html" title="Home">Home</a></li> <li><a href="company.html" title="Company">Company</a> <ul> <li><a href="company-about-us.html" title="About Us">About Us</a></li> <li><a href="company-customer-feedback.html" title="Customer Feedback">Customer Feedback</a></li> <li><a href="company-philosophy.html" title="Philosophy">Philosophy</a></li> </ul> </li> <li><a href="our-work.html" title="Our Work">Our Work</a> <ul> <li><a href="our-work.html#Wordpress" title="Wordpress">Wordpress</a></li> <li><a href="our-work.html#PSD" title="PSD">PSD</a></li> <li><a href="our-work.html#XHTML" title="XHTML">XHTML</a></li> <li><a href="our-work.html#Other" title="Other">Other</a></li> <li><a href="our-work.html#Custom" title="Custom Work">Custom Work</a></li> <li><a href="our-work-pricing.html" title="Services Pricing">Services Pricing</a></li> <li><a href="our-work-with-sidebar.html" title="Portfolio Alternative">Portfolio Alternative</a></li> </ul> </li> <li><a href="blog.html" title="Blog">Blog</a></li> <li><a href="customer-service.html" title="Customer Service">Customer Service</a> <ul> <li><a href="customer-service-help-faq.html" title="Help">Help & FAQ</a></li> <li><a href="#" title="Newsletter">Newsletter</a></li> <li><a href="#" title="Community">Community</a> <ul> <li><a href="#" title="Forum">Forum</a></li> <li><a href="#" title="Grandchild">Menu Grandchild</a></li> </ul> </li> <li><a href="tool-page.html" title="Tool Page">Tool Page</a></li> </ul> </li> <li><a href="contact.html" title="Contact">Contact</a></li> </ul>
/* main menu - jquery dropmenu */
#dropmenu { float:right; height:100px; }
#dropmenu .active { color:#ec8601; text-decoration:none; }
#dropmenu .active a,
#dropmenu .active a:hover { color:#ec8601; text-decoration:none; }
#dropmenu { float:right; text-align:right; }
#dropmenu { height:100px; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; }
#dropmenu a { height:55px; padding-top:45px; padding-bottom:0px; padding-left:16px; padding-right:16px; display:block; color:#ffffff; background:url(images/menu-divider.png) right no-repeat; background-position:0 50%; text-decoration:none;}
#dropmenu a:hover { color:#ec8601; }
#dropmenu li { float:left; position:relative; text-transform: uppercase; text-align:center; font-size: 14px; }
#dropmenu ul { position:absolute; display:none; width:184px; top:70px; left:-1px; background:url(images/nav-child-top.gif) no-repeat top center; padding-top:7px; }
#dropmenu ul li { font-size:14px; text-transform: capitalize; text-align:left; line-height:18px; white-space:nowrap; }
#dropmenu ul a { background: transparent url(images/nav-child-bg.png); padding-top:10px; padding-bottom:10px; border-left:1px solid #909090; border-right:1px solid #909090; border-bottom:1px solid #909090; }
#dropmenu li ul a { width:150px; height:auto; float:left; }
#dropmenu ul ul { top:auto; background:transparent url(images/nav-grandchild-top.gif) repeat-x; padding-top:1px; }
#dropmenu li ul ul { top:-1px; left:183px; margin:0px 0 0 0px; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; }
#dropmenu .first a { background:transparent; }
#dropmenu li.active li a { color:#ffffff !important; }
#dropmenu li.active li a:hover { color:#ec8601 !important; }