@charset "UTF-8";
/* CSS Document */

/* Navigation Behavior
------------------------------------------------------------ */

#nav-services li a, #nav-services li a:visited, #nav-services li a:hover, #nav-services li.services, #nav-services li.at-services {
	background: url(../images/nav-services-off.gif);
}
#nav-people li a, #nav-people li a:visited, #nav-people li a:hover {
	background: url(../images/nav-people.gif);
}
#nav-portfolio li a, #nav-portfolio li a:visited, #nav-portfolio li a:hover, #nav-portfolio li.portfolio, #nav-portfolio li.at-portfolio {
	background: url(../images/nav-portfolio.gif);
}


/* Nav Link Classes
------------------------------------------------------------ */

#nav-services li.services {width: 70px; background-position: 0 0;}
#nav-services li.architecture a, #nav-services li.architecture a:visited {width: 89px; background-position: -70px 0;}
#nav-services li.planning a, #nav-services li.planning a:visited {width: 70px; background-position: -159px 0;}
#nav-services li.interior a, #nav-services li.interior a:visited {width: 67px; background-position: -229px 0;}
#nav-services li.engineering a, #nav-services li.engineering a:visited {width: 113px; background-position: -296px 0;}
#nav-services li.sustainable a, #nav-services li.sustainable a:visited {width: 127px; background-position: -409px 0;}

#nav-people li.people a, #nav-people li.people a:visited {width: 70px; background-position: 0 0;}

#nav-portfolio li.portfolio {width: 70px; background-position: 0 0;}
#nav-portfolio li.healthcare a, #nav-portfolio li.healthcare a:visited {width: 82px; background-position: -70px 0;}
#nav-portfolio li.education a, #nav-portfolio li.education a:visited {width: 77px; background-position: -152px 0;}
#nav-portfolio li.commercial a, #nav-portfolio li.commercial a:visited {width: 87px; background-position: -229px 0;}
#nav-portfolio li.government a, #nav-portfolio li.government a:visited {width: 90px; background-position: -316px 0;}
#nav-portfolio li.urban a, #nav-portfolio li.urban a:visited {width: 96px; background-position: -406px 0;}
#nav-portfolio li.historic a, #nav-portfolio li.historic a:visited {width: 138px; background-position: -502px 0;}


/* Nav Hover Classes
------------------------------------------------------------ */

#nav-services li.architecture a:hover {width: 89px; background-position: -70px -19px;}
#nav-services li.planning a:hover {width: 70px; background-position: -159px -19px;}
#nav-services li.interior a:hover {width: 67px; background-position: -229px -19px;}
#nav-services li.engineering a:hover {width: 113px; background-position: -296px -19px;}
#nav-services li.sustainable a:hover {width: 127px; background-position: -409px -19px;}

#nav-people li.people a:hover {width: 70px; background-position: 0 -19px;}

#nav-portfolio li.healthcare a:hover {width: 82px; background-position: -70px -19px;}
#nav-portfolio li.education a:hover {width: 77px; background-position: -152px -19px;}
#nav-portfolio li.commercial a:hover {width: 87px; background-position: -229px -19px;}
#nav-portfolio li.government a:hover {width: 90px; background-position: -316px -19px;}
#nav-portfolio li.urban a:hover {width: 96px; background-position: -406px -19px;}
#nav-portfolio li.historic a:hover {width: 138px; background-position: -502px -19px;}


/* Nav Active Classes
------------------------------------------------------------ */

#nav-services li.at-services {width: 70px; background-position: 0 -38px;}
#nav-services li.architecture a.active, #nav-services li.architecture a:visited.active {width: 89px; background-position: -70px -38px;}
#nav-services li.planning a.active, #nav-services li.planning a:visited.active {width: 70px; background-position: -159px -38px;}
#nav-services li.interior a.active, #nav-services li.interior a:visited.active {width: 67px; background-position: -229px -38px;}
#nav-services li.engineering a.active, #nav-services li.engineering a:visited.active {width: 113px; background-position: -296px -38px;}
#nav-services li.sustainable a.active, #nav-services li.sustainable a:visited.active {width: 127px; background-position: -409px -38px;}

#nav-people li.people a.active {width: 0px; background-position: 0 -38px;}

#nav-portfolio li.at-portfolio {width: 70px; background-position: 0 -38px;}
#nav-portfolio li.healthcare a.active, #nav-portfolio li.healthcare a:visited.active {width: 82px; background-position: -70px -38px;}
#nav-portfolio li.education a.active, #nav-portfolio li.education a:visited.active {width: 77px; background-position: -152px -38px;}
#nav-portfolio li.commercial a.active, #nav-portfolio li.commercial a:visited.active {width: 87px; background-position: -229px -38px;}
#nav-portfolio li.government a.active, #nav-portfolio li.government a:visited.active {width: 90px; background-position: -316px -38px;}
#nav-portfolio li.urban a.active, #nav-portfolio li.urban a:visited.active {width: 96px; background-position: -406px -38px;}
#nav-portfolio li.historic a.active, #nav-portfolio li.historic a:visited.active {width: 138px; background-position: -502px -38px;}