@charset "UTF-8";

/*  PRIMARY NAVIGATION (TOP LEVEL)  */
ul.primary, ul.dropdown { list-style-type:none;}
ul.primary li { float:left; position:relative;}
ul.primary li a:link, ul.primary li a:visited { display:block; height:29px; text-indent:-5000em; }
ul.primary li a:hover, ul.primary li:hover a { background-position:bottom left; border:0; }

ul.primary li.about a { background-image:url(../images/nav_who.gif); width:131px; }
ul.primary li.services a { background-image:url(../images/nav_what.gif); width:120px; } 
ul.primary li.successes a { background-image:url(../images/nav_done.gif); width:149px; } 
ul.primary li.partners a { background-image:url(../images/nav_partners.gif); width:132px; } 
ul.primary li.careers a { background-image:url(../images/nav_careers.gif); width:104px; } 
ul.primary li.contact a { background-image:url(../images/nav_contact.gif); width:116px; } 

/* centering */
ul.primary li.about ul { left:31px; }
ul.primary li.services ul  { left:-100px; width:700px; }
ul.primary li.successes ul { left:-65px;}
ul.primary li.careers ul  { left:-237px; }

/*  SECONDARY NAVIGATION (DROP-DOWN)  */
ul.dropdown { line-height:22px; position: absolute; width:400px;}
ul.dropdown li { display:inline; margin-right:1.8em; }
ul.dropdown li.last { margin-right:0; }
ul.dropdown li a:link, ul.dropdown li a:visited  { background-image:none; float:left; font-size:11px; text-indent:0; text-decoration:none; width:auto; }
ul.dropdown li a:hover, ul.dropdown li a.active:hover, ul.dropdown li a.inactive:hover { color:#265571; }
ul.primary li ul { display:none; } /* conceals */
ul.primary li:hover ul { display:block; } /* shows upon hover */

/*  TERTIARY NAVIGATION (RIGHT COLUMN)  */
ul.tertiary { margin-bottom:100px; }

/*  HIGHLIGHTS ACTIVE LINKS - PRIMARY NAV  */
#about li.about a:link,#about li.about a:visited,
#services li.services a:link,#services li.services a:visited,
#successes li.successes a:link,#successes li.successes a:visited,
#partners li.partners a:link,#partners li.partners a:visited,
#careers li.careers a:link,#careers li.careers a:visited ,
#contact li.contact a:link,#contact li.contact a:visited { background-position:bottom left; }

/* HIGHLIGHTS SECTION-SPECIFIC NAVIGATION */
#about li.about ul.dropdown,
#services li.services ul.dropdown,
#successes li.successes ul.dropdown,
#careers li.careers ul.dropdown { display:block; }

/* HIGHLIGHTS ACTIVE LINKS IN DROP-DOWN */
ul.dropdown li a.active { color:#2B4323; }
ul.dropdown li a.inactive { color:white; }