/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu { width:195px; position:relative; margin-top:5px;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; }

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu li.divider{display:block; width:195px;height:2px; background:url(../images/divider.png) right no-repeat;margin:0;padding:0;*margin-top:-15px;*margin-bottom:-2px;}
#menu ul ul {position:absolute; background:#888C54; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; width:195px;#font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;} 
#menu a span{ display:none; }

#menu a.home{display:block; height:30px; background: url(../images/home.png) 40px 6px no-repeat;}
#menu a.home:hover,#menu a.home.selected{background:url(../images/home_ov.png) 40px 6px no-repeat;}
#menu a.whoweare{display:block; height:30px; background: url(../images/whoweare.png) 40px 6px no-repeat;}
#menu a.whoweare:hover,#menu a.whoweare.selected{background: url(../images/whoweare_ov.png) 40px 6px no-repeat;}
#menu a.whatwedo{display:block; height:30px; background: url(../images/whatwedo.png) 40px 6px no-repeat;}
#menu a.whatwedo:hover,#menu a.whatwedo.selected{background: url(../images/whatwedo_ov.png) 40px 6px no-repeat;}
#menu a.whycredo{display:block; height:30px; background: url(../images/whycredo.png) 40px 6px no-repeat;}
#menu a.whycredo:hover,#menu a.whycredo.selected{background: url(../images/whycredo_ov.png) 40px 6px no-repeat;}
#menu a.contactus{display:block; height:30px; background: url(../images/contactus.png) 40px 6px no-repeat;}
#menu a.contactus:hover,#menu a.contactus.selected{background: url(../images/contactus_ov.png) 40px 6px no-repeat;}
#menu a.services{display:block; height:30px; background:#888C54 url(../images/services.png) 20px 6px no-repeat;}
#menu a.services:hover,#menu a.services.selected{background:#888C54 url(../images/services_ov.png) 20px 6px no-repeat;}
#menu a.sourcing{display:block; height:30px; background:#888C54 url(../images/sourcing.png) 20px 6px no-repeat;}
#menu a.sourcing:hover,#menu a.sourcing.selected{display:block; height:30px; background:#888C54 url(../images/sourcing_ov.png) 20px 6px no-repeat;}


#menu ul li:hover > ul {left:100%; margin-top:-30px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}