/*
*************************************************



*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #333; line-height: 1.4; }
body { font: normal 62.5% , 'Verdana'; background: #fffdee url(images/header.jpg) no-repeat 50% 0; }

h1 { color: #333333; }
h2 { margin-bottom: 1em; line-height: 1.4; }
h3 { font: normal 12px , "Verdana"; color: #333333; margin: 0 0 0.5em; }
h3.credit, h3.title { font: normal 14px  'Verdana',; color: #333333; font-style: normal; }
h3 em { color: #333333; }

a { color: #c93b0e; text-decoration: underline; }
a:hover, a:focus { color: #1e0a02;  }

abbr, acronym { border: none; }

p { margin-bottom: 1.35em; }
p, ul, ol, dd { font-size: 13px; }
dd { margin-bottom: 1em; }

blockquote { background: transparent url(/i/presentation/open_quote.gif) no-repeat 0 2px; border-top: 1px solid #e6dfce; margin: 0 0 2em; }
blockquote cite { font-style: italic; }

img { display: block; }

a.badge img { border: none; background-color: #FFFFFF; margin-top: 1em; margin-top: 0; }
a.badge:hover img, a.badge:focus img { background-color: #4e3114; }


/*-------------------------------------------    
    Header
-------------------------------------------*/
#logo { display: none; }

#header { width: 718px; margin: 0 auto; padding: 0px 0 0; position: relative; }

h1 strong { display: block; position: absolute; top: 29px; font-size: 14px; font-style: italic; font-weight: normal; left: 0; text-align: right; width: 98%; top: 0; margin-top: 52px; }
	h1 strong a { position: absolute; display: block; text-indent: -9999px; width: 275px; height: 52px; background: transparent url(/i/presentation/hc_logo.png) no-repeat 0 0; border: none; top: -23px; text-align: left; }
	/*\*/ h1 strong a { overflow: hidden; } /**/
	h1 strong a:hover, h1 strong a:focus { background-position: 0 -54px; background-color: transparent; }
	h1 strong span { position: absolute; bottom: -19px; right: 1px; width: 425px; }
	h1 strong span.connect { display: none; }



/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
h1 { font-weight: normal; font-size: 20px; padding: 0.45em 20px 31px; background: #333333 url(images/nav_bottom.jpg) no-repeat left bottom; }
/*\*/ h1 { margin: 0 0 0 10px; margin: 0; font-size: 24px; font-weight: normal; line-height: 1.3; }/**/
	h1 a { color: #c93b0e; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #d66b4a; line-height: 1; padding: 0 2px; }
	/*\*/ h1 a#nav_design { padding-right: 4px; }
	h1 a#nav_speak { padding-right: 4px; }
	h1 a#nav_about { padding: 0 3px; } /**/
	
	/* current states */
	.design h1 a#nav_design:link, .design h1 a#nav_design:visited,
	.publish h1 a#nav_publish:link, .publish h1 a#nav_publish:visited,
	.speak h1 a#nav_speak:link, .speak h1 a#nav_speak:visited,
	.about h1 a#nav_about:link, .about h1 a#nav_about:visited { background-color: #492909; border-color: #492909; color: #f1eed8; }

	h1 a:hover, h1 a:focus,
	.design h1 a#nav_design:hover, .design h1 a#nav_design:focus,
	.publish h1 a#nav_publish:hover, .publish h1 a#nav_publish:focus,
	.speak h1 a#nav_speak:hover, .speak h1 a#nav_speak:focus,
	.about h1 a#nav_about:hover, .about h1 a#nav_about:focus { background-color: #c93b0e; border-color: #c93b0e; color: #f1eed8; }
	/* end current states */
	
#subnav { background-color: #000000; width: 680px; list-style: none; padding: 0.6em 20px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;  }
	#subnav li { display: inline; padding: 0 0 0 0.6em; border-left: 1px solid #524a25; margin: 0 0.3em 0 0; }
	#subnav li:first-child { padding-left: 0; border: none; }
	#subnav a { color: #c6af71; text-decoration: none; }
	#subnav a:hover, #subnav a:focus { color: #fff; text-decoration: underline; }
	
	/* current states */
	.news #subnav #subnav_news a, .contact #subnav #subnav_contact a, .clients #subnav #subnav_clients a { color: white; text-decoration: none; font-weight: bold; }
	
	.news #subnav #subnav_news a:hover, .news #subnav #subnav_news a:focus, 
	.contact #subnav #subnav_contact a:hover, .contact #subnav #subnav_contact a:focus, 
	.clients #subnav #subnav_clients a:hover, .clients #subnav #subnav_clients a:focus { text-decoration: underline; }
	/* end current states */


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#container { width: 720px; margin: 0 auto; }

#main { width: 720px; float: left; padding: 30px 0 0 30px; margin: 0 0 2.5em; }
.home #main { width: 680px; position: relative; }
.design.landing #main, .publish.landing #main { width: 680px; }
	#main h2, dl.dated dt a, .design #featured h3 a { color: #333333; font: normal 20px/1.2 '' ""; text-decoration: none; }
	#main h2 { border-bottom: 1px solid #333333; padding: 0 0 0.25em; }
	.home #main h2, .news.landing #main h2 { border: none; padding-bottom: 0; }
	#main > h2:first-child { margin-bottom: 0.5em; }
	dl.dated dt a:hover, dl.dated dt a:focus, #featured h2 a:hover, #featured h2 a:focus, .more a:hover, .more a:focus, p.rss a:hover, p.rss a:focus, p.rss a:hover *, p.rss a:focus *, .design #featured h3 a:hover, .design #featured h3 a:focus { color: #333333; text-decoration: underline; }
	#sub h2, .home #main h2, .news.landing #main h2, #featured h2, #featured h2 a, .more a, .news.archive #main h2, .news.post #main h3 { color: #333333; font: normal 12px/1.2 , 'Verdana'; font-style: bold; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 8px; text-decoration: none; }
	
	/*\*/ .publish.landing #main { background: transparent url(/i/presentation/faux.gif) repeat-y 0 0; margin-top: 20px; } /**/
	
	#main ul { list-style: none; margin: 0 0 1.5em;}
		#main ul li {  no-repeat 0 3.5em; padding: 0 0 0 10px; margin: 0 0 0.5em 10px; }
	#main ol { margin: 0 0 1.5em 20px; }
	
	#main code { display: block; margin: 0 0 1.5em; padding: 0.5em 5px; border: 1px dashed #e6dfce; background-color: #fff; font: 11px Monaco, 'Verdana', monospaced; color: #333; }
	
	.news.post #main { position: relative; padding-top: 5em; }
		.news.post #main h2 { border-bottom: none; border-top: 1px solid #e6dfce; padding: 0.25em 0 0; }
		.post #main h2 { margin-bottom: 0.25em; }
		.news.post #main h3 { position: absolute; top: 30px; letter-spacing: normal; text-transform: none; color: #006699; font-size: 12px; }
		body.archive #main h2 { border: none; }
	
	dl.dated { margin: 0 0 1.6em; position: relative; padding: 2.5em 0 0; }
		dl.dated dt { margin-bottom: 0.5em; }
		dl.dated dd.date { position: absolute; top: 0; border-bottom: 1px solid #e6dfce; width: 420px; padding: 0 0 0.25em; font-style: normal; color: #006699; } 
		.home dl.dated dd.date { width: 320px; }
		/*\*/ dt.dated dd.date, .home dt.dated dd.date { width: 100%; }/**/
	
	#main ol.newsitems { margin: 0; padding: 0; list-style: none; /*width: 320px;*/ }
		ol.newsitems li { margin-left: 0; position: relative; padding: 2em 0 0; }
		ol.newsitems h3 { margin-bottom: 0.40em; }
			ol.newsitems h3 a { color: #006699; font: normal 20px/1.2 'Verdana', 'Verdana', Verdana; text-decoration: none; } /* combine above */
			ol.newsitems h3 a:hover, ol.newsitems h3 a:focus { color: #006699; text-decoration: underline; }
		ol.newsitems p.date { position: absolute; top: 0; border-bottom: 1px solid #e6dfce; width: 100%; padding: 0 0 0.40em; font-style: verdana; color: #006699; }

	#main img, .full, .half, .third { float: left; margin: 0 14px 10px 0; border-bottom: 2px solid #FFFFFF; } 
	a img, #main a img { border: none; border-bottom: 2px solid #FFFFFF; }
	a:hover img, a:focus img, #main a:hover img, #main a:focus img { border-color: #FFFFFF; }
	
	.full, .half, .third { border: none; margin-bottom: 5px; }
	.full { margin-bottom: 1.5em; }
	.half { width: 200px; }
	.third { width: 100px; }
	.full p, .half p, .third p, .meta { font-style: italic; color: #963; margin-bottom: 0; font-size: 12px; }
	#main .full p cite, #main .half p cite, #main .third p cite { color: #963; }
	#main .full img, #main .half img, #main .third img { margin-right: 0; float: none; }

	blockquote > p:first-child { text-indent: 22px; font-size: 16px; margin-bottom: 0.7em; color: #4e3114; }
	.lastword { padding: 0 22px 0 0; background: transparent url(/i/presentation/close_quote.gif) no-repeat right top; color: #4e3114; }
	#main blockquote { padding: 1em 0 0; border-bottom: 1px solid #e6dfce; background-position: 0 1.1em; }
			
	.home #main p.more { width: 100%; border-top: 1px solid #e6dfce; padding: 0.5em 0 0; text-align: right; }
	.more a { text-decoration: underline; }
	
	p.rss { background: transparent url(/i/presentation/rss_icon.gif) no-repeat 0 50%; padding: 0 0 0 15px; font-size: 11px; position: absolute; bottom: 3px; width: 160px; }
	li.rss a { background: transparent url(/i/presentation/rss_icon.gif) no-repeat 0 50%; padding: 0 0 0 15px; }
	#sub p.rss { position: static; font-size: 12px; }
		p.rss a, p.rss a * { text-decoration: none; color: #963; }
		
	#main cite { color: #333333; font-style: verdana; }
	
	.reference { border-top: 1px solid #006699; margin: 0 0 4em; float: left; }
	.reference .entry h3 a { color: #006699; font: normal 18px/1.2 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-decoration: none; margin: 0;  }
	.reference .entry h3 a:hover, .reference .entry h3 a:focus { color: #006699; text-decoration: underline; }
	.reference .entry { border-bottom: 1px solid #e6dfce; float: left; padding: 1em 0 0.5em; width: 420px; }
		.reference .entry p { margin: 0.25em 0 0 105px; }
		.reference .entry h3 { margin-bottom: 0; }
		.reference .entry h4 { margin: 0 0 0 105px; font-style: Verdana; font-size: 13px; font-weight: normal; color: #4e3114; padding: 0; }
	 h2 + .reference { border: none; margin-top: -15px; }
	
	#main dl.reference { float: none; border: none; margin: 0; padding: 0; }
		dl.reference dt { font-size: 13px; }
			dl.reference dd { font-style: italic; }
	
#featured { background-color: #f3f0dc; width: 680px; padding: 20px 20px 0.7em; overflow: hidden; border-bottom: 1px dashed #aaa090; }
	#featured div, .row div { border-bottom: 1px solid #e6dfce; clear: left; margin-bottom: 10px; }
	#featured div img, .row div img { float: left; margin-right: 10px; }
	/*\*/ #featured div, .row div { width: 199px; float: left; margin: 0 0 0 40px; border: none; clear: none; } /**/
		#featured div p, .row div p { font: normal 13px Verdana,; color: #333333; }
	#featured div:first-child, .row div:first-child { margin-left: 0; }
	/*\*/ #featured div img, .row div img { float: none; margin-right: 0; } /**/
	#featured a img, .row div a img { margin: 0 0 10px; }
	
	.row { clear: left; border-top: 1px solid #333333; padding: 2em 0 0; color: #40550d; }
	#main > .row:first-child { border: none; padding-top: 0; }
	#main .row div a img { margin: 5px 0 10px; float: none; }
	.row div a:first-child { color: #40550d; font: normal 16px/1.2 'Verdana',; text-decoration: none; }
	.row div a:first-child:hover, .row div a:first-child:focus { color: #1e0a02; text-decoration: underline; }
	
	.design #featured img { float: left; margin-right: 20px; }
	.design #featured h3 { font-size: 20px; margin: 0 0 0.25em; }
	.design #featured p { font-size: 15px; color: #FFFFFF; margin-left: 340px; line-height: 1.5; border-top: 1px solid #ded6c1; padding: 0.5em 0 0; }
	
	.publish.landing #featured { padding-bottom: 0; }
		.publish.landing #featured p { font-size: 16px; color: #4e3114; line-height: 1.5; margin-bottom: 1em; }
	.publish.landing .row p { font: normal 13px/1.4 , 'Verdana',; margin-top: 0.5em; color: #333; }
	.publish.landing #main .row p cite { color: #333; }
	.publish.landing #main { padding-top: 0; }
		.publish.landing #main .row a { font-size: 20px; }
			.publish.landing #main .row a img { border: none; }
	

#sub { width: 240px; margin: 0 0 2.5em 480px; padding: 30px 0 1em; border-bottom: 1px solid #e6dfce; }
	#sub ul { list-style: none; margin: 0 0 1.5em;}
		#sub ul li { background: transparent url(/i/presentation/bullet.gif) no-repeat 0 0.5em; padding: 0 0 0 10px; margin: 0 0 0.5em; }
		#sub li.current { background: transparent url(/i/presentation/bullet_current.gif) no-repeat 0 0.5em; font-weight: bold; }
	#sub dl { margin: 0 0 3em; }
	h3.categories { margin: 1em 0; color: #000; font: bold 12px , 'Verdana'; }
	#sub blockquote { padding-top: 10px; background-position: 0 12px; }
	.home blockquote, .clients #sub blockquote, .contact #sub blockquote { border: none; padding-top: 0; background-position: 0 2px; }
	.home blockquote { border-bottom: 1px solid #e6dfce; }
	.speak #sub blockquote { border-bottom: 1px solid #e6dfce; margin-bottom: 0; }
	.speak #sub a.badge img { margin: 1.5em 0 1em; }
	
	#sub ul.categories { border-bottom: 1px solid #e6dfce; padding: 0 0 1em; margin-bottom: 1em; }
	
.home #sub { width: 320px; margin-left: 380px; }
.home #sub h2:first-child { margin-bottom: 0; }
.news #sub { border: none; }

dl.archive { float: left; padding: 0 0 0 10px; width: 14em; max-width: 240px;}
dl.archive dt { clear: left; padding: 3em 0 0; margin: 0 0 1em -10px; font-weight: bold; font-size: 12px; }
	dl.archive dt:first-child { padding-top: 0; }
	dl.archive dd { float: left; padding: 0 0.5em 0 0; margin: 0 0 0.5em 0.5em; border-right: 1px solid #ceb896; font-size: 11px; width: 2em; }
	dl.archive dd.current { font-weight: bold; }
	dl.archive dd.current a { color: #333; }
	dl.archive dd.current a:hover, dl.archive dd.current a:focus { color: #000; }
	dl.archive dd.last { border: none; }
	
p.meta { border-top: 1px solid #e6dfce; padding: 0.5em 0 0; }


/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer { clear: left; background-color: #CCCCCC; width: 680px; padding: 1em 20px; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #963; color: #669900; margin: 0 0 4em; }
	#footer a, p.meta a { color: #963; color: #666666; }
	#footer a