/* ---------------------------------------------------------------------------
	
	Keymer Master Styles
	http://www.keymerpr.com
	
	author: nGen Works
	http://ngenworks.com
	
--------------------------------------------------------------------------- */

/* RESET! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* --------------------------------------------------------------------------
	=layout
--------------------------------------------------------------------------- */

body { 
	background-color: #000;
	color: #013042;
	font: small/1.8em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#header-container {
	background: #548ba1 url(../img/bg-header.png) repeat-x top left;
	border-top: 4px solid #000;
	height: 135px;
}

#content-container {
	background-color: #548ba1;
	padding-bottom: 100px;
}

#foot-container {
	background: url(../img/bg-foot.png) repeat-x top left;
	padding-bottom: 30px;
	padding-top: 57px;
}
	
#header,
#content,
#foot {
	margin: 0 auto;
	width: 960px;
}

#header {
	left: 50%;
	margin-left: -480px;
	padding-top: 18px;
	position: absolute;
	top: 4px;
	z-index: 1;
}

#foot {
	background: url(../img/bg-foot-notch.png) no-repeat top left;
	color: #777;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 0.85em;
	padding-left: 44px;
	padding-right: 30px;
	padding-top: 37px;
	width: 886px;
}

/* ---------------------------------------------------------------------------
	=links
--------------------------------------------------------------------------- */

a:link { color: #fafa1e; text-decoration: none; }
	
a:visited { color: #aac8cb; text-decoration: none; }
	
a:hover { color: #fff; text-decoration: underline; }

a.more {
	color: #962d3e;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 0.77em;
	font-weight: bold;
	text-transform: uppercase;
}

/* ---------------------------------------------------------------------------
	=typography
--------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	line-height: 1.0em;
}

h1 {
	color: #000;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	letter-spacing: -.05em;
}

h2 {
	color: #aac8cb;
	font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	/* text-transform: uppercase; */
	letter-spacing: .05em;
	padding-top: 10px;
	margin-bottom: 10px;
}

h3 {
	font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 1.4em;
	letter-spacing: .04em;
	margin-bottom: 10px;
}

h4 {
	color: #aac8cb;
	font-weight: normal;
	font-size: 1em;
	font-style: italic;
	letter-spacing: .2em;
	margin-bottom: 10px;
	line-height: 1.5em;
}

h5 {
	font-size: .8em;
	font-family: Georgia, serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 20px;
	padding-top: 10px;
}

h6 {
	font-size: 1.1em;
}

p {
	margin-bottom: 20px;
}

/* ---------------------------------------------------------------------------
	=lists
--------------------------------------------------------------------------- */

ul, ol {
	margin-left: 20px;
	margin-bottom: 20px;
}

#nav-sub {
	margin-bottom: 0;
}

/* ---------------------------------------------------------------------------
	
	=images

--------------------------------------------------------------------------- */
	
img {
	float: left;
	padding: 0 20px 20px 0;
}


/* ---------------------------------------------------------------------------
	=header
--------------------------------------------------------------------------- */

#logo {
	background: url(../img/logo-screen.png) no-repeat 0 0;
	height: 75px;
	width: 248px;
}

#logo a {
	display: block;
	height: 100%;
	width: 100%;
}

#logo img {
	left: -9999px;
	position: absolute;
	top: 0;
}

#quick-contact {
	background: url(../img/quick-contact.png) no-repeat 0 0;
	height: 112px;
	position: absolute;
	right: 44px;
	text-indent: -9999px;
	top: 0;
	width: 234px;
}

	#quick-contact a {
		background: url(../img/quick-contact.png) no-repeat -46px -80px;
		bottom: 0;
		height: 36px;
		left: 46px;
		position: absolute;
		width: 142px;
	}
	
	#quick-contact a:hover {
		background-position: -46px -192px;
	}

/* ---------------------------------------------------------------------------
	=navigation
--------------------------------------------------------------------------- */

#nav {
	list-style: none;
	margin-left: 46px;
	margin-top: 14px;
	/* width: 620px; */
	width: 250px;
	overflow: hidden;
}

#nav li {
	background: url(../img/nav.png) no-repeat 0 0;
	height: 28px;
	margin-bottom: 4px;
	width: 80px;
	text-indent: -9999px;
}

#nav li a {
	background: url(../img/nav.png) no-repeat 0 0;
	display: block;
	height: 100%;
	width: 100%;
}

#nav #nav-home, #nav #nav-home a { background-position: 0 0; }
	#nav #nav-home a:hover { background-position: -80px 0; }
	body.home #nav #nav-home, body.home #nav #nav-home a, body.home #nav #nav-home a:hover { background-position: -160px 0; }
	
#nav #nav-services, #nav #nav-services a { background-position: 0 -30px; }
	#nav #nav-services a:hover { background-position: -80px -30px; }
	body.services #nav #nav-services, body.services #nav #nav-services a, body.services #nav #nav-services a:hover { background-position: -160px -30px; }
	
#nav #nav-approach, #nav #nav-approach a { background-position: 0 -60px; }
	#nav #nav-approach a:hover { background-position: -80px -60px; }
	body.approach #nav #nav-approach, body.approach #nav #nav-approach a, body.approach #nav #nav-approach a:hover { background-position: -160px -60px; }
	
#nav #nav-about, #nav #nav-about a { background-position: 0 -90px; }
	#nav #nav-about a:hover { background-position: -80px -90px; }
	body.about #nav #nav-about, body.about #nav #nav-about a, body.about #nav #nav-about a:hover { background-position: -160px -90px; }
	
#nav #nav-clients, #nav #nav-clients a { background-position: 0 -120px; }
	#nav #nav-clients a:hover { background-position: -80px -120px; }
	body.clients #nav #nav-clients, body.clients #nav #nav-clients a, body.clients #nav #nav-clients a:hover { background-position: -160px -120px; }
	
#nav #nav-blog, #nav #nav-blog a { background-position: 0 -150px; }
	#nav #nav-blog a:hover { background-position: -80px -150px; }
	body.blog #nav #nav-blog, body.blog #nav #nav-blog a, body.blog #nav #nav-blog a:hover { background-position: -160px -150px; }
	
#nav #nav-contact, #nav #nav-contact a { background-position: 0 -180px; }
	#nav #nav-contact a:hover { background-position: -80px -180px; }
	body.contact #nav #nav-contact, body.contact #nav #nav-contact a, body.contact #nav #nav-contact a:hover { background-position: -160px -180px; }

/* ---------------------------------------------------------------------------
	=content-main
--------------------------------------------------------------------------- */

#content-main {
	float: right;
	/*margin-left: 286px;*/
	padding-right: 44px;
	padding-top: 24px;
	position: relative;
	width: 590px;
	z-index: 10;
}

.intro {
	color: #000;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 1.385em;
	line-height: 1.56em;
	margin-bottom: 25px;
}

#content-main .view-all {
	background-color: #44798e;
	color: #fff;
	display: inline-block;
	font-size: 0.75em;
	margin-top: 0;
	padding: 0 3px;
	text-transform: uppercase;
}

#content-main .view-all a {
	color: #fff;
}


/* Extra Content areas in Content-Main */

#content-extra {
	margin-top: 50px;
	padding-top: 20px;
	background: url(../img/div-thick-dash.png) repeat-x 0 0;
}

#content-extra .view-all {
	background-color: #333;
	color: #fff;
	display: inline-block;
	font-size: 0.82em;
	margin-top: 12px;
	padding: 0 3px;
	text-transform: uppercase;
}

#content-extra h3 {
	padding-bottom: 20px;
	text-indent: -9999px;
}

/* Extra Services */
#content-extra.services h3 {
	background: url(../img/title-sub-explore.png) no-repeat 0 0;
}

/* Extra Blog List */
#content-extra.blog h3 {
	background: url(../img/title-sub-skinny.png) no-repeat 0 0;
}

#content-extra.blog ul {
	background: url(../img/div-dot.png) repeat-x bottom left;
	list-style: none;
	margin: 0 0 8px;
}

#content-extra.blog ul li {
	/*background: url(../img/div-dot-vertical.png) repeat-y top 95%;*/
	float: left;
	margin-bottom: 10px;
	min-height: 20em;
	padding-bottom: 10px;
	padding-right: 5%;
	width: 28%;
}

	#content-extra.blog ul li p{
		font-size: .9em;
		line-height: 1.7em;
	}
	
	
	#content-extra.blog ul li a {
		font-family: "trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		color: #aeffff;
		display: block;
		font-size: 1.4em;
		margin-bottom: 0;
	}

	#content-extra.blog ul li a:link { color: #aeffff; }

	#content-extra.blog ul li a:hover { color: #fff; }
	
	#content-extra.blog ul li a.more {
		color: #962d3e;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size: 0.87em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#content-extra.blog .posted-date {
		display: block;
		color: #aac8cb;
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 90%;
		margin-bottom: 10px;
	}
	
		#content-extra.blog .posted-date em {
			color: #fff;
			font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
			font-style: normal;
		}

/* Extra Clients */

#content-extra.clients {
	padding: 20px;
	margin-bottom: 30px;
	background-color: #fff;
	overflow: hidden;
}

#content-extra.clients h2 {
	margin-bottom: 50px;
	text-indent: -9999px;
	background: url(../img/title-sub-featured-clients.png) no-repeat 0 0;
}

#content-extra.clients h3 {
	clear: both;
	margin-bottom: 40px;
	color: #548ba1;
	text-indent: 0;
	font-style: italic;
	font-weight: normal;
}

#content-extra.clients ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content-extra.clients ul li {
	margin-bottom: 10px;
	float: left;
	width: 180px;
	text-align: center;
}

.clients-featured {
	padding-top: 10px;
	background: url(../img/div-extra-dot.png) repeat-x left bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

#content-extra.clients .clients-featured ul li {
	width: 270px;
	margin-bottom: 20px;
}

#content-extra.clients ul li img {
	float: none;
}

/* Extra Comments */

/* #content-extra.add-comment {
	padding-top: 10px;
	background: url(../img/div-thick-dash.png) repeat-x 0 0;
} */

#content-extra.add-comment h3 {
	background: url(../img/title-sub-add-comment.png) no-repeat 0 0;
}




/* ---------------------------------------------------------------------------
	=content-secondary
--------------------------------------------------------------------------- */

#content-secondary {
	float: left;
	margin-top: 270px;
	padding-right: 40px;
	width: 284px;
}

#content-secondary blockquote,
#twitter p {
	color: #aac8cb;
	font-family: "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 1.69em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.64em;
	padding-left: 44px;
	padding-top: 40px;
}

#twitter p {	
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#content-secondary blockquote {
	background: url(../img/testimonial-quotes.png) no-repeat 0 0;
}

	#content-secondary blockquote .author {
		font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		font-size: 0.45em;
		line-height: 1.5em;
		margin-top: 0.8em;
	}
	
	#content-secondary blockquote .author em {
		font-family: Verdana, Tahoma, Geneva, sans-serif;
		font-style: normal;
		font-weight: bold;
		text-transform: uppercase;
	}
	
#twitter {
	/* background: url(../img/bg-twitter.png) no-repeat 0 15px; */
	margin-bottom: 20px;
	/* min-height: 100px; */
}

#twitter h4 {
	text-indent: -9999px;
	margin-left: 46px;
	background: url(../img/title-section-twitter.png) no-repeat 0 0;	
}

#twitter h4 a {
	width: 155px;
	height: 19px;
	display: block;
	background: url(../img/title-section-twitter.png) no-repeat 0 0;
}

#twitter h4 a:hover {
	background-position: 0 -19px;
}

#twitter p {
	padding-left: 0;
	padding-top: 5px;
	/* padding-bottom: 80px; */
	padding-bottom: 20px;
	font-size: 1.4em;
	/* background: url(../img/icon-twitter-bird.png) no-repeat left bottom;	*/
	margin-left: 46px;
	margin-right: 30px;
	margin-bottom: 0;
	background: url(../img/div-dot.png) repeat-x left bottom;
}


/* Content Secondary Callout Boxes - "section" */

.section {
	width: 190px;
	padding-bottom: 15px;
	margin-left: 46px;
	margin-bottom: 40px;
	background-color: #6398ac;
	font-size: 85%;
	background: #6398ac url(../img/section-bottom.png) no-repeat left bottom;
}

.section h4 {
	text-indent: -9999px;
	padding-bottom: 20px;
	background: url(../img/section-top.png) no-repeat 0 0;
}

	#archives h4 {
		background: url(../img/title-section-archives.png) no-repeat 0 0;	
	}

	#categories h4 {
		background: url(../img/title-section-categories.png) no-repeat 0 0;	
	}
	
	/* #facebook h4 {
		background: url(../img/title-section-facebook.png) no-repeat 0 0;	
	} */

.section p {
	margin: 0 10px;
}

.section ul {
	list-style: none;
	margin: 0 10px;
}

.section li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../img/div-section-dot.png) repeat-x left bottom;
}

.section li a {
	color: #fff;
	display: block;
	width: 100%;
}

/* RSS Graphic Button */

#rss {
	width: 144px;
	height: 16px;
	margin-left: 46px;
	margin-bottom: 30px;
	padding-bottom: 0;
	overflow: hidden;
}

#rss p {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#rss p a {
	width: 144px;
	height: 16px;
	display: block;
	background: url(../img/btn-rss.png) no-repeat 0 0;
}

#rss p a:hover {
	background-position: 0 -16px;
}


/* Facebook Graphic Button */

#facebook.section {
	width: 190px;
	height: 86px;
	padding-bottom: 0;
}

#facebook.section p {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#facebook.section p a {
	width: 190px;
	height: 86px;
	display: block;
	background: url(../img/btn-facebook.png) no-repeat 0 0;
}

#facebook.section p a:hover {
	background-position: 0 -86px;
}


/* Blog Categories */

#categories li a {
	display: block;
	position: relative;
}

#categories li span {
	position: absolute;
	top: 0;
	right: 0;
}

#categories li a:link span, #categories li a:visited span { color: #fafa1e; text-decoration: none; }

#categories li a:hover span { color: #fff; text-decoration: underline; }

/* Flickr  */
#flickr {
	margin-left: 46px;
	width: 210px;
	}

#flickr h4 {
	margin-bottom: 15px;
	text-indent: -9999px;
	background: url(../img/title-section-flickr.png) no-repeat 0 0;	
}

#flickr h4 a {
	width: 110px;
	height: 17px;
	display: block;
	background: url(../img/title-section-flickr.png) no-repeat 0 0;
	overflow: hidden;
}

#flickr h4 a:hover {
	background-position: 0 -17px;
}

#flickr img {
	float: left;
	margin: 0 12px 12px 0;
	padding: 4px;
	background-color: #44798e;
	width: 48px;
	height: 48px;
	}	
	

/* ---------------------------------------------------------------------------
	=foot
--------------------------------------------------------------------------- */

#foot-blog h3,
#foot-callout h3 {
	height: 13px;
	margin-bottom: 32px;
	text-indent: -9999px;
}

#foot .find-out-more,
#foot .view-all {
	background-color: #333;
	color: #fff;
	display: inline-block;
	font-size: 0.82em;
	margin-top: 12px;
	padding: 0 3px;
	text-transform: uppercase;
}

	#foot .view-all {
		margin-top: 0;
	}

#foot .find-out-more a,
#foot .view-all a {
	color: #fff;
}

/* foot callout */
#foot-callout {
	background: url(../img/foot-star.png) no-repeat 32px 0;
	float: left;
	margin-right: 40px;
	padding-left: 58px;
	width: 182px; /* 240 wixels */
}

/* Experience callout */
#foot-callout.experience h3 {
	background: url(../img/foot-title-experience.png) no-repeat 0 0
}

/* Speaking Opportunities callout */
#foot-callout.speaking h3 {
	background: url(../img/foot-title-speaking.png) no-repeat 0 0
}

/* foot blog */
#foot-blog {
	float: left;
	width: 602px;
}

	#foot-blog h3 {
		background: url(../img/foot-title-skinny.png) no-repeat 0 0;
	}

	#foot-blog ul { list-style: none; margin: 0;}
	
	#foot-blog ul li {
		border-bottom: 1px solid #1d1d1d;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	
		#foot-blog ul li a {
			color: #cccc33;
			font-size: 1.18em;
		}
		
		#foot-blog .posted-date {
			display: block;
			font-family: Georgia, serif;
			font-style: italic;
		}
		
			#foot-blog .posted-date em {
				color: #962d3e;
				font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
				font-style: normal;
			}

/* SINGLE foot callout */

#foot-callout.single {
	float: none;
	margin-right: 40px;
	padding-left: 58px;
	width: auto;
}

/* ---------------------------------------------------------------------------
	=foot-nav
--------------------------------------------------------------------------- */

#foot-nav {
	background: url(../img/foot-nav-mark.png) no-repeat 0 0;
	color: #999;
	margin-top: 50px;
	padding-left: 58px;
	padding-top: 8px;
	position: relative;
}

	#foot-nav a {
		color: #999;
	}

	#foot-nav ul {
		border-top: 1px solid #1d1d1d;
		list-style: none;
		margin-left: 0;
		margin-bottom: 0;
		padding-top: 16px;
	}
	
		#foot-nav ul li {
			display: inline;
		}
		
#foot-nav .copyright {
	font-family: Georgia, serif;
	font-style: italic;
}
		
#site-by {
	background: url(../img/foot-nav-site-by-ngen.png) no-repeat 0 0;
	top: 30px;
	height: 29px;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	width: 124px;
}

	#site-by a {
		display: block;
		height: 100%;
		width: 100%;
	}

/* ---------------------------------------------------------------------------
	=Home
--------------------------------------------------------------------------- */
body.home h1 {
	background: url(../img/title-home.png) no-repeat 0 0;
	width: 588px;
	height: 200px;
	margin-bottom: 54px;
	text-indent: -9999px;
}
	
/* ---------------------------------------------------------------------------
	=Services
--------------------------------------------------------------------------- */
body.services h1 {
	background: url(../img/title-services.png) no-repeat 0 0;
	width: 243px;
	height: 53px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

#hub {
	/* background: url(../img/hub-services.png) no-repeat 44px 154px; */
	background: url(../img/hub-services.png) no-repeat 44px 14em;
	list-style: none;
	/* min-height: 524px; */
	min-height: 45em;
	position: relative;
	top: 20px;
}

	#hub li {
		color: #013042;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		line-height: 1.385em;
		position: absolute;
		width: 250px;
	}
	
	#hub li p a:link, #hub li p a:visited { text-decoration: none; }
	#hub li p a:hover { text-decoration: underline; }

	#hub h2 {
		height: 19px;
		padding: 0;
		margin-bottom: 15px;
		text-indent: -9999px;	
	}
	
	#hub h2 a {
		text-decoration: none;
		display: block;
		width: 19px;
		height: 19px;
	}

#hub .pr {
	left: 0;
	top: 0;
}

	#hub .pr h2 {
		background: url(../img/hub-title-pr.png) no-repeat 0 0;
	}
	
	#hub .pr h2 a { width: 191px; }
	
#hub .public-affairs {
	left: 306px;
	/* top: 34px; */
	top: 1em;
}

	#hub .public-affairs h2 {
		background: url(../img/hub-title-public-affairs.png) no-repeat 0 0;
	}
	
	#hub .public-affairs h2 a { width: 163px; }
	
#hub .crisis-management {
	left: 352px;
	/* top: 210px; */
	top: 17em;
}

	#hub .crisis-management h2 {
		background: url(../img/hub-title-crisis-management.png) no-repeat 0 0;
		height: 43px;
	}
	
	#hub .crisis-management h2 a { width: 198px; height: 43px; }
	

#hub .training {
	left: 306px;
	/* top: 386px; */
	top: 37em;
}

	#hub .training h2 {
		background: url(../img/hub-title-training.png) no-repeat 0 0;
	}
	
	#hub .training h2 a { width: 246px; }
	
	
#hub .special-projects {
	left: 0;
	/* top: 430px; */
	top: 40em;
}

	#hub .special-projects h2 {
		background: url(../img/hub-title-special-projects.png) no-repeat 0 0;
	}
	
	#hub .special-projects h2 a { width: 192px; }
	
/* Subsections for Services */

body.crisis-management h1 {
	background: url(../img/title-crisis-management.png) no-repeat 0 0;
	width: 495px;
	height: 135px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

body.public-affairs h1 {
	background: url(../img/title-public-affairs.png) no-repeat 0 0;
	width: 374px;
	height: 54px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

body.public-relations h1 {
	background: url(../img/title-public-relations.png) no-repeat 0 0;
	width: 457px;
	height: 53px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

body.special-projects h1 {
	background: url(../img/title-special-projects.png) no-repeat 0 0;
	width: 458px;
	height: 68px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

body.training-support h1 {
	background: url(../img/title-training-support.png) no-repeat 0 0;
	width: 541px;
	height: 69px;
	margin-bottom: 54px;
	text-indent: -9999px;
}


/* ---------------------------------------------------------------------------
	=Approach
--------------------------------------------------------------------------- */
body.approach h1 {
	background: url(../img/title-approach.png) no-repeat 0 0;
	width: 271px;
	height: 68px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

/* ---------------------------------------------------------------------------
	=About
--------------------------------------------------------------------------- */
body.about h1 {
	background: url(../img/title-about.png) no-repeat 0 0;
	width: 167px;
	height: 53px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

.staff {
	padding: 30px 0 20px 0;
	border-top: 1px dashed #3e6676;
}

.staff h3, .staff h4, .staff p { margin-left: 120px; }


/* ---------------------------------------------------------------------------
	=Clients
--------------------------------------------------------------------------- */
body.clients h1 {
	background: url(../img/title-clients.png) no-repeat 0 0;
	width: 194px;
	height: 53px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

/* ---------------------------------------------------------------------------
	=Blog (The Skinny)
--------------------------------------------------------------------------- */
body.blog h1 {
	background: url(../img/title-skinny.png) no-repeat 0 0;
	width: 311px;
	height: 68px;
	margin-bottom: 34px;
	text-indent: -9999px;
}

body.blog-post h1.blog-post-title {
	color: #fff;
	background: none;
	text-indent: 0;
	width: auto;
	height: auto;
	padding-bottom: 12px;
	margin-bottom: 5px;
	background: url(../img/div-dot.png) repeat-x bottom left;
}

.post {
	margin-bottom: 30px;
	padding-bottom: 0;
	background: url(../img/div-thick-dash.png) repeat-x bottom left;
	overflow: hidden;
}

.post h2 {
	padding-bottom: 12px;
	margin-bottom: 5px;
	font-size: 1.9em;
	background: url(../img/div-dot.png) repeat-x bottom left;
}

.post h2 a:link, .post h2 a:visited { color: #aeffff; }

.post h2 a:hover { color: #fff; }

.post-info {
	color: #aac8cb;
	font-family: Georgia, serif;
	/* font-weight: bold; */
	font-style: italic;
	font-size: 90%;
}

.post-info a,
.post-date {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-style: normal;
	font-weight: normal;
}

.post-info a:link, .post-info a:visited { color: #fafa1e; }

.post-info a:hover { color: #fff; }

.post-date { color: #fff; }

.post-content {
	margin-bottom: 20px;
	overflow: hidden;
}

.post-content img {
	background-color: #fff;
	padding: 10px;
}

.post-bottom {
	clear: both;
	padding-top: 10px;
	background: url(../img/div-dot.png) repeat-x 0 0;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
}

.post-bottom a {
	padding: 5px;
	background-color: #fafa1e;
	color: #821f2f;
}

/* Comments */

.comment {
	margin-bottom: 10px;
	color: #fff;
	line-height: 1.4em;
	background: url(../img/bg-comment-user.png) no-repeat 0 0;
}

.comment-keymer {
	background: url(../img/bg-comment-keymer.png) no-repeat 0 0;
}

.comment-info {
	margin-left: 46px;
	padding: 1px 20px 10px 20px;
	background-color: #436f81;
}

.comment-keymer .comment-info {
	background-color: #000;
}

.comment-posted {
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
	right: -10px;
	color: #6398ac;
	font-size: 80%;
	text-align: right;
}

/* add comments */

#content-extra.add-comment {
	margin-bottom: 15px;
	padding: 20px 0;
	overflow: hidden;
}

/* #comment-add h3 {
	background: url(../img/title-comment-add.png) no-repeat 0 0;
	height: 13px;
	text-indent: -9999px;
} */

#comment-text {
	float: left;
	width: 350px;
}

#comment-text label {
	left: -9999px;
	position: absolute;
	top: 0;
}

#comment-text textarea {
	height: 14em;
}

#comment-personal-info {
	float: right;
	width: 225px;
}

/* ARCHIVES */

body.archives h3 {
	margin-bottom: 15px;
}

.archive_list {
	margin-bottom: 30px;
}

.archive_list dt {
	font-size: 140%;
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
	letter-spacing: .1em;
}

.archive_list dt a:link { color: #aeffff; }

.archive_list dt a:hover { color: #fff; }

.archive_date {
	color: #fff;
	font-size: 65%;
	font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}

.archive_categories {
	font-size: 85%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/* border-bottom: 1px dashed #3e6676; */
	background: url(../img/div-dot.png) repeat-x bottom left;
}

.archive_categories span {
	/* color: #aac8cb; */
	font-family: Georgia, serif;
	font-style: italic;
}

/* ---------------------------------------------------------------------------
	=Contact
--------------------------------------------------------------------------- */
body.contact h1 {
	background: url(../img/title-contact.png) no-repeat 0 0;
	width: 215px;
	height: 53px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

body.contact h2 {
	padding-bottom: 15px;
	border-bottom: 1px dashed #3e6676;
}

body.contact h3 {
	padding-top: 15px;
}

/* ---------------------------------------------------------------------------
	=Error
--------------------------------------------------------------------------- */
body.error h1 {
	background: url(../img/title-error.png) no-repeat 0 0;
	width: 326px;
	height: 69px;
	margin-bottom: 54px;
	text-indent: -9999px;
}

/* ---------------------------------------------------------------------------
	=pagination
--------------------------------------------------------------------------- */

/*ul.pagination { 
	margin-left: 0;
	padding: 15px 0 30px 15px; 
	font-size: 80%;
	text-transform: uppercase;
	
}

ul.pagination li { 
	display: inline; 
	margin-right: 3px;
}

ul.pagination a {
	padding: 4px 6px;
}

ul.pagination a:link, ul.pagination a:visited {
	color: #c89342;
	border: 3px solid #fdedbe;
	text-decoration: none;
}

ul.pagination a:hover {
	color: #fff;
	border: 3px solid #b93400;
	background-color: #b93400;
	text-decoration: none;
}

ul.pagination li.here a:link, li.here ul.pagination a:visited, li.here ul.pagination a:hover {
	color: #fff;
	border: 3px solid #b93400;
	background-color: #b93400;
	text-decoration: none;
}
*/

/* ---------------------------------------------------------------------------
	=misc
--------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
	=clearing
--------------------------------------------------------------------------- */

#header:after,
#content-container:after,
#foot-content:after,
#content-extra ul:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}