/* #menu * {outline: none !important; } */
#menu {height: 30px; background: url(http://www.sfusion.com/images/nav/blank.png) repeat-x; position: absolute; top: 106px; left: 7px; width: 844px; }
#menu li {float: left; height: 30px; list-style: none; margin: 0;}

#menu li:hover ul{display: block; }
#menu li:hover ul ul {display: none; }

#menu li a {display: block; height: 30px; float: left; text-decoration: none; margin: 0; font-size: 0px; color: #aeb4b4;}
#menu ul li a {text-indent: 0px; }
#menu li a {background: url(http://www.sfusion.com/images/nav/whole_nav.png) no-repeat; }

#menu li a#home_btn {background-position: 0px 0px; width:99px; }
#menu li a#services_btn {background-position: -100px 0; width:100px;}
#menu li a#solutions_btn {background-position: -201px 0; width:109px;}
#menu li a#hosting_btn {background-position: -311px 0; width:100px;}
#menu li a#portfolio_btn {background-position: -412px 0; width:102px;}
#menu li a#about_btn {background-position: -515px 0; width:91px;}
#menu li a#contact_btn {background-position: -615px 0; width:92px;}
#menu li a#help_btn {background-position: -844px 0; width:95px;} 
#menu #help_li {width: 95px; margin-left: 50px; }

* html #menu #help_li {margin-left: 48px; }
#menu li a#contact_btn:hover {background-position: -615px -30px;}
#menu li a#help_btn:hover {background-position: -844px -30px;}
#menu li a#home_btn:hover {background-position: 0 -30px; }

#services_li ul {margin-left: 24px;}
#solutions_li ul {margin-left: 1px; }
#hosting_li ul {margin-left: 170px; }
#portfolio_li ul {margin-left: 334px; }
#about_li ul {margin-left: 354px;  }
#help_li ul {margin-left: 530px; }


#menu ul {height: 30px; position: absolute; top: 30px; left: 0px; display: none; z-index: 10; } /* width: auto;} */
* html #menu ul {width: 100%; }
* html #menu ul ul {width: auto; }

#menu ul li {width: auto; position: relative;}
#menu ul li a {height: 30px; color: #555; font-size: 11px; line-height: 30px; background: url(http://www.sfusion.com/images/nav/sub_btn_l.png) no-repeat; }
#menu ul li a span {height: 30px; color: #555; display: block; float: left; background: url(http://www.sfusion.com/images/nav/sub_btn_r.png) 100% 0px no-repeat; padding: 0 20px; white-space: nowrap; }
#menu ul li a.drop span {background-image: url(http://www.sfusion.com/images/nav/sub_btn_r_drop.png); }

#menu ul li:first-child a {background-position: 0px -60px;}
#menu ul li a:hover {color: #000;  background-position: 0px -30px;}				
#menu ul li a:hover span {color: #000; background-position: 100% -30px; cursor: pointer;}

#menu li ul li ul {display: none; }

#menu li ul li:hover ul {margin: 0; padding: 0; width: 132px; background: #e0edff url(http://www.sfusion.com/images/nav/drop_bg.png) repeat-x; border: 1px solid #999; position: absolute; top: 28px; left: 0px; height: auto; display: block; }
#menu li ul li:hover ul li {width: 132px; display: block; margin: 0;}
#menu li ul li:hover ul li a {background: none; display: block; padding: 0; text-indent: 10px; width: 132px; text-align: left;}
#menu li ul li:hover ul li a:hover {background: url(http://www.sfusion.com/images/nav/drop_li_bg.png); }

/*
#menu ul li:hover ul {width: 130px; display: block; background: #ccc; border: 1px solid #666;}
#menu ul li:hover li a, #menu ul li:hover li {display: block; background: none;}
*/



div#submenu_bg {height:30px; width: 842px;  background: url(http://www.sfusion.com/images/nav/submenu_bg.png) repeat-x; position: absolute; top: 136px; left: 7px; border-left: 1px solid #8b919f; border-right: 1px solid #8b919f; z-index: -1;}
* html div#submenu_bg {width /**/: 844px; }
*|html div#submenu_bg {z-index: 1;}

.websites #websites_btn, .seo #websites_btn, .flash_sites #websites_btn, .maintenance #websites_btn,  
.graphics #graphics_btn, .logos #graphics_btn, .promos #graphics_btn,
.branding #marketing_btn,  .marketing #marketing_btn, .strategy #marketing_btn,
.custom #custom_btn, .instanturnaround #instanturnaround_btn, .lightspeed #lightspeed_btn, .packages #packages_btn, .retainer #retainer_btn, .startups #startups_btn, .digisist #digisist_btn, 
.dedicated #web_hosting_btn,  .web_hosting #web_hosting_btn, .domains #web_hosting_btn, .email #email_btn, .exchange #email_btn, .voip #voip_btn, .sharepoint  #sharepoint_btn, .crm #crm_btn, .ocs #ocs_btn,
.campaigns #campaigns_btn, .identity #identity_btn, .testimonials #testimonials_btn, 
.mission #mission_btn, .guarantee #guarantee_btn, .newsletter #newsletter_btn,  .locations #locations_btn, .network #network_btn,  
.faq #faq_btn, .request #request_btn, .knowledge_base #kb_btn
{ color: #000 !important; background-position: 0px -30px !important; }

.websites #websites_btn span, .seo #websites_btn span, .flash_sites #websites_btn span,  .maintenance #websites_btn span, 
.graphics #graphics_btn span, .logos #graphics_btn span, .promos #graphics_btn span,
.branding #marketing_btn span, .marketing #marketing_btn span, .strategy #marketing_btn span,
.custom #custom_btn span, .instanturnaround #instanturnaround_btn span, .lightspeed #lightspeed_btn span, .packages #packages_btn span, .retainer #retainer_btn span, .startups #startups_btn span, .digisist #digisist_btn span, 
.dedicated #web_hosting_btn span, .domains #web_hosting_btn span, .web_hosting #web_hosting_btn span, .email #email_btn span, .exchange #email_btn span, .voip #voip_btn span, .sharepoint #sharepoint_btn span, .crm #crm_btn span, .ocs #ocs_btn span,
.campaigns #campaigns_btn span, .identity #identity_btn span, .testimonials #testimonials_btn span, 
.mission #mission_btn span, .guarantee #guarantee_btn span, .newsletter #newsletter_btn span, .network #network_btn span,
.faq #faq_btn span, .request #request_btn span, .knowledge_base #kb_btn span,  .locations #locations_btn span
{ color: #000 !important; background-position: 100% -30px !important;  }