body {
		font-family: verdana, arial, helvetica, sans-serif;
		color: #333;
		}
		
/* text formatting styles ---------------------------------------- */
		
	strong {
		font-weight: bold;
		}

	em {
		font-style: italic;
		}

	a:link{
		text-decoration: none;
		color: #b00;
		}
	
	/* comment */
	a:visited{
		color: #800;
		text-decoration: none;
		}

	/* comment */
	a:hover {
		color: #c00;
		text-decoration: underline;		
		}
		
		/* comment */
	a:active {
		color: #999;
		text-decoration: underline;		
		}
		

		
	
	
/* navigation styles------------------------------- */
	
		
#topnav	p {
		font-size: 0.72em;
		font-variant: small-caps;
		letter-spacing: 0.02em;
		line-height: 1em;
		text-align: right; 
		padding: 2px;
		margin: 0em 1em 0 0;
		}
		
#header img.homelink {
		margin: 17px 0 0 20px;
		width: 580px;
		height: 40px;
		}
		
/* left link styles */
#leftbar #navigation {
		padding: 7px 0 0 0;
		}	
		
#leftbar #navigation p {
		font-family: georgia, times, serif;
		font-size: 0.8em;
		line-height: 1.3em;	
		margin: 0.1em 1em 0.2em 0em;
		padding: 0 0 0 12px;
		}
	
#leftbar #navigation li {
		font-family: georgia, times, serif;
		font-size: 0.8em;
		line-height: 1em;	
		margin: 0.1em 1em 0.5em 0em;
		padding: 0 0 0 12px;
		list-style-type: none;
		}
	
#leftbar #navigation p.navhead {
		background: url(../images/leftnav/nav_separator.gif) no-repeat;
		background-position: 0em 0.4em;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.72em;
		font-variant: small-caps;
		font-weight: bold;
		letter-spacing: 0.15em;
		line-height: 1.2em;	
		padding: 0px 0 3px 12px;
		}

/* footer link styles */
	#info p.links {
		font-size: .7em;
		padding:0.3em 0 0.3em 0px;
		border-bottom: 1px dotted #aaa;
		}
		
	#info p.footernotes {
		padding:0 0 0 0px;
		margin-top: 0.5em;
		font-size: .6em;
		color: #666;
		}
		
	#info a {
		color: #900;
		text-decoration: none;
		font-weight: normal;
		}
		
	#info a:hover {
		color: #c00;
		text-decoration: underline;
		}

		
/* end navigation styles------------------------------- */
			
			
/* default text formatting------------------------------- */

	/* comment */
	h1, h2, h4, h5, h6 {	
		font-family: georgia, times, serif;
		font-weight: normal;
		margin: 0.9em 1em 0.3em 0em;
 		color: #600;		
 		letter-spacing: 0.01em;
		}
	
	h3 {	
		font-family: georgia, times, serif;
		font-weight: normal;
		margin: 0.9em 1em 0.3em 0em;
 		color: #444;		
 		letter-spacing: 0.01em;
		}
	
	h2:first-child, h3:first-child, h4:first-child, h5:first-child {	
		margin-top: 0em;
 		}
	
	/* comment */
	h1 {
		font-size: 1.4em;
		line-height: 1.1em;
		margin: 0.3em 0px 0.3em 0em;
		border-bottom: 1px dotted #aaa;
		}
	
	/* comment */
	h2 {
		font-size: 1.2em;
		line-height: 1em;	
		border-bottom: 1px dotted #aaa;
		}
	
	/* comment */
	h3 {
		font-size: 1.1em;
		line-height: 1.1em;	
		}
	
	/* comment */
	h4 {
		font-size: 1em;
		line-height: 1.1em;	
		}
	
	/* comment */
	h5{
		font-size: 0.85em;
		line-height: 1.0em;	
		font-weight: bold;
	}
	
	h6{
		font-size: 0.75em;
		font-weight: normal;
		line-height: 1em;	
		font-weight: bold;
		}
	
	p {
		font-size: 0.7em;
		line-height: 1.3em;	
		padding: 0;
		margin: 0 0 0 0;	
		}
	
	
	/* comment */
	ul {	
		padding:  0 0 .5em 0;	
		margin: 0 0 0 0;	
		}
	
	ol {	
		padding: .3em 0 0 0;	
		margin: 0 0 0 0;	
		}
	
	li {
		font-size: 0.7em;
		line-height: 1.3em;	
		margin: 0 0 0.5em 1.4em;	
		}
			
	ol li ul li {
		font-size: 1em;
		line-height: 1.2em;	
		margin: 0.5em 0 0.5em 1.4em;	
		}
			
	.quotebox {
		font-family: georgia, times, serif;
		font-size: 1.2em;
		color: #600;
		font-weight: bold;
		font-style: italic;
		}
	.quotebox p  {
		margin-bottom:0;
		}
	p.quotename {
		color: #966;
		text-align: right;
		}
	
	p.staffquote {
		font-family: georgia, times, serif;
		font-size: 0.8em;
		color: #755;
		font-weight: bold;
		font-style: italic;
		width: 418px;
		}
	
			
/* main content area styles (center column) ------------------------------- */
	
 		
	/* Block styles for center column */
	
	#content .nofl,
	#content .pic_fl,
	#content .quotebox,
	#content .box_2col {
		margin:0 0 8px;
		padding:6px 15px 1px;
		float:none;
		clear:both;
		}
	#content .nofl p,
	#content .pic_fl p,
	#content .quotebox p {
		margin:0 0 1em;
		padding:0;
		}
	#content .banner { /* for Do It best banner */
		margin:0 0 0px;
		padding:0;
		float:none;
		clear:both;
		}
	#content .banner img { /* for Do It best banner */
		padding: 0.5em 0 1em 1px;
		}
		.redbox	{
		background: #800;
		font-size: 0.75em;
		letter-spacing: 0.1em;
		color: #fcf7d9;
		padding: 0.3em 15px 0.3em;
		margin: -8px 0 10px 0;
		}
		
	#content div.redbox p a,
	#content div.redbox p a:visited
	#content div.redbox p a:hover {
		color: #fcf7d9;
		}
		
	#content .box_2col {
		margin-bottom:0;
		}
	.b2c_left {
		float:left;
		width:200px;
		padding-right:3px;
		margin-right:10px;
		border-right: 1px dotted #777;
		}
	.b2c_right {
		width:215px;
		margin-left:213px;
		}
	.bg_tan {
		background:#fcf7d9;
		}
	.bg_green {
		background:#efffe0;
		}
	.bg_white {
		background:#fff;
		}
	/* Small illo styles for center column */
	.pic_left {
		float:left;
		clear:left;
		margin:0 15px 0 0;
		}
	.pic_right {
		float:right;
		clear:right;
		margin:0 0 0 8px;
		}
	.pic_fl .pic_left {
		margin:0 15px 10px -15px;
		}
	.pic_fl .pic_right {
		margin:0 -15px 10px 8px;
		}

/* topblurb style for main pages */
	#content .nofl p.topblurb {
		font-family: georgia, times, serif;
		font-size: 0.85em;
		color: #666;
		font-style: italic;
		width: 424px; 
	/* width setting prevents IE6 problem where blurb makes DIV just a */
	/* little wider than center column and drives entire sidebar down the page*/
		}
	

/* a few styles to deal with the main staff list */

	/* kill some of the line spacing between paragraphs */
	#content p.staffnames {
		margin-top:-0.1em;
		margin-bottom: 0.1em;
		}
	
	/* but keep standard space for first in each group */
	#content h4 + p.staffnames {
		margin-top:0em;
		}
	
	/* make the link color a little darker than usual for readability */
	#content h4 + p.staffnames {
		margin-top:0em;
		}
	

	/* kill some of the line spacing between headline styles */
	/* used on KB staff page for city designation for designers*/
	#content h2 + h4 {
		margin-top:-0.2em;
		font-style: italic;
	}
/* end staff list styles------------------ */
	
	
/* home design table styles------------------ */

	
	table.designtable {
		width: 430px;
		border: none;
		background:#fcf7d9;
		margin-bottom: 1em;
	}	
	table.designtable tr td{
		vertical-align: top;
		padding: 5px 0 0 8px;
	}	
		
	table.designtable tr td h4{
		border-bottom: 1px dotted #aaa;
		margin-bottom: 0;
		padding-bottom: 3px;
	}	
		
	table.designtable tr td p{
		line-height: 0.8em;
	}	
	
/* home design timetable page styles------------------ */
		
#timetable  h4{
		border-top: 1px solid #888;
		border-bottom: 1px dotted #aaa;
		margin-bottom: 0;
		padding: 2px 0 3px 0;
	}	
		
#timetable  p strong {
		font-style: bold;
		color: #663300;
	}	
		
/* left bar content styles for elements under navigation stuff*/
 	
	#leftbar p {
		line-height: 1.2em;
		padding: 0 15px 3px 12px;
		}
	
	#leftbar h2 {
		padding: 0px 15px 0px 12px;
		}
	
	

	#leftbar p.clinictitle{
		font-weight: bold;
		font-size: .7em;
		color: #600;
		padding: 0.3em 10px 0.2em 12px;
		border-bottom: 1px dotted #aaa;
		}
		
	#leftbar p.clinicdate {
		font-weight: bold;
		font-size: .7em;
		color: #222;
		padding: 0.2em 10px 0.2em 12px;
		border-bottom: 1px dotted #aaa;
		}
		
	#content p.clinicdate {
		font-weight: bold;
		font-size: .7em;
		color: #222;
		border-top: 1px dotted #aaa;
		}
		
/* sidebar content area styles------------------------------- */

 	/* right sidebar basic text styles */
	#sidebar h1, 
	#sidebar h2, 
	#sidebar h3, 
	#sidebar h4, 
	#sidebar h5, 
	#sidebar h6  {	
 		margin: 0.9em 1em 0.1em 0em;
		padding: 0 10px 0 20px;
		}
		
 
	#sidebar p, 
	#sidebar #gallerylink p,
	#sidebar ol, 
	#sidebar ul, 
	#sidebar form {	
 		margin: 0 1em 0.9em 0em;
		padding: 0 10px 0 20px;
		}
		
	#sidebar	 {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.9em;
		line-height: 1.2em;	
		}

	#sidebar a {
			font-weight: bold;
		}
	
	 /* graphic "tinted" headers for sidebar */	
	img.tinthead	 {
 		margin: 10px 0px 8px 0px;	
		}
		
		
	 /* top HTML headlines */	
	.sidetop	 {
 		padding: 10px 10px 0 20px;
		}
		
	 /* top red box graphics */	
	img.sidetop	 {
 		padding: 0px 0 10px 0px;
		}
		
	img.doit_banner {
		padding: 0.5em 0 0.5em 0px;
		}
		
/* project gallery styles ---------------------------------------- */


	body.gallery #page #content .galleryphotos img#bigimage { /* xxx  */	
		float: left;
		margin-left: 30px;
		vertical-align: top;
		}

	body.gallery #page #content .gallerythumbs{ /* xxx  */
 		float: right;
		padding: 0px 6px 17px 5px;
		}


				
/* special-use styles ---------------------------------------- */
		
	#hidden {
		display: none;
		}
	
	.clear_all {
		clear: both;
		height: 20px;
		}
	.ca_t { /* clearall declaration */
		display:block;
		clear:both;
		float:none;
		font-size:0.1px;
		line-height:0.1px;
		}

	a img {
	border: none;
	}