/* ***************** SUB NAVIGATION ****************** */
#header ul#nav ul{
   position: absolute;
   top: 20px;
   left: 0;
   width: 476px;
   margin: 0 0 0 5px;
   padding: 0;
   padding-top: 14px;
}
#header ul#nav ul li, #header ul#nav ul li.selected{
   float: left;
   width: auto;
   color: black;
   border: none;
   font-size: 8px;
   margin: 0;
   padding: 0;
   height: 20px;
   position: relative;
   overflow: hidden;
   white-space: nowrap;
   text-transform: uppercase ;
   display: inline ; /* fixes IE6 double margin on float */
}
#header ul#nav ul li a{
   color: black;
   border: none;
   width: auto;
   margin: 0;
   padding: 0;
}
#header ul#nav ul li a:hover{
   color: white;
}
#header ul#nav ul li span {
   width: 100%;
   height: 100%;
   position: absolute;
}
#header ul#nav ul.about {
   background: url('/img/subnav_line_a.gif') top left no-repeat;
}
#header ul#nav ul.about li.clients {
   width: 51px;
}
#header ul#nav ul.about li.clients a span {
   background: url('/img/subnav_clients.jpg') top left no-repeat;
}
#header ul#nav ul.about li.clients a:hover span, #header ul#nav ul.about li.clients a span.selected {
   background: url('/img/subnav_clients_over.jpg') no-repeat;
}
#header ul#nav ul.about li.services {
   width: 72px;
}
#header ul#nav ul.about li.services a span {
   background: url('/img/subnav_services.jpg') no-repeat;
}
#header ul#nav ul.about li.services a:hover span, #header ul#nav ul.about li.services a span.selected {
   background: url('/img/subnav_services_over.jpg') no-repeat;
}
#header ul#nav ul.about li.principals {
   width: 79px;
}
#header ul#nav ul.about li.principals a span {
   background: url('/img/subnav_principals.jpg') no-repeat;
}
#header ul#nav ul.about li.principals a:hover span, #header ul#nav ul.about li.principals a span.selected {
   background: url('/img/subnav_principals_over.jpg') no-repeat;
}
#header ul#nav ul.about li.keystaff {
   width: 72px;
}
#header ul#nav ul.about li.keystaff a span {
   background: url('/img/subnav_keystaff.jpg') no-repeat;
}
#header ul#nav ul.about li.keystaff a:hover span, #header ul#nav ul.about li.keystaff a span.selected {
   background: url('/img/subnav_keystaff_over.jpg') no-repeat;
}
#header ul#nav ul.about li.careers {
   width: 69px;
}
#header ul#nav ul.about li.careers a span {
   background: url('/img/subnav_careers.jpg') no-repeat;
}
#header ul#nav ul.about li.careers a:hover span, #header ul#nav ul.about li.careers a span.selected {
   background: url('/img/subnav_careers_over.jpg') no-repeat;
}
#header ul#nav ul.about li.community {
   width: 128px;
}
#header ul#nav ul.about li.community a span {
   background: url('/img/subnav_community.jpg') no-repeat;
}
#header ul#nav ul.about li.community a:hover span, #header ul#nav ul.about li.community a span.selected {
   background: url('/img/subnav_community_over.jpg') no-repeat;
}
#header ul#nav ul.portfolio {
   background: url('/img/subnav_line_p.gif') top left no-repeat;
}
#header ul#nav ul.portfolio li.colleges {
   width: 64px;
}
#header ul#nav ul.portfolio li.colleges a span {
   background: url('/img/subnav_colleges.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.colleges a:hover span, #header ul#nav ul.portfolio li.colleges a span.selected {
   background: url('/img/subnav_colleges_over.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.public {
   width: 87px;
}
#header ul#nav ul.portfolio li.public a span {
   background: url('/img/subnav_public.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.public a:hover span, #header ul#nav ul.portfolio li.public a span.selected {
   background: url('/img/subnav_public_over.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.private {
   width: 117px;
}
#header ul#nav ul.portfolio li.private a span {
   background: url('/img/subnav_private.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.private a:hover span, #header ul#nav ul.portfolio li.private a span.selected {
   background: url('/img/subnav_private_over.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.parks {
   width: 64px;
}
#header ul#nav ul.portfolio li.parks a span {
   background: url('/img/subnav_parks.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.parks a:hover span, #header ul#nav ul.portfolio li.parks a span.selected {
   background: url('/img/subnav_parks_over.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.sportsparks {
   width: 99px;
}
#header ul#nav ul.portfolio li.sportsparks a span {
   background: url('/img/subnav_sportsparks.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.sportsparks a:hover span, #header ul#nav ul.portfolio li.sportsparks a span.selected {
   background: url('/img/subnav_sportsparks_over.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.civic {
   width: 40px;
}
#header ul#nav ul.portfolio li.civic a span {
   background: url('/img/subnav_civic.jpg') no-repeat;
}
#header ul#nav ul.portfolio li.civic a:hover span, #header ul#nav ul.portfolio li.civic a span.selected {
   background: url('/img/subnav_civic_over.jpg') no-repeat;
}