/* ---------- colors ---------- */

/* ---------- general ---------- */


body {
	background: #414042;
	color: #4d4d4d;
	}
a {
	color: #e51b24;
	text-decoration: none;
	}
	a:hover {
		color: #e51b24;
		text-decoration: underline;
		}

big {
	font-size:1.23em;
	line-height:1.3em;
	}
		
	/* -------------------- IE PNG Fix -------------------- */
	
	img, div { behavior: url(../../includes/css/iepngfix.htc) }
	img, div, a, input { behavior: url(../../includes/css/iepngfix.htc) }
		
/* ---------- page ---------- */

#header-wrapper {
	background: #2c2b2d repeat-x url(../../images/backgrounds/header.jpg) center 0;
	min-width: 840px;
	}
	#header {
		margin: 0 auto;
		width: 840px;
		height: 153px;
		position: relative;
		}
		#logo {
			position: absolute;
			left: 4px;
			top: 21px;
			width: 247px;
			height: 60px;
			}
		#phone-number {
			position: absolute;
			right: 8px;
			top: 20px;
			font-family: Arial;
			font-size: 16px;
			color: #a4a4a5;
			}
		#nav {
			position: absolute;
			top: 72px;
			right: -4px;
			font-family: Arial;
			font-size: 18px;
			vertical-align: middle;
			text-align: center;
		}
			#nav ul {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-top: 7px;
				}
			#nav li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#nav li a {
					color: #ffffff;
					padding-top: 6px;
					height: 26px;
					display: block;
					text-decoration: none;
					text-indent: -9999px;
					}
					#nav-meet-us {
						background: transparent no-repeat url(../../images/navigation/meet-us.gif) 0 0;
						width: 91px;
						}
					#nav-branding {
						background: transparent no-repeat url(../../images/navigation/branding.gif) 0 0;
						width: 101px;
						}
					#nav-interactive {
						background: transparent no-repeat url(../../images/navigation/interactive.gif) 0 0;
						width: 110px;
						}
					#nav-blog {
						background: transparent no-repeat url(../../images/navigation/blog.gif) 0 0;
						width: 63px;
						}
					#nav-contact {
						background: transparent no-repeat url(../../images/navigation/contact.gif) 0 0;
						width: 87px;
						}
					#nav-meet-us:hover,
					#nav-branding:hover,
					#nav-interactive:hover,
					#nav-blog:hover,
					#nav-contact:hover {
						background-position: 0 -32px;
						color: #e51b24;
						}
					#nav-meet-us.selected,
					#nav-branding.selected,
					#nav-interactive.selected,
					#nav-blog.selected,
					#nav-contact.selected {
						background-position: 0 -64px;
						color: #e51b24;
						}
						
						
		#branding-nav {
			position: absolute;
			top: 102px;
			right: 56px;
			font-family: Arial;
			font-size: 14px;
			vertical-align: middle;
			text-align: center;
			}
			#branding-nav ul {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-top: 7px;
				}
			#branding-nav li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#branding-nav li a {
					color: #ffffff;
					padding-top: 4px;
					height: 21px;
					display: block;
					text-decoration: none;
					text-indent: -9999px;
					}
					#nav-new-brand {
						background: transparent no-repeat url(../../images/navigation/new-brand.gif) 0 0;
						width: 79px;
						}
					#nav-re-brand {
						background: transparent no-repeat url(../../images/navigation/re-brand.gif) 0 0;
						width: 68px;
						}
					#nav-brand-support {
						background: transparent no-repeat url(../../images/navigation/brand-support.gif) 0 0;
						width: 101px;
						}
					#nav-our-work {
						background: transparent no-repeat url(../../images/navigation/our-work.gif) 0 0;
						width: 69px;
						}
					#nav-client-list {
						background: transparent no-repeat url(../../images/navigation/client-list.gif) 0 0;
						width: 68px;
						}
					#nav-new-brand:hover,
					#nav-re-brand:hover,
					#nav-brand-support:hover,
					#nav-our-work:hover,
					#nav-client-list:hover {
						background-position: 0 -25px;
						color: #e51b24;
						}
					#nav-new-brand.selected,
					#nav-re-brand.selected,
					#nav-brand-support.selected,
					#nav-our-work.selected,
					#nav-client-list.selected {
						background-position: 0 -25px;
						color: #e51b24;
						}
						
						
		#meet-us-nav {
			position: absolute;
			top: 102px;
			right: 280px;
			font-family: Arial;
			font-size: 14px;
			vertical-align: middle;
			text-align: center;
			}
			#meet-us-nav ul {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-top: 7px;
				}
			#meet-us-nav li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#meet-us-nav li a {
					color: #ffffff;
					padding-top: 4px;
					height: 21px;
					display: block;
					text-decoration: none;
					text-indent: -9999px;
					}
					#nav-leadership {
						background: transparent no-repeat url(../../images/navigation/leadership.gif) 0 0;
						width: 78px;
						}
					#nav-promotions {
						background: transparent no-repeat url(../../images/navigation/promotions.gif) 0 0;
						width: 85px;
						}
					#nav-leadership:hover,
					#nav-promotions:hover {
						background-position: 0 -25px;
						color: #e51b24;
						}
					#nav-leadership.selected,
					#nav-promotions.selected {
						background-position: 0 -25px;
						color: #e51b24;
						}
						
						
		#contact-nav {
			position: absolute;
			top: 102px;
			right: 280px;
			font-family: Arial;
			font-size: 14px;
			vertical-align: middle;
			text-align: center;
			}
			#contact-nav ul {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-top: 7px;
				}
			#contact-nav li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#contact-nav li a {
					color: #ffffff;
					padding-top: 4px;
					height: 21px;
					display: block;
					text-decoration: none;
					text-indent: -9999px;
					}
					#nav-directions {
						background: transparent no-repeat url(../../images/navigation/directions.gif) 0 0;
						width: 78px;
						}
					#nav-jump-start {
						background: transparent no-repeat url(../../images/navigation/jump-start.gif) 0 0;
						width: 85px;
						}
					#nav-directions:hover,
					#nav-jump-start:hover {
						background-position: 0 -25px;
						color: #e51b24;
						}
					#nav-directions.selected,
					#nav-jump-start.selected {
						background-position: 0 -25px;
						color: #e51b24;
						}

#page-wrapper {
	background: white;
	min-width: 840px;
	}
	#page {
		margin: 0 auto;
		width: 820px;
		padding: 50px 10px;
		}

/* ---------- footer ---------- */

#footer-wrapper {
	background: #414042 repeat-x url(../../images/backgrounds/footer.gif) 0 0;
	min-width: 840px;
	}
	#footer {
		color: #ffffff;
		margin: 0 auto;
		width: 840px;
		padding: 45px 0;
		}
		#footer-left {
			float: left;
			width: 340px;
			margin-left: 30px;
			}
			#footer-left ul {
				list-style: none;
				font: 14px/14px Arial;
				}
			#footer-left li {
				float: left;
				margin: 0;
				padding: 0;
				border-right: 1px #ffffff solid;
				margin-left: 5px;
				padding-right: 5px;
				}
				#footer-left li.last {
					border-right: none;
					padding-right: 0;
					}
				#footer-left a {
					color: #ffffff;
					text-decoration: none;
					}
					#footer-left a:hover {
						color: #e51b24;
						}
					
		#footer-right {
			float: left;
			width: 380px;
			font: 13px/21px Arial;
			}
			#footer-right h2 {
				border-bottom: 1px #ffffff solid;
				margin-top: 0;
				}
			#footer-right a:hover img {
				opacity: .6;
				}


/* ---------- breadcrumb ---------- */


			background: #909090 url(../../images/elements/nav-left.png) no-repeat scroll left 9px;
			display:block;
			float:left;
			padding:7px 11px 7px 23px;
			
	#breadcrumb-wrapper {
		margin-bottom: 10px;
		background: #b8b8b9
		overflow: hidden;
		}
		ul#breadcrumb {
			display: block;
			margin: 0;
			}
			#breadcrumb li {
				display: block;
				float: left;
				margin: 0;
				padding: 0;
				}
				#breadcrumb li a {
					background-color: #b8b8b9;
					display: block;
					color: white;
					text-decoration: none;
					padding: 7px 13px 7px 12px;
					}
					#breadcrumb li a:hover {
						background-color: #e51b24;
						}
					#breadcrumb li.current_page_item a {
						background-color: #909090;
						}
					#breadcrumb li a:hover,
					#breadcrumb li.current_page_item a:hover {
						background-color: #e51b24;
						}
					

/* ---------- tables ---------- */


table {
	color: #216c9e;
	background: white;
	}
	caption {
		background: #216c9e;
		color: #f0f6f8;
		}
	th, td {
		}
	th {
		background: #dae7ed;
		font-weight: normal;
		}


/* -------------------- Forms -------------------- */

	
	label {
		color: #000;
		font-size: 1em;
		font-weight: normal;
		}	
	.note, .instruction {
		font-size: 0.9em;
		line-height: 1.3em;
		margin-bottom: 0.5em;
		display: inline-block;
		color: #a6926c;
		}
	.optional, .required {
		color: #4AAB27;
		font-size: 0.7em;
		text-transform: uppercase;
		font-weight: bold;
		}
		.required { color: red; }
	textarea {
		font-size: 1.1em;
		line-height: 1.4em;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		}
	input[type='submit'] {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: normal;
		color: #ffffff;
		background: #4d4d4f;
		padding: 5px 6px 4px;
		margin: 0;
		border: 0 white none;
		}
		input[type='submit']:hover {
			background: #e51b24;
			}
		sup.required {
			font-size: 1em;
			vertical-align: top;
			margin-left: 2px;
			}


div#posts {
	}
	
	/* ----- backgrounds ----- */
	div.post {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px #b8b8b9 solid;
		}
	div.form-wrapper, div.comments-wrapper  {
		margin: 10px 0;
		}
		div.comments-wrapper h3 {
			margin: 10px 0;
			font-size:1.4em;
		}
		div.form-wrapper h3 {
			margin: 10px 0;
			font-size:1.4em;
			}
		p.by-line {
			font-size: 12px;
			line-height: 14px;
			color: #999;
			margin-bottom: 7px;
			margin-top: 12px;
			}
		
		/* ----- post title ----- */
		h1.post-header {
			font-size: 1.8em;
			font-weight: bold;
			text-transform: none;
			}
			h1.post-header a {
				color: #4d4d4f;
				display: block;
				text-decoration: none;
				}
				h1.post-header a:hover {
					color: #e51b24;
					}
		
		/* ----- post footer block ----- */
		div.post-footer {
			font-size: 12px;
			line-height: 14px;
			margin: 20px 0;
			overflow: hidden;
			}
			span.post-author {
				}
			span.post-date {
				display: block;
				float: right;
				}
			span.post-comments {
				}
				span.post-comments a {
					background:#909090 url(../../images/icons/comment.png) no-repeat scroll right center;
					color:white;
					display:block;
					float:right;
					font-size:12px;
					line-height:14px;
					padding:6px 25px 5px 7px;
					text-decoration:none;
					}
					span.post-comments a:hover {
						background-color: #e51b24;
						}
			span.post-edit {
				}
				span.post-edit a {
					}
				
		/* ----- post interior formatting ----- */
		
		div.post-inside {
			position: relative;
			overflow: hidden;
			}
			div.post-inside ul, div.post-inside ol {
				/* A root-level list. Not nested. */
				display: block;
				margin-bottom: .8em; /* Bottom margin is same as 'p' tag. */
				margin-left: 20px; /* Indent it so it stands out. */
				}
			div.post-inside ul {
				list-style-image: url(../../images/lists/tick-right-black.png);
				list-style-position: outside;
				list-style-type: none;
				}
				div.post-inside ul li ul, div.post-inside ol li ol {
					/* A nested list. */
					margin-top: 6px;
					margin-bottom: -3px; /* Remove bottom margin. */
					margin-left: 0; /* Remove extra left margin. */
				}
				div.post-inside li {
					margin-top: 3px;
					margin-bottom: 3px;
					margin-left: 15px; /* Amount of indentation */
					padding-bottom: 1px;
					padding-top: 1px;
					}
			a.more-link {
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
				white-space: nowrap;
				}
			
		.two-thirds div.post-inside img {
			max-width: 600px;
			height: auto;
			}
		.one-half div.post-inside img {
			max-width: 440px;
			height: auto;
			}

/* ---------- page navigation ---------- */

div.post-navigation {
	margin-bottom: 10px;
	// background: #b8b8b9;
	color: white;
	text-transform: lowercase;
	position: relative;
	}
	div.post-navigation .nav-both {
		text-align: left;
		}
	div.post-navigation a {
		color: white;
		text-decoration: none;
		}
		div.post-navigation a:hover {
			background-color: #e51b24;
			}
	div.post-navigation .nav-back {
		}
		div.post-navigation .nav-back a {
			background: #909090 url(../../images/elements/nav-left.png) no-repeat scroll left 9px;
			display:block;
			float:left;
			padding:7px 11px 7px 23px;
			}
			div.post-navigation .nav-back a:hover {
				background-color: #e51b24;
				}
	div.post-navigation .nav-next {
		}
		div.post-navigation .nav-next a {
			background: #909090 url(../../images/elements/nav-right.png) no-repeat scroll right 9px;
			display: block;
			float: right;
			padding:7px 23px 7px 11px;
			}
			div.post-navigation .nav-next a:hover {
				background-color: #e51b24;
				}

/* ---------- section title ---------- */
	
h3.section-title {
	background:#909090;
	color:white;
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 20px;
	padding:6px 9px 7px;
	text-transform:lowercase;
	}

/* ---------- comments ---------- */

ol.comment-list {
	list-style: none;
	margin: 20px 0 25px 0;
	}
	ol.comment-list li {
		overflow: hidden;
		margin: 0 0 10px;
		}
		.comment-data {
			float: left;
			width: 48px;
			text-align: right;
			margin-right: 20px;
			margin-top: 3px;
			font-size: 12px;
			line-height: 14px;
			}
		.comment-inside {
			overflow: hidden;
			}
		.comment-date {
			border-top:1px solid #B8B8B9;
			font-size:12px;
			line-height:14px;
			margin:10px 0;
			padding-top:15px;
			}
		form#comment-form label, form.wpcf7-form label, .fake-label {
			display: block;
			float: left;
			margin-right: 15px;
			margin-top: 4px;
			text-align: right;
			width: 80px;
			font-size: 12px;
			line-height: 14px;
			}
		form#comment-form textarea {
			width: 330px;
			}
		form#comment-form input[type="text"] {
			width: 180px;
			}

/* ---------- widgets ---------- */

.widget {
	margin: 20px 0;
	}
	.widget-title {	
		border-top:1px solid #B8B8B9;
		font-size:1.6em;
		padding-top:10px;
		text-transform:lowercase;
		}
	.widget ul {
		list-style-position: outside;
		list-style-type: none;
		}
		.widget li {
			line-height:1.2em;
			margin: 0 0 3px;
			padding: 0;
			}	
		.widget ul ul {
			margin-left: 15px;
			margin-top: 3px;
			}
				
	.widget select {
		font-size: 9px;
		margin: 0;
		padding: 0;
		}
	.widget p {
		margin-bottom: .6em;
		}
	.textwidget ul {
		list-style-image: url(../../images/lists/arrow.gif);
		list-style-position: inside;
		list-style-type: none;
	}

.share-posts {
	}
	.share-posts li {
		float: left;
		margin: 0 5px;
		display: block;
		}
		.share-posts a:hover img {
			opacity: .5;
			}
	
.widget_tag_cloud {
	}
	.widget_tag_cloud > div {
		text-align: justify;
		line-height: 1.6em;
		}
		.widget_tag_cloud > div a {
			vertical-align: middle;
			}

.about-author {
	border-bottom: 1px solid #B8B8B9;
	padding-bottom: 10px;
	}
.about-author img.avatar {
	float: left;
	margin: 0 10px 10px 0;
	}

#searchform #s {
	width: 114px;
	margin-right: 5px;
	padding: 4px 4px 3px;
	height: 14px;
	border-color: #ccc;
	}
#searchform #searchsubmit {
	vertical-align: bottom;
	}

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

.wp-caption {
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	text-align: center;
	padding-top: 5px;
	margin: 2px 10px 5px 10px;
	max-width: 528px;
	height: auto;
	}
	.post-inside .wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
		max-width: 518px;
		height: auto;
		}
		.post-inside img {
			max-width: 528px;
			height: auto;
			}
	.wp-caption p.wp-caption-text {
		padding: 1px 5px 5px;
		margin: 0;
		}
	.wp-caption.alignleft {
		margin-left: 0;
		}
	.wp-caption.alignright {
		margin-right: 0;
		}
	.wp-caption.aligncenter {
		margin-bottom: 10px;
		}
		
.alignleft {
	float: left;
	}
.alignright {
	float: right;
	}
		
img.centered,
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 5px 15px;
	display: inline;
	}
img.alignleft {
	margin: 0 15px 5px 0;
	display: inline;
	}
img.aligncenter {
	margin-bottom: 10px;
	}