﻿
/* ----- Global ----- */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 13px/1.5em arial, helvetica, sans-serif;
}

p, dl {
	margin: 0.1em 0 2em;
}

a {
	color: #d24727;
}

a img {
	border: 0;
}

ul, ol {
	margin-left: 2em;
}

table {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

ul.highlights {
	list-style: none;
	margin-left: 0;
}

.end {
	clear: both;
}

/* ----- Structure ----- */

#main {

}

#header {

}
	
	#header .logo {
		margin: 0 0 2em;
	}
	
	#globalnav {
		display: none;
	}
		
	#mainnav {
		display: none;
	}

#ctl00_pnlContent {
	color: #363636;
}

#ctl00_pnlContent .inside {
	position: relative;
	padding: 35px 0;
}

	h1 {
		margin: 0 0 1.5em;
		color: #d4470f;
		font: bold 22px arial;
		text-transform: uppercase;
	}
	
	h2 {
		clear: both;
		margin: 0 0 1em;
		color: #94948f;
		font: bold 18px arial;
		text-transform: uppercase;
	}
	
	h2.orange {
		margin: 0 0 0.25em;
		color: #d4470f;
		font: bold 18px arial;
		text-transform: uppercase;
		page-break-after: avoid;
		page-break-after: avoid;
	}
	
	h3 {
		margin: 0 0 1em;
		color: #94948f;
		font: bold 14px arial;
		text-transform: uppercase;
		page-break-after: avoid;
	}
	
	dd {
		margin-bottom: 1em;
		color: #d4470f;
	}
	
	.inside img {
		margin-bottom: 1em;
	}
	
	.inside a {
		color: #363636;
	}
	
	.links, .pages {
		margin: 0 -0.25em 0 0;
		padding: 0;
		list-style: none;
	}
	
	.links li, .pages li {
		float: left;
	}
	
		.links a {
			display: block;
			margin: 0 5px 5px 0;
			padding: 5px;
			border: 1px solid #BCBEC0;
			background: #FFF;
			text-decoration: none;
		}

		.links a img {
			margin: 0;
			padding: 0;
		}
		
		.pages li a {
			display: block;
			width: 22px;
			height: 20px;
			margin: 0 5px 5px 0;
			padding: 0;
			border: 1px solid #BCBEC0;
			background: #B8AE73 url(/images/thumbnail.gif) 0 0 no-repeat;
			color: #FFF;
			line-height: 20px;
			text-align: center;
			text-decoration: none;
		}
		
	.feed {
		padding-left: 0;
	}	
	
#footer  {
	margin: 30px 10px 10px;
}

	#footer strong {
		font-weight: bold;
	}

/* ----- Backgrounds ----- */

#ctl00_pnlContent.home .inside {
	position: relative;
	padding: 0;
	border: 1px solid #FFF;
}

#ctl00_pnlContent.agency .inside {
	position: relative;
	border: 1px solid #FFF;
}

#ctl00_pnlContent.contact .inside {
	border: 1px solid #FFF;
}

#ctl00_pnlContent.careers .inside {
	border: 1px solid #FFF;
}

#ctl00_pnlContent.measurement .inside {
	border: 1px solid #FFF;
}

#ctl00_pnlContent.news .inside {
	border: 1px solid #FFF;
}

#ctl00_pnlContent.problemsolving .inside {
	border: 1px solid #FFF;
}

/* ----- Sectional ----- */

	/* --- Miscellaneous --- */

.date {
	color: #d4470f;
	font-weight: bold;
}

.disclaimer {
	font-style: italic;
}

.right {
	float: right;
	margin-left: 2em;	
	margin-right: 0;	
}

#backnews {
	display: none;
}

	/* --- Work --- */

.featured {
	padding: 1px;
	border: 5px solid #d4470f;
	margin-bottom: 4em;
}

.section {
	clear: both;
	margin-top: 1em;	
}

.stripe {
	overflow: hidden;
	height: 164px;
	margin-right: -49px !important;
	margin-bottom: 24px !important;
	background: #FFF;
}

	.stripe .scroll {
		width: auto !important;
	}
	
	.stripe a {
		float: left;
		height: 182px;
		margin: 0 19px 1em 0 !important;
		padding: 0 0 4px;
		text-decoration: none;
	}
	
		.stripe a img {
			margin-bottom: 5px;
			padding: 5px;
			border: 1px solid #BCBEC0;
		}
		
		.stripe a div {
			overflow: hidden;
			width: 143px;
		}
		
		.stripe a span {
			display: block;
			max-width: 125px;
			font-size: 11px;
			line-height: 15px;
		}
		
		.stripe a span.info {
			margin: 0 9px;
		}
		
		.stripe a span.client {
			font-weight: bold;
		}
		
		.stripe a span.subclient {
			font-weight: bold;
		}
		
.slider {
	display: none;
}

#project {
	float: left;
	width: 456px;
	height: 330px;
	border: 1px solid #BCBEC0;
	background: #f3f3f3;
	text-align: center;
}

	#project table {
		width: 100%;
		height: 100%;
		border: 0;
	}

	#project td {
		margin: 0;
		padding: 0;
		text-align: center;
		vertical-align: middle;
	}

	#project a {
		display: block;
		margin: 0;
		padding: 0;
	}

	#project a:hover {
		background: transparent;
	}

	#project a img {
		
	}

#info {
	float: right;
	width: 300px;
}
	
	#info #thumbs a {
		display: block;
		overflow: hidden;
		float: left;
		margin: 0 5px 5px 0;
		padding: 0;
		border: 1px solid #BCBEC0;
		background: #b8ae73;
	}
	
	#info #thumbs a img {
		margin: 0;
	}

	#info #thumbs a.selected {
		background: #d4470f;
	}

	#info #thumbs a:hover {
		background: #d4470f;
	}

	#info .description {
		clear: both;
		padding-top: 0.1em;
	}

	#info .description p {
		margin: 1em 0 0.1em;
	}

.more {
	clear: both;
	width: 790px; /* applying width to fix IE double padding bug */
	padding-top: 3em;
}

#backwork {
	display: none;
}

	/* --- Agency --- */

#ctl00_pnlContent.agency h1 {
	width: 110px;
}

#ctl00_pnlContent.agency h2 {
	width: 200px;
}

#stats {
	margin-top: 1em;
	padding: 1em;
	border: 1px solid #363636;
	font-size: 0.9em;
}

#subnav {
	display: none;
}

#backagency {
	display: none;
}

	/* --- Clients --- */

#clientgrid {
	width: 99%;
	border-collapse: collapse;
	font-size: 0.9em;
}

#clientgrid tr {
	
}

#clientgrid td {
	width: 50%;
	padding: 1em 1.5em 0 1px;
	border-top: 1px dotted #d4470f;
	text-align: left;
	vertical-align: top;
}

#clientgrid tr.first td {
	border-top: 0;
}

#clientgrid td.first {
	border-right: 1px dotted #d4470f;
}

#clientgrid .image {
	float: left;
	margin-right: 1em;
}

#clientgrid a.image:hover {
	background: transparent;
}

#clientgrid p {
	margin-top: 1em;
	margin-left: 170px;
}

#clientgrid a {
	white-space: nowrap;
}

#backclient {
	display: none;
}

#info .logo {
	margin-bottom: 1em;
}

#header,
#news-wrapper #header-news,
#news-wrapper #header-bar-wrapper,
#news-wrapper #content-right,
#news-wrapper #article-links-bottom,
#news-wrapper #article-links,
#news-wrapper #archives,
#footer,
#news-wrapper #footer-bar-wrapper,
#news-wrapper #more-news
{
    display:none;
}

#article-header .logo 
{
    float:right;
    display:block;
}

#news-wrapper #content-left 
{
    border:0;
}

#footer-news-print 
{
    display:block;
}

#footer 
{
    text-align:center;
}