/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #333; line-height: 1.4; }
/*------------------------------------------- */   
/*    Imagen General de la cabecera */
body { 
	font: normal 62.5% Georgia, 'Times New Roman', serif; 
	background: #fffdee url(/i/presentation/logo4.png) no-repeat 50% 0;
}
/*-------------------------------------------*/

h1 { 
	color: #2b1404; 
}
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; 
}
h1.cap { 
	font: normal 21px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	color: #40550d; 
	margin: 0 0 0.5em; 
	font-style: italic;
}
h3.credit, h3.title { 
	font: normal 14px Georgia, 'Times New Roman', serif; 
	color: #4e3114; 
	font-style: italic;
}
h3 em { 
	color: #40550d; 
}
/*  h5 { 
	font: normal 25px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	color: #40550d; 
	margin: 0 0 0.5em; 
	font-style: italic;
}
*/

h5 { 
	font: x-large 30px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	/* font: normal 25px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;  */
	color: #40550d; 
	margin: 0 0 0.5em; 
	/* font-style: italic;*/
	text-align:center;
	border:0;
	padding:0;
	
}


a, #main a cite {
	color: #c93b0e; 
	text-decoration: underline; 
}
/*a:hover, a:focus, #main a:hover cite, #main a:focus cite {
	color: #1e0a02; 
}*/
a:hover, a:focus, #main a:hover cite, #main a:focus cite {
	color: #1e0a02;
	text-decoration:none;
	background:transparent;
	font-weight:bold;
}
a:link, a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#CC9900;
	background:transparent;
}
a:active{
	font-weight:bold;
	text-decoration:none;
	color:#CC6600;
	background:transparent;
}

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: #999; 
	margin-top: 3em; 
	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: 97px 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(a/presentation/hc_logo1.png) no-repeat 0 0;
	border: none;
	top: -52px;
	text-align: left;
	left: 1px;
}
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: 9px; 
	right: -54px; 
	width: 480px; 
}
h1 strong span.connect { 
	display: none; 
}

/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/

h1 { font-weight: normal; font-size: 20px; padding: 0.45em 20px 31px; background: #fff url(i/presentation/car_bottom1.png) 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: #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; }
.home #main { width: 320px; position: relative; }
.design.landing #main, .publish.landing #main { width: 680px; }
	#main h2, dl.dated dt a, .design #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; }
	.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: #1e0a02; 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: #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; }
	
	/*
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: italic; color: #ad9984; } 
		.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.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; }
	
	.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: #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; font-style: italic; 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 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 { 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 { 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: #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; 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 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; }
	
.home #sub { width: 320px; margin-left: 380px; }
.home #sub h2:first-child { margin-bottom: 0; }
.news #sub { border: none; }

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

/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer { clear: left; background-color: #f1eed8; width: 680px; padding: 1em 20px; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #60411f; margin: 0 0 4em; }
	#footer a, p.meta a { color: #60411f; }
	#footer a:hover, #footer a:focus, p.meta a:hover, p.meta a:focus { color: #1e0a02;  }
	div#footer{
		clear:both;
		border:0;
		border-top:10px solid #eed;
		border-bottom::10px solid #eed;
		background:url(../i/presentation/footshadow.gif) top left repeat-x;
		color:#1e0a02;
		width:718px;
		padding:1px 1px;
		margin:10px 10px 10px 10px;
	}
div#footer p	{
	background: transparent  url(../i/presentation/author.png) center left no-repeat;	
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 50px;
	}