/* Navigation CSS */

#worksubnav { height: 22px; }

#worksubnav a {
	padding: 0;
	margin: 0;
	display: block; 
	height: 22px; 
	background: top left no-repeat url("../cssimages/worksubnav.png") transparent;
	float: right;
}
#worksubsub { 
	font: normal 12px ArialNarrow, "Arial Narrow", Arial, Helvetica, sans-serif; 
	color: #444; 
	background-color: #fb4; 
	padding: 5px 12px 3px 12px; 
	text-align: right; 
	text-transform: uppercase; 
}
	#worksubsub a { color: #444; margin: 0 0 0 8px; }
	#worksubsub a:hover { color: #000; }

#worksubnav a.adaptive { width: 101px; background-position: left top; }
#worksubnav a.adaptive:hover { background-position: left -22px; }

#worksubnav a.institutional { width: 89px; background-position: -101px top; }
#worksubnav a.institutional:hover { background-position: -101px -22px; }

#worksubnav a.historic { width: 138px;	background-position: -190px top; }
#worksubnav a.historic:hover { background-position: -190px -22px; }

#worksubnav a.residential { width: 79px; background-position: -328px top; }
#worksubnav a.residential:hover { background-position: -328px -22px; }

#worksubnav a.commercial { width: 138px; background-position: -407px top; }
#worksubnav a.commercial:hover { background-position: -407px -22px; }

#worksubnav a.mixed { width: 67px; background-position: -545px top; }
#worksubnav a.mixed:hover { background-position: -545px -22px; }

#worksubnav a.master { width: 112px; background-position: -612px top; }
#worksubnav a.master:hover { background-position: -612px -22px; }

#worksubnav a.sustainable { width: 120px; background-position: -727px top; }
#worksubnav a.sustainable:hover { background-position: -727px -22px; }

#firmsubnav { height: 22px; }

#firmsubnav a {
	padding: 0;
	margin: 0;
	display: block; 
	height: 22px; 
	background: top left no-repeat url("../cssimages/firmsubnav.png") transparent;
	float: right; 
	white-space: nowrap; 
}

#firmsubnav a.profile { width: 56px; background-position: left top; }
#firmsubnav a.profile:hover { background-position: left -22px; }

#firmsubnav a.people { width: 50px; background-position: -56px top; }
#firmsubnav a.people:hover { background-position: -56px -22px; }

#firmsubnav a.philosophy { width: 77px; background-position: -106px top; }
#firmsubnav a.philosophy:hover { background-position: -106px -22px; }

#firmsubnav a.awards { width: 58px; background-position: -183px top; }
#firmsubnav a.awards:hover { background-position: -183px -22px; }

#firmsubnav a.services { width: 62px; background-position: -241px top; }
#firmsubnav a.services:hover { background-position: -241px -22px; }

#firmsubnav a.clients { width: 57px; background-position: -303px top; }
#firmsubnav a.clients:hover { background-position: -303px -22px; }

#firmsubnav a.news { width: 42px; background-position: -360px top; }
#firmsubnav a.news:hover { background-position: -360px -22px; }

#firmsubnav a.links { width: 47px; background-position: -402px top; }
#firmsubnav a.links:hover { background-position: -402px -22px; }