body { margin: 0; padding: 0; background: #999 url(../images/common/tile2.jpg); 
	font-family: "trebuchet ms", arial, sans-serif; font-size: 10px; color: #666; }
img { border: 0; }
#container { position: relative; width: 950px; height: 550px; margin: auto; margin-top: 20px;
	background: #fff url(../images/common/container_bg.gif) no-repeat;  border: 1px solid #999; }
a { outline: none; }

#topbar { width: 950px; height: 80px; 
	 }

#content { float: left; width: 780px; padding: 0px; /* border: 1px solid green; */ /* background: #cfefef; */}
#galleryDiv { padding-top: 10px; }

#nav { 
	float: right; width: 150px;    padding-top: 4px; padding-right: 17px; 
	}
	

#nav ul { 
	margin: 0px; padding: 0px; list-style-type: none; 
	}
#nav li a { 
	display: block; width: 150px; height: 26px; text-indent: -5000px;
	}

	
	
#homeNav a { background: url(../images/nav/home.gif) no-repeat top; }	
#portfolioNav a { background: url(../images/nav/portfolio.gif) no-repeat top; }
#magazinesNav a { background: url(../images/nav/magazines.gif) no-repeat top; }
#collateralNav a { background: url(../images/nav/collateral.gif) no-repeat top; }
#logosNav a { background: url(../images/nav/logos.gif) no-repeat top; }
#catalogsNav a { background: url(../images/nav/catalogs.gif) no-repeat top; }
#postersNav a { background: url(../images/nav/posters.gif) no-repeat top; }
#personalNav a { background: url(../images/nav/personal.gif) no-repeat top; }
#bioNav a { background: url(../images/nav/bio.gif) no-repeat top; }
#awardsNav a { background: url(../images/nav/awards.gif) no-repeat top; }
#clientsNav a { background: url(../images/nav/clients.gif) no-repeat top; }
#contactNav a { background: url(../images/nav/contact.gif) no-repeat top; }


#homeNav, #homeNav a:hover,  li.on#homeNav a{  background: url(../images/nav/home.gif) no-repeat bottom; }
#portfolioNav, #portfolioNav a:hover,  li.on#portfolioNav a{  background: url(../images/nav/portfolio.gif) no-repeat bottom; }
#magazinesNav, #magazinesNav a:hover,  li.on#magazinesNav a{  background: url(../images/nav/magazines.gif) no-repeat bottom; }
#collateralNav, #collateralNav a:hover,  li.on#collateralNav a{  background: url(../images/nav/collateral.gif) no-repeat bottom; }
#logosNav, #logosNav a:hover,  li.on#logosNav a{  background: url(../images/nav/logos.gif) no-repeat bottom; }
#catalogsNav, #catalogsNav a:hover,  li.on#catalogsNav a{  background: url(../images/nav/catalogs.gif) no-repeat bottom; }
#postersNav, #postersNav a:hover,  li.on#postersNav a{  background: url(../images/nav/posters.gif) no-repeat bottom; }
#personalNav, #personalNav a:hover,  li.on#personalNav a{  background: url(../images/nav/personal.gif) no-repeat bottom; }
#bioNav, #bioNav a:hover,  li.on#bioNav a{  background: url(../images/nav/bio.gif) no-repeat bottom; }
#awardsNav, #awardsNav a:hover,  li.on#awardsNav a{  background: url(../images/nav/awards.gif) no-repeat bottom; }
#clientsNav, #clientsNav a:hover,  li.on#clientsNav a{  background: url(../images/nav/clients.gif) no-repeat bottom; }
#contactNav, #contactNav a:hover,  li.on#contactNav a{  background: url(../images/nav/contact.gif) no-repeat bottom; }




/* in content div */

.page #content, #home #content { padding-top: 10px; /* bakground-color: #efefef; */}

#leftCol { float: left; width: 140px; padding-left: 180px;}
#imageDiv { width: 140px;  }
.pageImageCaption { font-size: 10px; padding-top: 4px; width: 140px; text-align: left;  } /* bio photo caption */


#textDiv { float: left;  width: 425px; padding-left: 15px; padding-right: 15px; height: 440px; overflow: auto; }
#textDiv p { margin-top: 0; line-height: 1.3em;}

#textDiv ul { list-style-type: none; margin: 0; margin-bottom: 20px; padding: 0; }
#textDiv ul li { margin-bottom: 2px; }
.subhead {margin-bottom: 3px; }


#awards #textDiv { width: 350px; }
#clientListSubhead { margin-bottom: 15px; }
#contact a { color: #666; text-decoration: none; }
#contact a:hover { color: #369; }



#home #textDiv { width: 380px;  height: 440px; }
#home h1 { margin: 0; padding: 0; margin-bottom: 6px; font: 10px bold "trebuchet ms", sans-serif; color: #444; }

.clearer {display: block; clear: both; height: 1px; overflow: hidden;    }	
#footer {  position: absolute; top: 515px; left: 330px; height: 20px; color: #999;}



/* Hiding */

li#personalNav { display: none; }