@charset "UTF-8";


.pullquote {
	color: #6eaa07;
	font-size: 120%;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
	width: 50%;
	margin: 0 8px 8px 8px;
	float: right;
	position: relative;
}

.leftQuote, .rightQuote {
	font-size: 400%;
	position: absolute;
	z-index: 5;
	width: 67px;
	height: 57px;
	background-repeat: no-repeat;
}

.quoteContent {
	z-index: 100;
	position: relative;
	padding: 16px;
	color: #6eaa07;
}
.leftQuote {
	top: 0; 
	left: 0;
	background-image: url(/images/leftQuote.png);
	background-position: top left;
	}

.rightQuote {
	bottom: 0;
	right: 0;
	background-image: url(/images/rightQuote.png);
	background-position: bottom right;
}

.article {
	padding: 0 32px;
	width: 906px;
	position: relative;
}

.outerText {
	padding: 8px 0 100px 0;
	margin: 0;
}

#contentFooterBlock {
	position: absolute;
	bottom: 0;
	width: 290px;
}

hr.caseStudy {
	background-image: url(/images/articleGrayBar.png);
	background-repeat: no-repeat;
	width: 290px;
	height: 4px;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

.content {
	width: 290px;
}

.media {
	float: right;
	width: 604px;
	margin: 0 0 32px 16px;
}

.media h3.caseStudyHead {
	margin: 24px 0 8px 0;
	text-transform: uppercase;
	font-size: 14px;
}

#mediaWrapper {
	margin: 0 0 8px 0;
	border: 0px solid black;
}

#mediaWrapper img {
	display: block;
}

#mediaCaption {
	color: #666;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
	min-height: 5.0em;
	padding: 0 0 8px 0;
	margin-top: 0;
	font-size: 11px;
}

#mediaCaption h3 {
	color: #666;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
	margin: 0 0 2px 0;
	padding: 4px 0 0 0;
	font-size: 140%;
	text-transform: none;
}

#mediaContent {
	height: 343px;
}

#mediaCaption img {
	display: inline;
}

#mediaNav  {
	background-color: black;
	text-align: center;
	padding: 6px;
} 

#mediaNav a {
	color: white;
}

#mediaNav a#scrollLeft {
	float: left;
	margin: 0 16px 0 0;
	cursor: pointer;
	background-image: url(/images/leftTriangleSmallWhite.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	text-align: left;
	height: 12px;
}
#mediaNav a#scrollLeft:hover {
	background-image: url(/images/leftTriangleSmallGreen.png);
	color: #6eaa07;
}
#mediaNav a#scrollRight {
	float: right;
	margin: 0 0 0 16px;
	cursor: pointer;
	text-align: right;
	background-image: url(/images/rightTriangleSmallWhite.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
	height: 12px;
}
#mediaNav a#scrollRight:hover {
	background-image: url(/images/rightTriangleSmallGreen.png);
	color: #6eaa07;
}

#scrollLeft, #scrollRight {
white-space: nowrap;
width: 100px;
}


#currentPageCounts {
	display: none;
}

#enlargeButton {
	position: relative;
	top: -1px;
	cursor: pointer;
	height: 12px;
}

#enlargeButton:hover {
	color: #6eaa07;
}

#enlargeButton img {
display: inline;
position: relative;
top: 1px;
}



.assetThumbList {
	margin: 0 0 16px 0;
}
.assetThumbList a {
	margin: 0 8px 8px 0;
	float: left;
	display: block;
	position: relative;
}
.assetThumbList a img {
	border: 0px solid gray;
	display: block;
	width: 64px; 
	height: 64px;
}
.assetThumbList a img.thumbnailVideoOverlay {
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid transparent;
	width: 64px; 
	height: 64px;
}


.assetThumbList a img:hover, .assetThumbList a.sel img {
	border-color: #6eaa07;
}

.assetThumbList a.rightThumb {
	margin: 0 0 8px 0;
}


.thumbnails {
	margin: 0 0 48px 0;
}

a.clientLink {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
	color: #2b4e6f;
	font-size: 120%;
	margin-bottom: 4px;
	display: block;
}


.floatBottomRight {
	position: absolute;
	bottom: 32px;
	right: 32px;
	width: 290px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
	text-align: right;
}

.assetBlock, .assetBlockLarge {
	float: right;
	margin: 0 0 16px 16px;
}
.assetBlock {
	width: 294px;
}
.assetBlockLarge {
	width: 538px;
}
.asset {
	margin: 0;
	padding: 0;
}
.assetBlock .credit {
	margin:0;
	padding: 0;
	text-align: right;
	font-size: 50%;
	color: silver;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
}
.assetBlock .caption {
	width: 100%;
	font-size: 80%;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
}


#scrollLeft {
	opacity: 0.25;
}



.commentBlock {
	margin: 48px 0 0 0;
	padding: 8px 0 0 0;
}

.comment {
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
	background: url('/images/hr3.png') repeat-x top;
	color: #666;
}

.comment .head {
	margin: 0;
	padding: 0 0 4px 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
	font-weight: bold;
	font-size: 120%;
}

.comment .byline {
	margin: 0 0 4px 0;
	padding: 0;
	font-style: italic;
}

.comment .copy {
	margin: 0;
	padding: 0;
}

.commentForm {
	margin: 48px 0 0 0;
}

.commentForm h3 {
	background: url('/images/hr3.png') repeat-x bottom;
	padding: 0 0 4px 0;
}

.commentForm form {
	padding: 8px 0 0 0;
}

.commentForm form .halfWidth {
	width: 50%;
}

.commentForm input, .commentForm textarea {
	font-size: 125%;
	width: 100%;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
}
.fineprint {
	font-style: italic;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;;
	font-size: 80%;
}
.commentForm .fineprint {
	padding-right: 32px;
	white-space: nowrap;
}