/*nav ******************************************/

#nav{
	float:left;
	position:relative;
	z-index: 2;
	padding: 0;
	margin: 87px 0 0 0;
	list-style: none;
	height: 22px;
	width: 650px;
}
#nav li{
	list-style: none;
	float:left;
	position:relative;
	padding:0;
}
#nav li a{
	float:left;
	text-indent:-3000px;
	overflow:hidden;
	position:relative;
	border:0;
}
#nav a.who{
	height: 22px;
	width: 89px;
	background:url(img/nav/01.gif) no-repeat;
}
#nav a.marketing {
	height:22px;
	width: 86px;
	background:url(img/nav/02.gif) no-repeat;	
}
#nav a.branding{
	height:22px;
	width: 77px;
	background: url(img/nav/03.gif) no-repeat;	
}
#nav a.print {
	height:22px;
	width: 49px;
	background: url(img/nav/04.gif) no-repeat;	
}
#nav a.web {
	height:22px;
	width: 42px;
	background: url(img/nav/05.gif) no-repeat;	
}
#nav a.identity {
	height:22px;
	width: 68px;
	background: url(img/nav/06.gif) no-repeat;	
}
#nav a.illus {
	height:22px;
	width: 96px;
	background: url(img/nav/07.gif) no-repeat;	
}
#nav a.contact {
	height:22px;
	width: 143px;
	background: url(img/nav/08.gif) no-repeat;	
}

#navHome {
	position:absolute;
	z-index: 4;
	padding: 0;
	margin: 0 0 0 630px;
	list-style: none;
	height: 25px;
	width: 38px;
}
#navHome a{
	float:left;
	text-indent:-3000px;
	overflow:hidden;
	position:relative;
	border:0;	
}
#navHome a.home{
	height: 25px;
	width: 38px;
	background:url(img/nav/nav-home.gif);
	
}


/*main nav items active and hover states*/
#nav li a:hover {
background-position:0 50%;
}
#navHome a:hover {
background-position:0 50%;
}




/*main nav page states*/
body#home-page #navHome a.home{
	background-position: 0 bottom;
}
body#who-page #nav li a.who{
	background-position: 0 bottom;
}
body#marketing-page #nav li a.marketing{
	background-position: 0 bottom;
}
body#branding-page #nav li a.branding{
	background-position: 0 bottom;
}
body#print-page #nav li a.print{
	background-position: 0 bottom;
}
body#web-page #nav li a.web{
	background-position: 0 bottom;
}
body#identity-page #nav li a.identity{
	background-position: 0 bottom;
}
body#illus-page #nav li a.illus{
	background-position: 0 bottom;
}
body#contact-page #nav li a.contact{
	background-position: 0 bottom;
}



/*sub nav dropdown items*/

#subNav{
	margin:0;
	float:left;
	height:24px;
	width:782px;
	background-image:url(img/nav/sub-nav-bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
}


#nav li:hover div,
#nav li.hover div{
	display:block;
	position:absolute;
	top:22px;
	left:0px;
	z-index:100;
	padding-top: 1px; 
	margin: 0;
}

#nav div#subWho ul{
	list-style:none;
	margin:0;
	padding:0;
	width:335px;

}

#subWho, #subMarketing{
	display:none;
}


#nav li #subWho ul li#subBios a{
	float:left;
	padding-right: 8px; 
	background-image:url(img/nav/sub-who-01.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
	height:18px;
	width: 32px;
	overflow:hidden;
}
#nav li #subWho ul li#subHistory a{
	float:left;
	padding-right: 8px; 
	background-image:url(img/nav/sub-who-02.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
	height:18px;
	width: 54px;
	overflow:hidden;
}
#nav li #subWho ul li#subCert a{
	float:left;
	padding-right: 8px; 
	background-image:url(img/nav/sub-who-03.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
	height:18px;
	width: 95px;
	overflow:hidden;
}
#nav li #subWho ul li#subNotice a{
	float:left;
	padding-right: 8px; 
	background-image:url(img/nav/sub-who-04.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
	height:18px;
	width: 124px;
	overflow:hidden;
}

#nav li ul li a:hover{
	background-position: 0 bottom;
}


/* Awards sub nav page states*/

body#whoCert-page #subWho ul li#subCert a, body#whoHist-page #subWho ul li#subHistory a{
	background-position: 0 bottom;
}

 
body#whoCert-page #subWho, body#awardPub-page #subWho, body#awardAddy-page #subWho, body#awardOther-page #subWho, body#whoHist-page #subWho{
	display:block;
	position:absolute;
	top:22px;
	left:0px;
	z-index:100;
	padding-top: 1px; 
	margin: 0;
}



/* Awards sub nav items*/

#awardNav{
	float:left;
	position:relative;
	z-index: 2;
	padding: 0;
	margin: 15px 0 0 4px;
	list-style: none;
	height: 22px;
	width: 650px;
}
#awardNav li{
	list-style: none;
	float:left;
	position:relative;
	padding:0 10px 0 0;
}
#awardNav li a{
	float:left;
	text-indent:-3000px;
	overflow:hidden;
	position:relative;
	border:0;
}
#awardNav a.pub{
	height: 18px;
	width: 85px;
	background:url(img/nav/awards-nav01.gif) no-repeat;
}
#awardNav a.addy {
	height:18px;
	width: 86px;
	background:url(img/nav/awards-nav02.gif) no-repeat;	
}
#awardNav a.other{
	height:18px;
	width: 94px;
	background: url(img/nav/awards-nav03.gif) no-repeat;	
}

#awardNav li a:hover{
	background-position: 0 bottom;
}


/* Awards sub nav page states*/

body#awardPub-page #awardNav li a.pub, body#awardPub-page #nav li a.who, body#awardPub-page #nav li #subWho ul li#subNotice a{
	background-position: 0 bottom;
}
body#awardAddy-page #awardNav li a.addy, body#awardAddy-page #nav li a.who, body#awardAddy-page #nav li #subWho ul li#subNotice a{
	background-position: 0 bottom;
}
body#awardOther-page #awardNav li a.other, body#awardOther-page #nav li a.who, body#awardOther-page #nav li #subWho ul li#subNotice a{
	background-position: 0 bottom;
}




/*numbers ******************************************/

#numbCont{
	height: 30px;
	width: 782px;
	margin: 0 auto;
}

#numbers{
	float:left;
	position:relative;
	z-index: 2;
	padding: 0;
	margin: 0;
	list-style: none;
}
#numbers li{
	list-style: none;
	float:left;
	position:relative;
	padding:0;
}
#numbers li a{
	float:left;
	text-indent:-3000px;
	overflow:hidden;
	position:relative;
	border:0;
}
#numbers a.n01{
	height: 30px;
	width: 36px;
	background:url(img/nav/nav-numb01.gif) no-repeat;
}
#numbers a.n02{
	height: 30px;
	width: 45px;
	background:url(img/nav/nav-numb02.gif) no-repeat;
}
#numbers a.n03{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb03.gif) no-repeat;
}
#numbers a.n04{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb04.gif) no-repeat;
}
#numbers a.n05{
	height: 30px;
	width: 46px;
	background:url(img/nav/nav-numb05.gif) no-repeat;
}
#numbers a.n06{
	height: 30px;
	width: 43px;
	background:url(img/nav/nav-numb06.gif) no-repeat;
}
#numbers a.n07{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb07.gif) no-repeat;
}
#numbers a.n08{
	height: 30px;
	width: 45px;
	background:url(img/nav/nav-numb08.gif) no-repeat;
}
#numbers a.n09{
	height: 30px;
	width: 43px;
	background:url(img/nav/nav-numb09.gif) no-repeat;
}
#numbers a.n10{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb10.gif) no-repeat;
}
#numbers a.n11{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb11.gif) no-repeat;
}
#numbers a.n12{
	height: 30px;
	width: 45px;
	background:url(img/nav/nav-numb12.gif) no-repeat;
}
#numbers a.n13{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb13.gif) no-repeat;
}
#numbers a.n14{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb14.gif) no-repeat;
}
#numbers a.n15{
	height: 30px;
	width: 45px;
	background:url(img/nav/nav-numb15.gif) no-repeat;
}
#numbers a.n16{
	height: 30px;
	width: 45px;
	background:url(img/nav/nav-numb16.gif) no-repeat;
}
#numbers a.n17{
	height: 30px;
	width: 44px;
	background:url(img/nav/nav-numb17.gif) no-repeat;
}
#numbers a.n18{
	height: 30px;
	width: 35px;
	background:url(img/nav/nav-numb18.gif) no-repeat;
}


/*number hover states*/

#numbers li a.hover,#numbers li a.picked  {
background-position:0 bottom;
}