
/* ---------- Main Nav ---------- */

#header span#navLeft {display: block; width: 10px; height: 57px; background: url(../images/nav_left.gif) no-repeat; top: 121px; left: -10px;}
#header ul {width: 940px; height: 39px; bottom: 0; background: url(../images/nav_bg.gif) repeat-x;}
#header ul li {float: left; background: url(../images/nav_sep.gif) no-repeat 100% 100%;}
#header ul li.freeQuote {float: right; background-image: none;}

#header ul li a:link, #header ul li a:visited {font-size: 1.4em; color: #fff; text-align: center;text-decoration: none; display: block; height: 39px; line-height: 39px; padding: 0 26px; position: relative;}
#header ul li a:hover {height: 42px; line-height: 45px; background: #fff url(../images/navlink_left.gif) 0 100%; top: -3px; color: #2f2f2f;}

#header ul li.services a {background: url(../images/drop_arrow.gif) no-repeat 94px 18px; padding-right: 35px;}
#header ul li.services a img {display: none;}

#header ul li.freeQuote a:link, #header ul li.freeQuote a:visited {display: block; height: 43px; line-height: 43px; background: #fff url(../images/bg_quote_link.gif) no-repeat 0 0; top: -4px;}
#header ul li.freeQuote a:hover {color: #fff; text-decoration: underline;}
#header ul li.freeQuote a span {background: #186d85 !important; height: 43px !important;}

/* ---------- Sub Nav "mini mega" ---------- */

ul.menuVert  {position: absolute; visibility: hidden; top: 161px; top: 166px \0; z-index: 3000;}
ul#servicesSub {background-image: none; background-color: #fff; width: 575px; height: 245px; left: 209px; box-shadow: 1px 2px 4px #2b2b2b; -webkit-box-shadow: 1px 2px 4px #2b2b2b; -moz-box-shadow: 1px 2px 4px #2b2b2b; border: 1px solid #d4d4d4 \0; border-top: none;}
ul#servicesSub li a:link, ul#servicesSub li a:visited, ul#servicesSub li ul a:link, ul#servicesSub li ul a:visited {color: #176f88; text-align: left; height: 35px; display: inline;}
ul#servicesSub li {float: none;}
ul#servicesSub li a:hover, ul#servicesSub li {background-image: none; background-color: transparent; height: 35px;}
#header ul li.services a:hover {height: 42px \0;; line-height: 45px \0;; background: #fff url(../images/navlink_left.gif) 0 100% \0; top: -3px \0;} 

ul#servicesSub li.services a {height:44px; line-height: 45px; position: absolute; top: -43px; background: #fff url(../images/navlink_left.gif) 0 0; color: #000;}
ul#servicesSub li.services a span {display: block; width: 4px; height: 45px; background: #fff; right: 0; top: 0;}
ul#servicesSub li.services a img, body#services ul li.services a img {position: absolute; top: 21px; right: 21px; display: inline-block;}


body#services #servicesSub li.services a { background-image: none; text-indent: -9999px; width: 58px;}
body#services #servicesSub li.services a img {display: none;}

ul#servicesSub li ul {background-image: none; width: 275px; position: relative; float: left; top: -25px;}
ul#servicesSub li ul.right {top: -60px; width: 290px;}
ul#servicesSub li ul a:link, ul#servicesSub li ul a:visited {background: #fff url(../images/d_down_bullet.gif) no-repeat 13px 8px; margin-left: 15px;}
ul#servicesSub li ul a:hover {text-decoration: underline;}
ul#servicesSub li.green {background: #fff url(../images/green_leaf.png) no-repeat 140px 11px;}
ul#servicesSub li.green a:link, ul#servicesSub li.green a:visited {color: #5dbc15; font-weight: bold; background: transparent url(../images/d_down_bullet_grn.gif) no-repeat 13px 8px;}

li.l11 a:link, li.l11 a:visited {font-weight: bold; background: url(../images/green_leaf.png) no-repeat 106px 13px; color: #5dbc15;}

/* ---------- On State ---------- */

body#about ul li.about a, body#home ul li.home a, body#services ul li.services a, body#portfolio ul li.port a, body#partners ul li.part a, body#contact ul li.contact a {height: 42px; line-height: 45px; background: #fff url(../images/navlink_left.gif) 0 100%; top: -3px; color: #2f2f2f;}
#header ul li.freeQuote a span, #header ul li a:hover span, body#about ul li.about a span, body#home ul li.home a span, body#services ul li.services a span, body#portfolio ul li.port a span, body#partners ul li.part a span, body#contact ul li.contact a span {display: block; width: 4px; height: 45px; background: #fff; right: 0; top: 0;}

/* ---------- Sub Nav On State ---------- */

ul.ul1 li.l1 a,ul.ul2 li.l2 a, ul.ul3 li.l3 a, ul.ul4 li.l4 a, ul.ul5 li.l5 a, ul.ul6 li.l6 a, ul.ul7 li.l7 a, ul.ul8 li.l8 a, ul.ul9 li.l9 a, ul.ul10 li.l10 a, ul.ul11 li.l11 a, ul.ul12 li.l12 a {background: #fff; color: #2f2f2f;}
ul.ul11 li.l11 a {background: #fff url(../images/green_leaf.png) no-repeat 106px 13px; color: #5dbc15;}

/* --------- Services, About Sub Nav ---------- */

body.subpage #leftColumn ul { }
body.subpage #leftColumn ul li {height: 45px; border-bottom: 1px solid #d6d6d6;}
body.subpage #leftColumn ul li.l1 {border-top: 1px solid #d6d6d6;}

body.subpage #leftColumn ul a:link, body.subpage #leftColumn ul a:visited {display: block; height: 45px; width: 222px; font-size: 1.3em; line-height: 45px; padding: 0 0 0 12px; text-decoration: none;}
body.subpage #leftColumn ul a:hover, li.l11 a:hover {background: #fff; background: rgba(255, 255, 255,.45); color: #2f2f2f;}
li.l11 a:hover {background-image: url(../images/green_leaf.png) !important; background-repeat: no-repeat !important; background-position: 106px 13px !important;}

/* ---------- Footer Nav ----------- */

#footer ul li {float: left; margin: 0 0 0 10px;}
#footer ul li a:link, #footer ul li a:visited {color: #575757; font-size: 1.1em; text-decoration: none;}
#footer ul li a:hover {color: #fff; text-decoration: underline;}