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

HAPPY COG
General Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com

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


/*-------------------------------------------    
    Global Combinations
-------------------------------------------*/
.mod:after, #main:after, .secondary:after, .locations:after, #scroll-container:after, ul.social:after, .feat-clients:after, .featured-news:after, .featured-news .recent ol:after, .slideshow-np-nav:after, ul#slideshow-nav:after, #home-hero .scroll-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

a.sites-toggle { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }


/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; /*color: #333;*/ line-height: 1.4; }
body { font-size:62.5%; font-family: Georgia, 'Times New Roman', serif; background: #fffdee; min-width: 818px;}

h1 { color: #2b1404; font-size:1em;}
h2 { margin-bottom: 1em; line-height: 1.4; }
h3 { font: normal 16px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #40550d; margin: 0 0 0.5em; }
h3.credit, h3.title { font: normal 14px Georgia, 'Times New Roman', serif; color: #4e3114; font-style: italic; }
	h3 em { color: #40550d; }
h4 { font-style: italic; font-size: 13px; font-weight: normal; font-family: Georgia, 'Times New Roman', serif; color: #4e3114; }

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

abbr, acronym { border: none; }
h2 abbr, h2 acronym { color: #40550d; }

p { margin-bottom: 1.35em; }
p, ul, ol, dd { font-size: 13px; color: #333; }
dd { margin-bottom: 1em; }
fieldset { border: none; margin: 0; padding: 0; }

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; }

dfn { font-style: normal; }

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

a img.inset { padding-top: 8px; }

.aside { float:left; width:117px; }
/*-------------------------------------------    
    Header
-------------------------------------------*/
#logo { display: none; }

#header { width: 718px; margin: 0 auto; padding: 97px 50px 0; position: relative; background: url(../i/presentation/header.jpg) no-repeat 50% 0; }
#header-wrap { border-top: 7px solid #28150e;}

h1 strong { display: block; position: absolute; top: 29px; font-size: 1.4em; font-style: italic; font-weight: normal; left: 0; text-align: right; width: 100%; 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; left:50px; 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; right:110px; top:-26px; width: 435px; font-size: 0.425em }
	h1 strong span.connect { display: none; }


/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
h1 { font-weight: normal; font-size: 1em; padding: 0.45em 20px 31px; background: #fff url(../i/presentation/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_create { padding-right: 4px; }
	h1 a#nav_speak { padding-right: 4px; }
	h1 a#nav_about { padding: 0 3px; } /**/

	/* current states */
	.create h1 a#nav_create:link, .create h1 a#nav_create: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,
	.create h1 a#nav_create:hover, .create h1 a#nav_create: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: #1e0a02; 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: 420px; float: left; padding: 30px 0 0 20px; margin: 0 0 2.5em; }
.create.landing #main, .publish.landing #main, .sitemap #main { width: 680px; }
	#main h2, dl.dated dt a, .create #featured h3 a { color: #40550d; font: normal 20px/1.2 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-decoration: none; }
	#main h2 { border-bottom: 1px solid #e6dfce; padding: 0 0 0.25em; }
	.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 *, .create #featured h3 a:hover, .create #featured h3 a:focus { color: #1e0a02; text-decoration: underline; }
	#sub h2, .news.landing #main h2, #featured h2, #featured h2 a, .more a, .news.archive #main h2, .news.post #main h3, table.calendar caption { color: #963; font: normal 12px/1.2 Georgia, 'Times New Roman', serif; font-style: italic; letter-spacing: 3px; 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 { background: transparent url(../i/presentation/bullet.gif) no-repeat 0 0.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, 'Courier New', Courier, 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: #ad9984; font-size: 12px; }
		body.archive #main h2 { border: none; }

p.lede { margin: 0 0 11px; }
p.lede img { border: none; }
p.f-aba { margin-top: -15px; position: relative; }

	#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.25em; }
			ol.newsitems h3 a { color: #40550d; font: normal 20px/1.2 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-decoration: none; } /* combine above */
			ol.newsitems h3 a:hover, ol.newsitems h3 a:focus { color: #1e0a02; text-decoration: underline; }
		ol.newsitems p.date { position: absolute; top: 0; border-bottom: 1px solid #e6dfce; width: 100%; padding: 0 0 0.25em; font-style: italic; color: #ad9984; }

	#main img, .full, .half, .third { float: left; margin: 0 14px 10px 0; border-bottom: 4px solid #1e0a02; } 
	a img, #main a img { border: none; border-bottom: 4px solid #1e0a02; }
	a:hover img, a:focus img, #main a:hover img, #main a:focus img { border-color: #4e3114; }
		#main a img.framed, #main img.framed { border-color: #E6DFCE #E6DFCE #1E0A02 #E6DFCE; border-style: solid;border-width:1px 1px 4px 1px; }
	#main img.plain, #main a img.plain { border: none; }

	.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; }

	.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: #4e3114; font-style: italic; }

	.reference { border-top: 1px solid #e6dfce; margin: 0 0 4em; float: left; }
	.reference .entry h3 a { color: #40550d; font: normal 16px/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: #1e0a02; 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; }
	 h2 + .reference { border: none; margin-top: -15px; }

	#main dl.reference, #main ul.reference { float: none; border: none; margin: 0; padding: 0; }
		dl.reference dt, #main ul.reference li { 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 11px Verdana, Arial, sans-serif; color: #4e3114; }
	#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 #e6dfce; 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, .row div a:first-child abbr { color: #40550d; font: normal 15px/1.2 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-decoration: none; }
	.row div a:first-child:hover, .row div a:first-child:focus, .row div a:first-child:hover abbr, .row div a:first-child:focus abbr { color: #1e0a02; text-decoration: underline; }

	.create #featured img { float: left; margin-right: 20px; }
	.create #featured h3 { font-size: 20px; margin: 0 0 0.25em; }
	.create #featured p { font-size: 15px; color: #4e3114; 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 Georgia, 'Times New Roman', serif; 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; }
	#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 Georgia, 'Times New Roman', serif; }
	#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; }
	.speak #sub blockquote { border-bottom: none; } /*Remove this when using AEA banner*/

	#sub ul.categories { border-bottom: 1px solid #e6dfce; padding: 0 0 1em; margin-bottom: 1em; }

.copyright #sub, .accessibility #sub { border-bottom: none; }
.copyright #sub blockquote, .accessibility #sub blockquote { border-top: none !important; border-bottom: 1px solid #e6dfce; }

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; }

.ed-note { background-color: #f3f0dc; border: 1px dashed #aaa090; padding: 10px 6px 10px 10px; color: #60411f; font-size: 12px; }
	.ed-note strong { font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #963; text-transform: uppercase; letter-spacing: 0.1em; }

#main ul.sitemap ul { margin-top: 0.5em; }

/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer { clear: left; background-color: #f1eed8; width: 680px; padding: 1em 20px 1.5em; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #60411f; margin: 0; text-align: center; }
	#footer a, p.meta a { color: #60411f; }
	#footer a:hover, #footer a:focus, p.meta a:hover, p.meta a:focus { color: #1e0a02;  }
/*
#deviceswitch { margin: 0 0 4em; padding: 0; list-style: none; padding: 0 20px; }
	#deviceswitch li { display: inline; font-weight: bold; border-left: 1px solid #ddd; padding: 0 0 0 0.5em; margin: 0 0 0 0.25em; }
	#deviceswitch li.first { border: none; padding-left: 0; margin-left: 0; }
		#deviceswitch li a { font-weight: normal; }
*/
.hch { display: block; margin: 1.25em auto 0; width: 183px; height: 61px; background: transparent url(/i/orange-text.png) no-repeat center center; text-indent: -9999px; overflow: hidden; }

/* 
	Extended Footer 
*/
.extended-foot { clear: both; border-top: 4px solid #ddd6c3; padding-top: 20px; }
.hire-us, .nyc-address, .phi-address, .sf-address { width: 161px; margin: 0 24px 20px 0; float: left; }
.sf-address { margin: 0; }
.nyc-address, .phi-address, .sf-address { font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif; font-size: 10px; line-height: 1.5; color: #666; }
.nyc-address dt, .phi-address dt, .sf-address dt { font-weight: bold; }
.nyc-address dd, .phi-address dd, .sf-address dd { font-size: 10px; line-height: 1.5; color: #666; margin: 0; }
.hire-us { font-family: Georgia, "Times New Roman", Times, serif; color: #666; }
	.hire-us h2 { font-weight: normal; border-bottom: 1px solid #ddd6c3; font-size: 15px; padding: 0 0 5px; margin: 0 0 5px; }
	.hire-us p { font-size: 12px; line-height: 1.4; color: #666; }
.extended-foot ul.social { border-top: 1px solid #ddd6c3; clear: both; margin: 20px 0 0; padding: 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
	.extended-foot ul.social li { border-right: 1px solid #eee9d8; width: 239px; float: left; text-align: center; }
	.extended-foot ul.social li.email { border-right: none; }
		.extended-foot ul.social li img { position: relative; padding-right: 10px; top: 4px; }
		.extended-foot ul.social a { display: block; padding: 5px; text-decoration: none; }
ul.social { list-style: none; }
	ul.social li.twitter span, ul.social li.facebook span, ul.social li.email span { display: inline-block; padding-left: 20px; min-height: 16px; }
		ul.social li.twitter span { background: url('/i/ico-twitter.png') no-repeat; }
		ul.social li.facebook span { background: url('/i/ico-facebook.png') no-repeat; }
		ul.social li.email span { background: url('/i/ico-email.png') no-repeat; }


/*-------------------------------------------    
    Contact Page
-------------------------------------------*/

p.intro { border-bottom: 1px solid #e6dfce; color: #1e0a02; font: normal 2.4em/1.125 Georgia, 'Times New Roman', serif; /* 24px / 10px; 27px / 24px */ letter-spacing: 0.015em; margin: 0 0 30px; padding: 30px 20px; text-align: center; }

body.contact #main h2, body.contact h3 { border: none; color: #577007; font-family: Georgia, 'Times New Roman', serif; margin-bottom: 1em; padding: 0; }
body.contact #main h2 {	font-size: 2.2em; /* 22px / 10px */ }
body.contact #main { float: none; margin-top: 30px; padding: 0; width: 718px; }
	body.contact #main div { float: left; margin-left: 20px; width: 367px; }
	body.contact #main p { font-size: 1.4em; /* 14px / 10px */ line-height: 1.428571428571429;	/* 20px / 14px */ }

a#project-planner {	background: #e7e9aa url("../i/bg-project-planner.jpg") no-repeat; border: 1px solid #e5e2ce; -webkit-border-radius: 3px; -moz-border-radius: 3px;	border-radius: 3px;	display: block;	float: right; padding: 91px 20px 20px; text-align: center; text-decoration: none; width: 228px; }
a#project-planner:hover, a#project-planner:focus { background: #486d7c url("../i/bg-project-planner.jpg") -270px 0 no-repeat; border: 1px solid #5a7c89; color: #fffdee; }
	a#project-planner span.title { color: #333; display: block; font: normal 2em/1 Georgia, 'Times New Roman', serif; /* 20px / 10px; 20px / 20px */ margin-bottom: 1em; text-decoration: none; }
	a#project-planner span.details { color: #333; display: block; font: normal 1.2em/1.25 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; /* 12px / 10px; 15px / 12px */ margin-bottom: 20px; text-decoration: none; }
	a#project-planner span.link { color: #ac5930; display: block; font: bold 1.2em/1.25 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; /* 12px / 10px; 15px / 12px */ text-decoration: none; }
	a#project-planner:hover span.icon, a#project-planner:focus span.icon {background: url("../i/icon-project-planner.png") 0 -51px no-repeat; }
	a#project-planner:hover span.title, a#project-planner:focus span.title, a#project-planner:hover span.details, a#project-planner:focus span.details { color: #fffdee; text-decoration: none; }
	a#project-planner:hover span.link, a#project-planner:focus span.link { color: #fffdee; text-decoration: underline; }

.secondary { background: #fff; border: 1px solid #e5e2ce; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 30px 0; padding: 20px 19px; width: 678px; }

.questions { border-right: 1px solid #e0e0e0; float: left; padding-right: 41px; width: 367px; }
	.questions h3 { font-size: 1.6em; /* 16px / 10px */ }
	.questions h4 { font-size: 1.2em; /* 12px / 10px */ line-height: 1.416666666666667;	/* 17px / 12px */ margin: 0; font-family: Georgia, 'Times New Roman', serif; }
	.questions p { font-size: 1.2em; /* 12px / 10px */ line-height: 1.416666666666667;	/* 17px / 12px */ }
	
	.questions ul { font-size: 1em; list-style: none; }
		.questions li { margin: 0; }
			.questions li.last p { margin-bottom: 0; }

.contact-us { float: right; font: normal 1.1em/1.363636363636364 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; /* 11px / 10px; 15px / 11px */ width: 229px; }
	.contact-us h3 { font-size: 1.45455em; /* 16px / 11px */ }
	.contact-us form { font: 1.1em/1.363636363636364 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; /* 11px / 10px; 15px / 11px */ }

.did-run label { position: absolute; left: -1000em; }

	div.contact-us p { font-size: 1em; }
	.contact-us form p { margin-bottom: 1.363636363636364em; }
		.contact-us input, .contact-us textarea { color: #666; font-size: 1em; font-weight: bold; line-height: 1.0; padding: 0.3em; width: 217px; border:1px solid #ccc; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; }
		.contact-us textarea { height: 4em; line-height:1.25; }
	
	.contact-us p.send { border: none; float: right; height: 24px; margin: 0 5px 0 0; overflow: hidden; }
	.contact-us div.thanks, .contact-us p.thanks { background: #fffef6; border: 1px dotted #e0cfb6; color: #666; padding: 0.5em; }
	.contact-us div.thanks p { margin:0; }
	.contact-us p.error { background: #fcc; border: 1px dotted #900; color: #900; padding: 0.5em; }
	.contact-us p.error label { color: #c93b0e; cursor: pointer; text-decoration: underline; }
	.contact-us p.error label:hover { text-decoration: none; }
	.contact-us p.note em { font-style: normal; font-weight: bold; }

input#btn-send, input#wpsf_contact_submit { background: url("../i/btn-send.jpg") no-repeat; border: none; display: block; height: 24px; margin: 0; padding: 0; text-indent: -1000em; width: 87px; }
	input#btn-send:hover, input#btn-send:focus, input#wpsf_contact_submit:hover, input#wpsf_contact_submit:focus { background-position: 0 -24px; }
	input#btn-send:active, input#wpsf_contact_submit:active { background-position: 0 -48px; }
input#wpsf_contact_submit {float: right;}
textarea#wpsf_contact_message { height:12em;}

abbr.amp { font: normal 1em Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; font-style: italic; }


/*-------------------------------------------
    Sites
-------------------------------------------*/
#sites { background-color: #412e26; }
#sites .wrap { position: relative; width: 718px; margin: 0 auto; padding:0;  list-style: none; text-align: right; font-family: 'FranklinGothicMed'; font-size: 1.2em; color: #7c717a; text-transform: uppercase; overflow: hidden; }
	#sites ul { margin: 0; }
	#sites li { display: inline-block; padding: 7px 0; margin: 0; text-align: left; color: #fff; }
	#sites li a { color: #bdb7aa; text-decoration: none; }
		#sites li a:hover { color: #fff; }
		#sites li a, #sites li em { padding: 0 13px; font-style: normal; }
			#sites li:before { content: " /"; color: #fff; }
			#sites li:first-child:before { content: ""; }

a.sites-toggle { background-image: url(/i/sites/toggle-scoop.png); height: 46px; width: 61px; position: absolute; right: 36px; top: -2px; z-index: 500;}

@font-face {
	font-family: 'FranklinGothicMed';
	src: url('/fonts/FranklinGothic-Med-webfont.eot');
	src: local('☺'), url('/fonts/FranklinGothic-Med-webfont.woff') format('woff'), url('/fonts/FranklinGothic-Med-webfont.ttf') format('truetype'), url('/fonts/FranklinGothic-Med-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*-------------------------------------------
    Homepage Slideshow
-------------------------------------------*/


	#home-hero { padding-bottom: 4px; background: url(/i/slideshow/shadow-bottom.gif) no-repeat 0 bottom; margin: 0 0 10px;  overflow:hidden; }
		#home-hero a img, #slideshow-nav a img { border: none;}
		#panel-wrap {overflow:hidden}
		#scroll-container { width:720px;}
			#scroll-container div { display:none; }
			#scroll-container div.first { display:block; }

	#slideshow-nav *:focus, #slideshow-nav *:active { outline: none; }
	#slideshow-nav { margin-bottom: 15px; }
		#slideshow-nav li:first-child { margin-left: 0; }
		#slideshow-nav li { float: left; list-style: none; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #edebdd; background: #fff; padding: 9px; margin-left: 10px;}
		#slideshow-nav li.on { border-color: #000; background: #000; }
		#slideshow-nav li:hover { border:1px solid #bfbeb2; }

	.slideshow-np-nav { background: #1e0a02; }
		.slideshow-np-nav .caption { padding: 14px 14px 14px 18px; border-left: 1px dashed #4b3b35; }
		.slideshow-np-nav li { float: left; list-style: none; }
		.slideshow-np-nav li, .slideshow-np-nav li a { color: #fff; }
			.slideshow-np-nav span { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
			.slideshow-np-nav li.prev span, .slideshow-np-nav li.next span { background-image: url(/i/slideshow/arrows-sprite.gif); height: 17px; width: 11px; padding: 14px; position: relative; z-index: 500; display: block; float: left; cursor:pointer;}
			.slideshow-np-nav li.prev span { background-position: 14px 14px; }
			.slideshow-np-nav li.next span { background-position: -34px 14px; }
			.slideshow-np-nav li.next span:hover { background-position: -34px -31px; background-color: #412e26; }
			.slideshow-np-nav li.prev span:hover { background-position: 14px -31px; background-color: #412e26; }

/*
	Homepage Value Statement
*/
.why-hc { width: 719px; margin: 20px 0 17px; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; font-size: 16px; border-top: 4px solid #ddd6c3; padding: 27px 0 0; border-bottom: 1px solid #e6dfce; }
	.why-hc h2 { font-size: 16px; font-style: italic; font-weight: normal; text-transform: uppercase; color: #996633; letter-spacing: 2px; margin: 0 0 10px; }
	.why-hc p { line-height: 1.4; margin-bottom: 1.4; font-size: 16px; }
p.get-started { margin: 0 120px 0; text-align: left; padding: 0 0 20px 65px; line-height: 1.4; background: url('/i/ico-planner.png') 0 -3px no-repeat; }
/* 
	Homepage Client List
*/
.feat-clients ul { float: left; display: block; }
.feat-clients li a img { padding: 0; }
.feat-clients h2 { margin: 0 0 0 20px; padding: 20px 0; width: 100px; font: normal 14px/1.4 Georgia, "Times New Roman", Times, serif; float: left; }
.feat-clients ul li { float: left; padding: 0 10px; list-style: none; }
	.feat-clients ul li img { border: none; }
/*
	Portfolio
*/
.portfolio { background: #f3f0dc; width: 224px; border-top: 4px solid #1e0a02; float: left; margin: 13px 24px 20px 0; clear: both; }
	.portfolio h2 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; margin: 0; }
		.portfolio h2 a { color: #996633; text-decoration: none; padding: 17px 20px 16px 20px; display: block; border-bottom: 1px dashed #cec8b6; font-size: 13px;
		-webkit-transition: all .15s ease-in-out; 
		-moz-transition: all .15s ease-in-out; 
		transition: all .15s ease-in-out; 
		}
			.portfolio h2 a:hover { background-color: #e7e4d1; }
	.portfolio li { list-style: none; }
		.portfolio li a { display: block; padding: 20px; font-size: 11px; line-height: 1.4; font-family: verdana, arial, sans-serif; color: #4E3114; text-decoration: none; border-bottom: 1px dashed #cec8b6; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
			.portfolio li a:hover { background-color: #e7e4d1; }
		.portfolio li img { display: block; border-bottom: 4px solid #1e0a02; width: 183px; margin: 0 0 8px 0; }

/* 
	Recent News 
*/
.featured-news { width: 471px; border-top: 4px solid #ddd6c3; margin: 13px 0 20px 0; float: left; }
	.featured-news h2 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; color: #996633; margin: 20px 0; }
	.featured-news .recent { margin: 0 0 20px; position: relative; }
		.featured-news .recent ol li { width: 223px; float: left; clear: left; margin: 0 0 20px; position: relative; list-style: none; }
			.featured-news .recent ol li.even { float: right; clear: right; }
		.featured-news .recent li h3 a { color: #40550d; display: block; text-decoration: none; font-size: 18px; font-weight: normal; margin: 27px 0 10px; }
			.featured-news .recent li h3 a:hover { color: #333; }
		.featured-news .recent li p { font-size: 12px; line-height: 1.4; color: #333; font-family: Georgia, "Times New Roman", Times, serif; }
			.featured-news .recent li p.date { font-style: italic; color: #ad9984; border-bottom: 1px solid #e6dfce; padding: 0 0 5px; margin: 0 0 5px; position: absolute; top: 0; width: 100%; }
		.featured-news .recent p.act { text-align: right; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }
			.featured-news .recent p.act a.rss { position: absolute; top: -1px; right: 0; background: url('/i/presentation/rss_icon.gif') 0 4px no-repeat; padding: 2px 0 2px 16px; font-size: 11px; text-decoration: none; color: #996633; }
				.featured-news .recent p.act a.rss abbr { text-decoration: none; color: #996633; }
				.featured-news .recent p.act a.rss:hover,
.featured-news .recent p.act a.rss:hover abbr { color: #333; text-decoration: underline; }

/* 
	Cognition
 */
.featured-news .cognition { border-top: 4px solid #ddd6c3; font-family: Georgia, "Times New Roman", Times, serif; clear: both; }
		.featured-news .cognition h2 { margin-top: 18px; }
		.featured-news .cognition li { margin: 0 0 14px; width: 223px; float: left; list-style: none; }
			.featured-news .cognition li.even { float: right; clear: right; }
		.featured-news .cognition h3 { font-weight: normal; line-height: 1.4; }
			.featured-news .cognition h3 a { color: #cd481d; font-size: 14px; }
				.featured-news .cognition h3 a:hover { color: #333; }
		.featured-news .cognition li { background: url('/i/presentation/bullet.gif') 0 8px no-repeat; padding: 0 0 0 10px; }
		.featured-news .cognition em { display: block; font-style: italic; font-size: 12px; line-height: 1.4; }


/*-------------------------------------------
	Media Queries
-------------------------------------------*/

@media screen and (max-width: 480px)  {
	html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }

	body { position: relative; min-width: 100%;}
	
	img { max-width: 100%; }
	
	#sub:after, #main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	#sites .wrap, #container, #subnav, #footer,	 #main, #header, #featured, .contact-us, .questions, .secondary, .locations, .locations ul > li, .reference .entry	{ width: 100% !important; }

	#slideshow-nav, .slideshow-np-nav .prev, .slideshow-np-nav .next, .create #sub, .news .archive, #sub blockquote, h1 strong span,  .home #sub > h2:first-child, .news.landing h3.categories, .questions, .clients #sub, .speak object, .create object   { display: none; }

	h1, h2, h2 a, h2 abbr, .secondary h3, .contact .locations h3, #main ol.newsitems h3 a, .publish .row div a, a#project-planner span.title { font-size: 22px !important; margin-bottom: 10px !important; }
 
	.publish #featured p, .create .row div a, .create #featured h3 a { font-size: 18px !important; line-height: 1.6; }
	
	h3, h3 a, p, caption,  p.rss, .row div a, ul, ol, dd, .locations h3, dl.reference dt, abbr, dl.reference dt, #main ul.reference li a, .contact p.intro	{ font-size: 16px !important; line-height: 1.6; }

	.cognition-bar li, .tweet_list li, .tweetlink, .locations h4 { font-size: 15px !important; line-height: 1.6; }

	h4, h5, h6, p.intro, cite, .more a, .reference .entry p { font-size: 14px !important; line-height: 1.6; }
	
	html #sites .wrap { padding: 0; }
	#sites .close {	 right: 5px !Important;}
	html #sites ul { margin-right: 30px; }
	#sites li a, #sites li em { padding: 0 7px; }
		#sites li a { font-size: 11px !important; }

	#header { padding: 97px 0 0;}
		h1 { line-height: 1.4; margin-bottom: 0 !important;}
		h1 strong a { left: 5px;  }
		h1 strong a { width: 175px; height: 33px; background-image: url(../i/presentation/hc_logo-mobile.png); top: -20px; left:30px; }
		h1 strong a:hover, h1 strong a:focus { background-position: 0 -34px; }
	
	#subnav { padding: .6em 0; }
		#subnav li:first-child { padding-left: 20px; }
		#subnav li { margin-right: 15px; padding-left: 15px; }
			#subnav li a { font-size: 13px; font-weight: bold; padding: 3px; }

	#main { margin: 0; padding-left: 0; }
		#main > * { margin-left: 10px !important; margin-right: 10px !important; }
		#main ul li { padding-right: 10px; }
		p.intro { line-height: 1.5; }
		
		#featured { padding: 0 0 20px; }
			#featured > * { margin: 10px 20px; }
	
	#sub, .home #sub { width: 100%; margin-left: 0; padding: 20px 0 0 0; clear: left; }
		#sub > *, #sub ul, #sub h2 { margin-left: 10px; margin-right: 10px;}
		#sub p.rss { clear: left; }
		#sub ul.categories { border-bottom: none; }
			#sub li.current { background-image:url("../i/presentation/bullet.gif"); }
		

	#footer { padding: 1em 0 1.5em; }


	/* HOME */
	#home-hero img {  height: 200px; width: 480px; } 
	.slideshow-np-nav .caption { font-size: 14px; }
	.why-hc { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom: 0; padding: 0; border-top: none; }
		.why-hc h2 { text-align: left; }
		.why-hc p { text-align: left; margin-left: 0; margin-right: 0; width: auto; }
	.feat-clients { margin-left: 10px; margin-right: 10px; }
		.feat-clients h2 { width: auto; display: block; float: none; padding-bottom: 0 !important; margin-bottom: 0 !important; font-size: 16px; }
		.feat-clients ul { float: none; margin-left: 10px; margin-right: 10px; }
	.portfolio { width: auto; margin-right: 0; float: none; }
		.portfolio h2,
			.portfolio h2 a { margin-bottom: 0 !important;	padding-left: 10px; padding-right: 10px;}
		.portfolio li a { padding: 10px; font-size: 16px; }
			.portfolio li a img { width: 200px; }
	.featured-news { width: auto; margin-left: 10px; margin-right: 10px; border-top: none; margin-top: 0; }
		.featured-news h2 { margin-top: 0; }
		.featured-news .recent ol, .featured-news .recent ol li, .featured-news .recent ol li.even { float: none; clear: none; }
		.featured-news .recent ol li { width: auto; }
			.featured-news .recent ol li:nth-of-type(2), .featured-news .recent ol li:nth-of-type(3), .featured-news .recent ol li:nth-of-type(4) { display: none; }
		.featured-news .recent h3 a { font-size: 22px !important; padding-top: 1.6em !important; margin-bottom: 0 !important; }
		.featured-news .recent li p { font-size: 16px; line-height: 1.6; }
			.featured-news .recent li p.date { margin-bottom: 0; }
		.featured-news .recent p.act a.rss { position: relative; top: 0; float: left; font-size: 14px; background-position: 0 50%; }
			.featured-news .recent p.act a.rss abbr { font-size: 14px !important; }
	.featured-news .cognition li { width: 100%; }
	.cognition-bar li a { font-size: 16px; }
	.extended-foot { margin-left: 10px; margin-right: 10px; }
	.hire-us, .nyc-address, .phi-address, .sf-address { float: none; width: auto; }
	.nyc-address dd, .phi-address dd, .sf-address dd, .nyc-address dl, .phi-address dl, .sf-address dl { font-size: 14px !important; }
	.extended-foot ul.social li { width: auto; border: none; float: none; text-align: left; }
		.extended-foot ul.social li span { background-position: 0 50%; }

	/* CREATE */
	html .create #featured > * { margin: 10px 20px; }
	.create #featured h2 { margin-top: 25px;}
	.create #featured img { float: none; margin-bottom: 10px; }
	.create #main .row { border-top: none; clear: none; width: 100%; margin: 0 !important;}
		.create .row div { width: 100%; margin: 0 0 22px; position: relative; border-bottom: 1px solid #e6dfce; padding-bottom: 25px;}
		.create .row:last-of-type div:last-child { border-bottom: none; }
			.create .row div a { margin: 0 20px; display: block; }
				.create #main .row div a img { margin-bottom: 15px; }
				.create .row div p {margin: 0 10px 0 20px; }
			.create .full { float: none; }
	
			
	/* NEWS */
	#main ol.newsitems li { margin-bottom: 30px; }
	#main ol.newsitems h3 { margin-top: 10px; }
	.news.landing #main { border-bottom: 1px solid #e6dfce; }
	.news.post #main h3 {top: 25px; }
	.news.post #main h2 {padding-top: 15px; }
	.news.post .meta { padding: 10px 0; }
	
	
	/* CONTACT */
	body.contact #main	{ border-bottom: none; }
		body.contact #main div { width: auto; }
	.contact-us { float: none; }
		.contact-us > *, body.contact h3 { padding: 0 10px; }
	.secondary { padding:  20px 0 0; border-left: none; border-right: none; }
	a#project-planner { float: none; margin: 0 auto !important; clear: both; font-size: 14px; width: 70%; background-image: none; padding: 20px;}
	a#project-planner:hover { background-image: none; }
	.locations > ul { padding: 0 10px; }
		.locations ul > li	{ padding: 0 0 15px; margin-top: 15px; border-bottom: 1px solid #e6dfce; }
		.locations ul > li:last-child  { border-bottom: none; }
	.contact-us form input, .contact-us form textarea { width: 80%; padding: 10px 5px; }
	input#wpsf_contact_submit { float: none; }
	

	/* PUBLISH */
	.publish.landing #main { background-image: none; border-bottom: none; }

	.publish .row div { width: 100%; margin: 0 0 20px; border-bottom: 1px solid #e6dfce;  padding-bottom: 20px; text-align: center;}
	.publish .row div:last-child { border-bottom: none; }
		.publish .row div p { text-align: left;}
		.publish #main .row div a img { margin: 5px auto 10px; }
		.publish #main ul li { background-position: 0 .5em; padding-right: 20px; }
	
	.reference .entry:last-of-type { border-bottom: none; }

	/* ABOUT */ 
	.about #sub { display: none; }
	#main ul.reference li { background-position: 0 1.3em; }
	.reference .entry p { margin-left: 114px; }
	 h2 + .reference { margin-top: 0; }

}

@media screen and (max-width: 322px) {
	#home-hero img {  height: 133px; width: 320px; } 

	.create #main > img { margin: 0 0 10px !important;	float: none; }
	.create .full, .create .half { float: none; }

	.about-landing.about #main img { float: left; }
	.about #main img { float: none; }

}