/* ------------------------ */
/* ---- GLOBAL STYLING ---- */
/* ------------------------ */

/* TOC
	1. DEFAULTS
	2. LAYOUT
	3. MASTHEAD
	4. FOOTER
	5. CONTENT
		A. Headings
		B. Body Copy
		C. Hero Space (Home Page HeroSpots)
		D. Spotlights
		E. The Pulse
		F. Details (Office)
		G. Articles (Thinking Forward)
		H. Contact Form
	6. AddThis overrides
	7. Flash Intro
*/

/* 1. DEFAULTS
------------------------------------------------ */
html { height: 100%; }
body 
{
    height: 100%;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom;
}

a {
	text-decoration: none;
	color: #069;
}

.red { color: #c5351c; }

/* 2. LAYOUT
------------------------------------------------ */
#pageLayout {/* @see ie.css, ie6.css */
	
}

.contentWrapper {/* @see ie6.css */
	width: 980px;
	margin: 0 auto;
}

.navigation li {
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}

.navigation li a {
	display: block;
	height: 10px;
	line-height: 10px;
	text-indent: -9999px;
	white-space: nowrap;
	color: #999;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

.navigation li a:hover,
.navigation li.active a {
	color: #c5351c;
	background-position: left bottom;
}

.columnWrapper {
	overflow: hidden;
}

.column {
	float: left;
	min-height: 10px;
}

.hasGutter {
	padding-right: 20px;
}

.primaryGrid {
	width: 480px;
}

.secondaryGrid {
	width: 230px;
}

.tertiaryGrid {
	width: 105px;
}

.fiveColGrid { /* contact form (had to be different!) */
	width: 605px;
}


/* 3. MASTHEAD
------------------------------------------------ */
#masthead {
	background: #fff;
	border-bottom: 1px solid;
	overflow: hidden;
	padding-bottom: 13px;
}

#logo {
	float: left;
	font-size: 15px;
	padding: 16px 0 0;
}

#logo a {
	float: left;
	font-weight: bold;
	color: #c5351c;
	padding-right: 76px;
}

#logo img {
	display: block;
}

#mainNav {
	padding: 17px 0 0;
	float: left;
}

#mainNav li {
	margin-right: 40px;
}

#mainNav li a {
	
}

#mainNav li a:hover, 
#mainNav li.active a {
	
}


/* 4. FOOTER
------------------------------------------------ */
#footer {/* @see ie6.css */
	position: fixed;
	/*height: 36px;*/
	width: 100%;
	bottom: 0;
	text-align: center;
	background: #fff;
	border-top: 1px solid;
	overflow: hidden;
	z-index: 5;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}


#footerNav {
	padding: 13px 0 30px;
}

#footerNav li {
	margin-right: 30px;
}

#footerNav li a {
   
}

#footerNav li a:hover, 
#footerNav li.active a {
	
}


/* 5. CONTENT
------------------------------------------------ */
#content {
	padding: 0 0 45px;
}

/* ::::: A. Headings ::::: */
#sectionHeading {
	position: relative;
	padding: 24px 0 8px;
	overflow: hidden;
}

.office #sectionHeading {
    padding-left: 250px;
}

.sectionIdentifier {
	height: 19px;
	padding: 0 0 6px;
}

.secondLevel {/* @see ie6.css */
	height: 44px;
	font-size: 44px;
	text-transform: uppercase;
	line-height: 1;
	color: #c5351c;
}

#shareButton {
	float: right;
	position: relative;
	width: 105px;
	height: 25px;
	margin: -41px 0 0;
	overflow: hidden;
}

#shareButton a {
	display: block;
	height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #c5351c url(../img/bg_share-arrow-down.png) right top no-repeat;
	padding: 3px 8px 0;
}


/* ::::: B. Body Copy ::::: */
.officeIntroCopy {
	padding: 0 0 15px;
}

#globalOfficesMap {
	height: 435px;
	border-width: 5px 1px 1px;
	border-style: solid;
	border-color: #e0dfe0;
}

.bodyCopy {
	
}

.bodyCopy p.introParagraph {
    font-size: 18px;
    line-height: 23px; 
}

.bodyCopy ul li {
    background: url(../img/bullet_circle-red.png) 0 7px no-repeat;
	padding-left: 10px;
}

.bodyCopy img.pageImage {
    float: left;
    margin-right: 10px;
}
    

.bodyCopy p {
	padding: 0 0 11px;
}

#featuredImage {
	height: 260px;
	padding: 5px;
	border: 1px solid #e0dfe0;
	margin: 0 0 10px;
}

#featuredImage img {
	display: block;
}

#imagePreviews {
	
}

#imagePreviews li {
	padding: 5px;
	border: 1px solid #e0dfe0;
	margin: 0 0 20px;
}

#imagePreviews li img {
	display: block;
	opacity: .30;/* @see ie.css */
}

#imagePreviews li .viewing img {
	opacity: 1.0;/* @see ie.css */
}


/* ::::: C. Hero Space (Home Page HeroSpots) ::::: */
#heroSpace {/* @see ie6.css */
	height: 209px;
	padding: 0 0 49px;
}

#heroSpotWrapper {
	position: relative;
	width: 561px;
	height: 209px;
	margin-left: 44px;
}

#heroAlt {
    margin-top: -50px; 
}

#heroAlt #heroSpotWrapper {
    margin-left: 0;
}

#heroSpotNav {
	position: absolute;
	top: 0;
	left: -20px;
	width: 20px;
}

#heroSpotNav li {
	padding: 0 0 2px;
}

#heroSpotNav a {
	display: block;
	width: 12px;
	height: 13px;
	line-height: 13px;
	text-indent: -9999px;
	background: url(../img/bg_nav-hero-circle.png) left top no-repeat;
	overflow: hidden;
}

#heroSpotNav a:hover, 
#heroSpace #heroSpotNav .current a {
	background-position: right bottom;
}

#heroSpotNav .current {
	background: url(../img/bg_hero-current-arrow.png) right top no-repeat;
}

#heroSpots {
	
}

#heroSpots li {
	display: none;
	position: absolute;
	width: 100%;
	height: 209px;
	background: #c6351c;
	overflow: hidden;
}

#heroSpots li.current {
	
}


/* ::::: D. Spotlights ::::: */
.spotlights {/* @see ie6.css */
	padding: 0 0 20px;
	overflow: hidden;
}

.spotlight {/* @see ie6.css */
	float: left;
	position: relative;
	width: 210px;
	height: 209px;
	font-size: 11px;
	line-height: 16px;
	background-color: #fff;
	padding: 5px 9px 9px;
	border-width: 6px 1px 1px;
	border-style: solid;
	border-color: #e0dfe0;
	margin-right: 20px;
	overflow: hidden;
}

.lastSpotlight {
	margin-right: 0;
}

/*
.twitterFeed {/* last item * /
	margin: 0;
}
*/
/*
.spotlight h2 a 
{
    display: block;
    font-size: 9px;
	text-transform: uppercase;
	line-height: 1;
}

.spotlight h2 {
	height: 9px;
	margin: 0 0 5px;
	overflow: hidden;
}

*/
.spotlight h2 a { display: block; overflow: hidden; color: #C5351C; font-size: 10px; line-height: 10px; }
.spotlight h2 { height: 10px; overflow: hidden; margin-bottom: 5px; text-transform: uppercase; }

.spotlightImage {
	width: 207px;
	height: 92px;
	border: 1px solid #e0dfe0;
	margin: 0 0 5px;
}

.spotlightImage img {
	display: block;
}

.spotlight p .goto {
	font-weight: bold;
	margin-left: 5px;
}

.spotlightCTA {
	position: absolute;
	bottom: 6px;
	right: 9px;
	text-align: right;
	background: #fff;
}

.spotlight .ctaLink {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #c5351c;
}

.blogFeed .feed .ctaLink {
	padding-left: 4px;
}

.spotlight .ctaLink .angleQuote {
	font-size: 14px;
}

.spotlight .feed {
	height: 179px;
	padding-right: 9px;
	margin-top: 0;
	margin-right: -9px;
	overflow: auto;
}

.spotlight .feed li {/* @see ie6.css */
	background: url(../img/bg_dotted-horizontal.png) left bottom repeat-x;
	padding: 6px 0;
	overflow: hidden;
}

.spotlight .feed .itemDate {
	font-size: 14px;
}

.spotlight .feed .timeStamp {
	font-size: 10px;
	font-style: oblique;
	line-height: 15px;
}


/* ::::: E. The Pulse ::::: */
.thePulse {
	overflow: hidden;
}

.thePulse h3 {
	float: left;
	color: #666;
	width: 105px;
}

.thePulse h3 img {
	display: block;
}

.thePulse p {
	float: left;
	color: #666;
	line-height: 15px;
	margin-top: -2px;
}


.thePulse span {
	display: block;
	font-size: 9px;
	line-height: 1;
}


/* ::::: F. Details (Office) ::::: */
.details {
	padding: 100px 0 0;
}

.details .locationMap {
	padding: 5px;
	border: 1px solid #e0dfe0;
	margin: 0 0 10px;
}

.details .locationMap img {
	display: block;
}

.details li {
	padding: 0 0 23px;
}

.details h4 {
	font-weight: bold;
	text-transform: uppercase;
	color: #c5351c;
}

.details p {

}

/* ::::: G. Articles (Thinking Forward) ::::: */
#articleWrapper {
	height: 312px;
	overflow: hidden;
}

.articleIntro {
	height: 288px;
	font-size: 24px;
	line-height: 36px;
	background: url(../img/bg_dotted-horizontal.png) left bottom repeat-x;/* @see ie.css */
	padding: 0 0 5px;
	overflow: hidden;
}

.articleIntro p {
    padding-bottom: 16px;  
}

.introImage {
	float: left;
	margin-right: 10px;
}

.introCopy {
	
}

.articleView {
	background: url(../img/bg_article-display.png) 0 0 no-repeat;
}

/* article scroller */
#articleScrollWrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

/* previous, next, prevPage and nextPage buttons */
a.browse {
	display: block;
	position: absolute;
	top: 0;
	width: 26px;
	height: 25px;
	background: #c5351c url(../img/bg_scroll-arrows.png) no-repeat;
	margin: 62px 0;
	overflow: hidden;
	cursor: pointer;
}

a.left {
	left: -46px;
	background-position: left top;
} 

a.right { 
	right: -46px;
	background-position: right bottom;
}

a.disabled {
	visibility: hidden !important;		
} 	

/* scroll area */
.scrollable {
	position: relative;
	width: 980px;
	height: 195px;
	overflow: hidden;
}

.scrollable .items {
	position: absolute;
	width: 20000em;
}

.scrollable .items li {
	float: left;
	width: 230px;
	height: 195px;
	margin-right: 20px;
	cursor: pointer;
	cursor: hand;
}

.scrollable .items .active {
	
}

.scrollable .items li img {
	display: block;
	max-width: 230px;
	max-height: 87px;
	padding: 0 0 5px;
	opacity: .50;/* @see ie.css */
}

.scrollable .items .hover img, 
.scrollable .items .active img {
	opacity: 1.0;/* @see ie.css */
}

.scrollable .items li h3 {
	line-height: 14px;
	color: #c5351c;
	padding: 0 0 3px;
}

.scrollable .items li p {
	font-size: 11px;
	line-height: 16px;
}

.scrollable .items li p .goto {
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #f00;
}

.articleGrid {
	padding: 13px 20px 0;
	overflow: hidden;
}

.articleContent {
	float: left;
	width: 720px;
	background: url(../img/bg_dotted-vertical.png) right top repeat-y;
	overflow: hidden;
}

.articleContent h3 {
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
	color: #c5351c;
	padding: 0 0 10px;
}

/* video */
.articleContent .videoContainer {
	float: left;
	width: 442px;
	height: 275px;
	margin-right: 20px;
}

.articleContent .articleSummary {
	float: left;
	width: 237px;
	height: 265px;
	padding-right: 21px;
}

.articleContent .articleSummary p {
	padding: 0 0 8px;
}

/* text */
.textArticle {
	position: relative;
	height: 265px;
	padding-right: 21px;
}

.articleContent #bodyContent {
	height: 197px; /*or 185px*/
	overflow: hidden;
}

.articleContent #bodyContent .contentBlock {
	display: none;
}

.articleContent #bodyContent .viewing {
	display: block;
}

.articleContent #bodyContent .contentBlock img, 
.articleContent #bodyContent .contentBlock .articleImage {
	float: right;
	/*width: 100px;*/
	/*height: 100px;*/
}

.articleContent #bodyContent .contentBlock p {
	font-size: 14px;
	line-height: 22px;
	padding: 0 0 12px;
}

.articleContent #bodyContent .contentBlock .paragraphDivider, .bodyCopy .paragraphDivider {
	background: url(../img/bg_dotted-horizontal.png) left bottom repeat-x;
	padding: 0 0 6px;
	margin: 0 0 6px;
}

.articleContent #bodyContent .contentBlock ul li {
	font-size: 14px;
	line-height: 22px;
	background: url(../img/bullet_circle-red.png) 0 9px no-repeat;
	padding-left: 10px;
}

.articleContent #articleNavigation {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.articleContent #articleNavigation ul {
	overflow: hidden;
}

.articleContent #articleNavigation li {
	float: left;
	font-size: 10px;
	color: #ccc;
}

.articleContent #articleNavigation li a {
	float: left;
	color: #ccc;
	margin-right: 10px;
}

.articleContent #articleNavigation .articleDownload {
	float: right;
	text-transform: uppercase;
	padding-right: 21px;
}

.articleContent #articleNavigation .articleDownload a {
	float: none;
	color: #c5351c;
}

.articleContent .angleQuote {
	font-size: 13px;
	line-height: 1;
}

.articleContent #articleNavigation li a.disc {
	width: 11px;
	height: 11px;
	line-height: 11px;
	text-indent: -9999px;
	color: #ccc;
	background: url(../img/bg_paginate-disc.png) left top no-repeat;
	padding: 0;
	margin-top: 4px;
	overflow: hidden;
}

.articleContent #articleNavigation li a.prev, 
.articleContent #articleNavigation li a.next {
	margin-right: 5px;
}

.articleContent #articleNavigation li a.next {
	margin-left: -5px;
}

.articleContent #articleNavigation li a.current {
	background-position: right bottom;
}

/* related */
.articleGrid .relatedContent {
	float: left;
	width: 210px;
	padding-left: 10px;
}

.articleGrid .relatedContent h4 {
	color: #c5351c;
	padding: 0 0 10px;
}

.articleGrid .relatedContent li {
	font-size: 11px;
	background: url(../img/icon_arrow-dbl-right2.png) 0 3px no-repeat;
	padding: 0 0 3px 12px;
}

.articleGrid .relatedContent a {
	color: #999;
}


/* ::::: H. Contact Form ::::: */
#contactForm {
	width: 605px;
	overflow: hidden;
}

.formIntroCopy p {
	padding: 0 0 10px;
}

#contactFormErrors {
	display: none;
}

#contactFormErrors h4 {
	color: #c00;
}

#contactFormErrors ul {
	color: #c00;
	padding: 0 0 10px 1.25em;
	margin-left: 1.25em;
}

#contactFormErrors li {
	list-style: disc outside;
}

.formContainer fieldset {
	padding: 15px 0 13px;
	border-width: 5px 1px 1px;
	border-style: solid;
	border-color: #e0dfe0;
}

.formContainer fieldset fieldset {
	padding: 0;
	border: none;
	margin: 0 0 0 15px;
}

.formContainer .formControl {
	float: left;
	padding: 0 0 9px;
	margin-right: 10px; /* @see ie.css */
}

.formContainer .formControl label {
	font-size: 11px;
}

.formContainer .formControl input {
	font-size: 11px;
	color: #999;
}

.formContainer .formControl select {
	font: 11px helvetica, arial, sans-serif;
	color: #999;
}

.formContainer .formSubmit {
	text-align: right;
	padding: 8px 0;
}

.formContainer .userInfo {
	overflow: hidden;
}

.formContainer .userInfo .formControl {
	width: 282px; /* @see ie.css, ie6.css */
}

.formContainer .userInfo .formControl label {
	display: none;
}

.formContainer .userInfo .formControl input {
	width: 275px; /* @see ie.css, ie6.css */
}

.formContainer .userInfo .formControl select {
	width: 281px; /* @see ie.css, ie6.css */
}

.formContainer .userInfo .error input, 
.formContainer .userInfo .error select {
	color: #c00;
	/*background: #fcc;*/
}

.formContainer .userInfo .required {
	clear: left;
	background: url(../img/bg_dotted-horizontal.png) left bottom repeat-x;
	padding: 0 0 9px;
	margin-right: 15px;
}

.formContainer .interest {
	background: url(../img/bg_dotted-horizontal.png) left bottom repeat-x;
	padding: 7px 0 10px;
	margin-right: 15px;
	overflow: hidden;
}

.formContainer .interest h3 {
	font-size: 14px;
	color: #c5351c;
	padding: 0 0 10px;
}

.formContainer .interest h3 span {
	font-weight: normal;
}

.formContainer .interest .formControl {
	width: 160px;
	padding: 0 0 5px;
}

.formContainer .interest .formControl label {
	vertical-align: middle;
}

.formContainer .interest .formControl input {
	vertical-align: middle;
}

.formContainer .commentField {
	float: none;
	padding: 10px 0 3px; /* @see ie6.css */
	margin: 0 15px; /* @see ie6.css */
}

.formContainer .commentField label {
	font-size: 14px;
	font-weight: bold;
	color: #c5351c;
	padding: 0 0 3px;
}

.formContainer .commentField textarea {
	width: 567px; /* @see ie.css, ie6.css */
	height: 77px;
}

.formContainer .captcha {
	background: url(../img/bg_dotted-horizontal.png) left bottom repeat-x;
	padding: 18px;
	overflow: hidden;
}

.formContainer .captcha .formControl {
	width: 280px;
	padding: 0;
}

.formContainer .captcha .captchaImage img {
	display: block;
}


/* 6. AddThis overrides
------------------------------------------------ */
body #at15s {
	padding: 0 !important;
	border: none !important;
}

body #at15s #at15s_head {
	border-bottom: none;
}

body #at15s #at_hover {
	border-width: 0 1px;
	border-style: solid;
	border-color: #ccc;
}

body #at15s #at16pf {
	background-color: #c5351c;
	padding-bottom: 3px;
}

body #at15s #at16pf a {
	color: #fff;
}

/* 7. Press Releases 
-------------------------------------------------- */
ul.pressReleases {
	width: 800px; 
	overflow: hidden;
}

ul.pressReleases li {
	display: block; 
	overflow: hidden; 
	padding: 15px 0 0 0; 
}
	
ul.pressReleases li a {
	display: block; 
	overflow: hidden; 
	position: relative; 
	font-size: 14px; 
	line-height: 24px;  
	padding: 0 0 0 15px;
}

ul.pressReleases li a:hover {
	background-color: #ebebeb;
}

ul.pressReleases li a span.date {
	display: block; 
	float:left; 
	width: 154px;
	color: #666;
}

ul.pressReleases li a span.release {
	display: block; 
	float: left; 
	color: #cc0000; 
	width: 620px;
}
/* end of press releases */