
/* All menu links */
#nav a, #subMenusContainer a { display:block;  }
#subMenusContainer {}
/*#nav UL LI{background-color:#f7f5f5;}*/
#subMenusContainer a { padding:8px 0px 10px 18px; color:#4d4d4d; text-decoration:none; border-bottom:1px solid #FFF; min-width:189px;margin:0px 16px;background:url(../_img/arrow-subnav.gif) no-repeat 0px 12px;}
#subMenusContainer a.lastsub {border-bottom:none}
#subMenusContainer a:hover { color:#002a5c; }

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a { margin:0; float:left; color:#333; }

/* Just sub menu links */
#subMenusContainer a, #nav li li a { text-align:left; }

/* All menu links on hover or focus */
#navigation LI.home A.mainMenuParentBtn { background:url(../_img/nav-home-off.gif) no-repeat; }
#navigation LI.home A.mainMenuParentBtnFocused { background:url(../_img/nav-home-on.gif) no-repeat; }
#navigation LI.domestic A.mainMenuParentBtn { background:url(../_img/nav-domestic-off.gif) no-repeat; }
#navigation LI.domestic A.mainMenuParentBtnFocused { background:url(../_img/nav-domestic-on.gif) no-repeat; }
#navigation LI.commercial A.mainMenuParentBtn { background:url(../_img/nav-commercial-off.gif) no-repeat; }
#navigation LI.commercial A.mainMenuParentBtnFocused { background:url(../_img/nav-commercial-on.gif) no-repeat; }
#navigation LI.industrial A.mainMenuParentBtn { background:url(../_img/nav-industrial-off.gif) no-repeat; }
#navigation LI.industrial A.mainMenuParentBtnFocused { background:url(../_img/nav-industrial-on.gif) no-repeat; }
#navigation LI.projects A.mainMenuParentBtn { background:url(../_img/nav-projects-off.gif) no-repeat; }
#navigation LI.projects A.mainMenuParentBtnFocused { background:url(../_img/nav-projects-on.gif) no-repeat; }
#navigation LI.testimonials A.mainMenuParentBtn { background:url(../_img/nav-testimonials-off.gif) no-repeat }
#navigation LI.testimonials A.mainMenuParentBtnFocused { background:url(../_img/nav-testimonials-on.gif) no-repeat }
#navigation LI.clients A.mainMenuParentBtn { background:url(../_img/nav-clients-off.gif) no-repeat }
#navigation LI.clients A.mainMenuParentBtnFocused { background:url(../_img/nav-clients-on.gif) no-repeat }
#navigation LI.contact A.mainMenuParentBtn { background:url(../_img/nav-contact-off.gif) no-repeat }
#navigation LI.contact A.mainMenuParentBtnFocused { background:url(../_img/nav-contact-on.gif) no-repeat }

/* sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus { color:#002a5c; font-weight:bold}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW { display:none; position: absolute; overflow:hidden; /*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 4px; margin:0 0 0 -4px; }
	
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { list-style: none;}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*border around submenu goes here*/	 
	/*background:#fff;*//* border:2px solid #b3b1b1; border-top:none;*/ left:0;background-color:#e8e8e9; }
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */

#nav li { /*great place to use a background image as a divider*/
	display:block; list-style:none; position:relative; float:left; }

#subMenusContainer li { list-style: none; }
/* main menu ul or ol elment */

#nav { /*display:block;*/
	/*position: absolute;*/
	list-style:none; /*margin:0 0 0 0;*/
	z-index:5; text-align: center; display:block; }

#subMenusContainer { display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li { float:none; }
#nav li li a { /* Just submenu links*/ position:relative; float:none; }
#nav li ul { /* second-level lists */ position: absolute; width: 10em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-top:2.2em; }

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul { margin-left: -1000em; }

/* lists nested under hovered list items */
#nav li:hover ul { margin-left: 0; }
#nav li li:hover ul { margin-left: 10em; margin-top:-2.5em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em; }
#nav li li a:focus { left:0; margin-left:1000em; width:10em; margin-top:0; }
#nav li li li a:focus { left:0; margin-left: 2010em; width: 10em; margin-top:-1em; }
#nav li:hover a:focus { margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }
