/**
 * Prospect stylesheet
 */

@import url(global.css);

body
{
	background: #fff;
	margin: 0;
	padding: 0;
}

.Page { min-width: 980px; }
.Meta { display: none; }

#Top
{
	width: 100%;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.Header
{
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(../images/prospect-logo.png);
	background-repeat: no-repeat;
	background-position: 19px 18px;
	width: 60px;
	height: 180px;
	z-index: 11;
}

html.smallscreen .Header { position: absolute !important; }
html.hasFlash .Header { display: none; }

.Header h1
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.Header h1 a
{
	position: absolute;
	top: 19px;
	left: 18px;
	width: 35px;
	height: 130px;
	display: block;
}

.Header h1 span { display: none; }

/*

//  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //
//  //  //  //  //  //   CONTENT ELEMENTS   //  //  //  //  //  //
//  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //

	Site-Nav
	Section-Nav
	Media-Area
	flashcontent (hub page Flash content)
	Content
	Footer
*/

/**
 * Site navigation
 */

.Site-Nav
{
	/*this box also holds media-area and sub nav in Flash mode*/
	position: fixed;
	width: 105px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}

html.smallscreen .Site-Nav { position: absolute !important; }

.Site-Nav ul.Level-1
{
	position: fixed;
	top: 195px;
	width: 75px;
	z-index: 1000;
}

html.smallscreen .Site-Nav ul.Level-1 { position: absolute !important; }

html.hasFlash .Site-Nav ul { display: none; }
.Site-Nav a { display: block; }

.Site-Nav ul,.Site-Nav li
{
	list-style: none;
	background-image: none;
}

.Site-Nav ul div { display: none; }

/*
level 1
*/

.Site-Nav ul.Level-1
{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	padding-left: 0;
	border-top: 1px solid #ccc;
}

.Site-Nav li.Level-1
{
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	position: relative;
}

.Site-Nav a.Level-1
{
	display: block;
	padding: 3px 3px 3px 0;
	border-bottom: 1px solid #ccc;
}

.Site-Nav a.Level-1.Active { color: #000000; }
.Site-Nav li.Level-1:hover a.Level-1,
.Site-Nav a.Level-1.Active:hover { color: #ff6600; }

/*
level 2 
*/

.Site-Nav div.Level-2
{
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	left: 98%;
	top: -0.2em;
	z-index: 999;
	width: 130px;
	line-height: 1.1em;
}

.Site-Nav li.Level-1:hover div.Level-2 { display: block; }

.Site-Nav li.Level-1:hover div.Level-2.Single
{
	/*single level 2 rule, straight to level 3*/
	display: none !important;
}

.Site-Nav ul.Level-2
{
	margin: 0;
	padding: 0;
}

.Site-Nav li.Level-2
{
	margin: 0;
	padding: 2px;
}

.Site-Nav a.Level-2
{
	display: block;
	padding: 3px 3px 3px 0;
}

.Site-Nav a.Level-2.Active { color: #000000; }

/**
 * Section navigation
 */

.Section-Nav
{
	float: left;
	position: fixed;
	top: 0;
	left: 95px;
	z-index: 5;
	width: 153px;
	height: 100%;
	background-image: url(../images/vertical-div-bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

html.smallscreen .Section-Nav { position: absolute !important; }
html.hasFlash .Section-Nav { display: none; }

.Section-Nav h4
{
	margin: 0;
	color: #fff;
	padding: 143px 10px 0 10px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	height: 37px;
	margin-bottom: 15px;
}

.Section-Nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.Section-Nav div.Level-3 h4 a { color: #fff; }

.Section-Nav div.Level-3 h4 a:hover
{
	color: #fff;
	text-decoration: none;
}

.Section-Nav ul.Level-3
{
	padding-left: 10px;
	padding-right: 10px;
}

.Section-Nav li { background-image: none; }

.Section-Nav li.Level-3
{
	list-style: none;
	margin: 0;
	border-top: 1px solid #fff;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 16px;
	font-weight: bold;
}

.Section-Nav a.Level-3
{
	color: #fff;
	display: block;
	/*border-bottom: 1px solid #555;*/
	background-image: url(../images/item_rule.png);
	background-repeat: repeat-x;
	background-position: -500px -1px;
	padding: 2px 3px 0 3px;
}

.Section-Nav a.Level-3:hover
{
	color: #ff6600;
	text-decoration: none;
}

.Section-Nav a.Level-3.Active { color: #999 !important; }

.Section-Nav div.Level-4
{
	/*hide onload */
	height: 0;
	visibility: hidden;
}

.Section-Nav li.Level-4
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	font-weight: normal;
}

.Section-Nav li.Level-4 a.Active { color: #999 !important; }

.Section-Nav a.Level-4
{
	display: block;
	/*border-bottom: 1px solid #555;*/
	/*background-image: url(../images/item_rule.png);*/
	/*background-repeat: repeat-x;*/
	/*background-position: -500px -1px;*/
	padding: 2px 3px 0 3px;
}

.Section-Nav a.Level-4:hover
{
	color: #ff6600;
	text-decoration: none;
}

.Section-Nav li.Level-4.Last a.Level-4 { border: 0 !important; }

/**
 * Media Area
 * 
 * Page intro or page promo content area
 */

.Media-Area
{
	position: fixed;
	top: 0;
	left: 95px;
	height: 100%;
	overflow: hidden;
	width: 347px;
	background: #000;
	z-index: 5;
}

html.smallscreen .Media-Area { position: absolute !important; min-height: 600px; }
html.hasFlash .Media-Area { display: none; }

/**
 * Media Area Content: HomeIntro
 */

.Media-Area.HomeIntro { width: 300px !important; }

.Media-Area.HomeIntro h2
{
	font-size: 14px;
	font-weight: normal;
	height: 16px;
	overflow: hidden;
	padding-bottom: 4px;
	margin-bottom: 5px;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
}

.Media-Area.HomeIntro .HomeIntro-Content { padding: 40px 5px 0 5px; }

.Media-Area.HomeIntro h3
{
	border-top: 1px solid #fff;
	padding-top: 20px;
	margin-top: 5px;
	font-family: arial,sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	padding-left: 15px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.Media-Area.HomeIntro p
{
	border-top: 1px solid #fff;
	padding-left: 15px;
	padding-right: 20px;
	margin-top: 0;
	padding-top: 15px;
	color: #fff;
	font-family: georgia,times,serif;
	font-size: 14px;
	font-style: italic;
}

/**
 * Media Area Content: Case studies hub pages
 */

.Media-Area.CasestudiesIntro .CasestudiesIntro-Content { padding: 40px 5px 0 5px; }

.Media-Area.CasestudiesIntro h2
{
	border-top: 1px solid #fff;
	padding-top: 15px;
	margin-top: 0;
	font-family: arial,sans-serif;
	font-size: 24px;
	line-height: 22px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.Media-Area.CasestudiesIntro h2 span { font-size: 12px; }

.Media-Area.CasestudiesIntro p
{
	border-top: 1px solid #fff;
	margin-top: 0;
	padding-top: 15px;
	color: #fff;
	font-family: georgia,times,serif;
	font-size: 14px;
	font-style: italic;
}

/**
 * Media Area Testimonials
 */

.Media-Area.Media-Area-Testimonials
{
	background: #000;
	background-image: url(../images/media-area-testimonials.jpg);
	background-position: center top;
	background-repeat: no-repeat !important;
}

html.hasFlash .Media-Area.Media-Area-Testimonials { background-image: none; }

/**
 * Media Area Content: Why Work With Us?
 */

.Media-Area.Media-Area-WhyUs
{
	background: #000;
	background-image: url(../images/media-area-whyus.jpg);
	background-position: center top;
	background-repeat: no-repeat !important;
}

html.hasFlash .Media-Area.Media-Area-WhyUs { background-image: none; }

/**
 * Media Area Content: Awards
 */

.Media-Area.Media-Area-Awards
{
	background: #000;
	background-image: url(../images/media-area-awards.jpg);
	background-position: center top;
	background-repeat: no-repeat !important;
}

html.hasFlash .Media-Area.Media-Area-Awards { background-image: none; }

/**
 * Media Area Content: How We Do It
 */

.Media-Area.Media-Area-HowWeDoIt
{
	background: #000 !important;
	background-image: url(../images/media-area-howwedoit.jpg) !important;
	background-position: center top;
	background-repeat: no-repeat !important;
}

html.hasFlash .Media-Area.Media-Area-HowWeDoIt { background-image: none !important; }

/**
 * Media Area Content: What We Do
 */

.Media-Area.Media-Area-WhatWeDo
{
	background: #000 !important;
	background-image: url(../images/media-area-whatwedo.jpg) !important;
	background-position: center top;
	background-repeat: no-repeat !important;
}

html.hasFlash .Media-Area.Media-Area-WhatWeDo { background-image: none !important; }

/**
 * Media Area Content: Contact
 */

.Media-Area.Media-Area-Contact
{
	background: #000 !important;
	background-image: url(../images/media-area-contact.jpg) !important;
	background-position: center top;
	background-repeat: no-repeat !important;
}

html.hasFlash .Media-Area.Media-Area-Contact { background-image: none !important; }

/**
 * Main content block
 */

.Content
{
	/*this width changes depending on body.With-Section-Nav or body.With-Media-Area*/
	margin-left: 105px;
}

.Content #flashcontent
{
	/*This special alternative to .Content-Content used on hub pages*/
	display: none;
}

html.hasFlash .Content #flashcontent { display: block; }
.Content .Content-Content { position: relative; }

.Content .Content-Header
{
	background-image: url(../images/header_rule.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	margin-bottom: 24px;
}

.Content .Content-Header.Tight { margin-bottom: 14px; }
.Content-Body { min-height: 480px; }

.Content .Content-Body .Inner
{
	float: left;
	width: 100%;
}

.Content .Content-Body .Title-Feature
{
	margin: 0;
	padding: 0;
	height: 32px;
}

.Content .Content-Body .Title-Feature h3
{
	margin: 0;
	padding: 0;
	height: 100%;
}

html.hasFlash .Content .Content-Body .Title-Feature h3 { visibility: hidden; }

/**
 * Footer
 */

.Footer
{
	clear: both;
	padding-top: 30px;
	margin-left: 20px;
	/*margin-right: 20px;*/
	padding-bottom: 50px;
}

.Footer p
{
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #666666;
	white-space: nowrap;
}

.Footer .div
{
	margin-left: 0.2em;
	margin-right: 0.2em;
}

.Footer .Logos
{
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	top: -20px;
}

.Footer .Logos .Logo
{
	background-image: url(../images/footer-logos-sprites.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 35px;
	margin-left: 5px;
}

.Footer .Logos .Logo span { display: none; }

.Footer .Logos .Logo-SDN
{
	width: 62px;
	background-position: 0 bottom;
}

.Footer .Logos .Logo-SDN:hover { background-position: 0 0; }

.Footer .Logos .Logo-DBA
{
	width: 48px;
	background-position: -100px bottom;
}

.Footer .Logos .Logo-DBA:hover { background-position: -100px 0; }
.Footer .Foot-Nav { color: #666; }

.Footer .Foot-Nav p
{
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
}
.Footer .Foot-Nav div {border-top: 1px solid #ccc;padding-top:4px;margin-top:4px;}
.Footer .Foot-Nav ul
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.Footer .Foot-Nav ul div,
.Footer .Foot-Nav ul ul { display: none; }

.Footer .Foot-Nav li
{
	background-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 0.3em;
	margin-right: 0.3em;
}

.Footer .Foot-Nav .First { padding-left: 0.7em; }
.Footer .Foot-Nav div .First {padding-left: 0;}

.Footer .Foot-Nav .Last { margin-right: 0.7em; }
.Footer .Foot-Nav.Compact .First { padding-left: 0; }
.Footer .Foot-Nav.Compact p { padding-right: 0.5em; }

/*

//  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //
//  //  //  //  //  //   PAGE TYPES   //  //  //  //  //  //  //
//  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //

*/

/**
 * Hub Page
 * 
 * Content invisible, main area shown in #flashcontent box
 */

body.HubPage { }
html.hasFlash body.HubPage .Site-Nav { width: 315px !important; }

html.hasFlash body.HubPage .Content
{
	margin-left: 315px;
	width: auto !important;
}

html.hasFlash body.HubPage .Footer,
html.hasFlash body.HubPage .Content-Content { /*for #flashcontent to go height 100% in Firefox*/ }

html.hasFlash body.HubPage.With-Media-Area #flashcontent
{
	/*Note: this height is also hardcoded in hub.php templates*/
	height: 1200px;
	overflow: hidden;
	display: block;
}

/**
 * Hub Page / Home page
 * 
 * This layout for Flash display (wider than normal)
 */

html.hasFlash body.HubPage.Home .Site-Nav { width: 465px !important; }
html.hasFlash body.HubPage.Home .Content { margin-left: 465px; }

/**
 * Hub Page / Home page
 * 
 * This layout for special noFlash display
 */

body.HubPage.Home .Content
{
	width: 280px !important;
	margin-left: 365px;
}

body.HubPage.Home .Content-Content
{
	width: 270px;
	padding: 0;
}

body.HubPage.Home .Footer
{
	width: 270px !important;
	margin-left: 385px !important;
}

body.HubPage.Home .Footer .Logos
{
	left: 6px;
	top: -40px;
}

body.HubPage.Home .Foot-Nav div
{
	border-top: 1px solid #ccc;
	margin-top: 3px;
	padding-top: 6px;
}

body.HubPage.Home .Foot-Nav li
{
	background-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 0.2em;
	margin-right: 0.2em;
}

/**
 * Page with section navigation
 * 
 * Gets extended for other applications, e.g. body.Articles
 */

body.With-Section-Nav
{
	background-image: url(../images/section-nav-bg.png);
	background-repeat: repeat-y;
}

html.hasFlash body.With-Section-Nav .Site-Nav { width: 250px; }
html.hasFlash body.With-Section-Nav { /* background-image: none !important;*/ }
body.With-Section-Nav .Content,
body.With-Section-Nav .Footer { margin-left: 250px; }

body.With-Section-Nav .Content
{
	width: 480px;
	min-height: 600px;
	position: relative;
}

body.With-Section-Nav .Content-Content
{
	padding-left: 20px;
	padding-right: 20px;
}

body.With-Section-Nav .Utilities
{
	position: absolute;
	top: 29px;
	right: 8px;
}

body.With-Section-Nav .Footer
{
	width: 440px;
	padding-top: 0;
	padding-left: 20px;
}

body.With-Section-Nav .Layer-Panel.Email
{
	/*align with utilities*/
	top: 54px;
	left: auto;
	right: 9px;
}

/**
 * Page with media area
 * 
 * Common styles here, variations further below
 */

body.With-Media-Area .Content,
body.With-Media-Area .Footer { margin-left: 442px; }
html.hasFlash body.With-Media-Area .Site-Nav { width: 442px; }

body.With-Media-Area .Content
{
	width: 480px;
	min-height: 600px;
	position: relative;
}

body.With-Media-Area .Content-Content
{
	padding-left: 20px;
	padding-right: 20px;
}

body.With-Media-Area .Utilities
{
	position: absolute;
	top: 29px;
	right: 8px;
}

body.With-Media-Area .Footer
{
	width: 440px;
	padding-top: 0;
	padding-left: 20px;
}

body.With-Media-Area .Layer-Panel.Email
{
	/*align with utilities*/
	top: 54px;
	left: auto;
	right: 9px;
}

/**
 * Narrower media area pages
 * 
 * @new
 */
body.With-Media-Area.Narrow .Content,
body.With-Media-Area.Narrow .Footer { margin-left: 415px; }
body.With-Media-Area.Narrow .Media-Area { width: 320px; }
html.hasFlash body.With-Media-Area.Narrow .Site-Nav { width: 415px; }

/**
 * Hub page with media area
 */

body.HubPage.With-Media-Area .Content,
body.HubPage.With-Media-Area .Footer { margin-left: 410px; }
body.HubPage.With-Media-Area .Media-Area { width: 315px; }

/**
 * Team pages
 * 
 * Team profiles and special Team Network page - each have their own extra media
 * item on the left
 */

body.Team { }
body.Team .Content,
body.Team .Footer { margin-left: 515px; }

body.Team .Media-Area
{
	left: 250px;
	width: 270px;
	background: #ddd;
	display: block !important;
}

body.Team .Media-Area .bg { z-index: 100; }

body.Team .Team-Core-Media
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body.Team .Team-Core-Media div
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

body.Team .Team-Core-Media img { display: none; }

/**
 * Articles pages
 * 
 * Generally blog/news content that is on a .With-Section-Nav page
 */

body.Articles { }

body.Articles .Content
{
	position: relative;
	width: 680px;
}

body.Articles .Content-Content
{
	padding-left: 0;
	padding-right: 0;
}

body.Articles .Content-Header { display: none; }

body.Articles .Utilities
{
	top: 9px;
	right: 74px;
}

body.Articles .Layer-Panel.Email
{
	top: 34px;
	left: auto;
	right: 105px;
}

body.Articles .Content-Content { position: relative; }

body.Articles .Content-Body
{
	width: 511px;
	min-height: 480px;
	float: left;
	padding-top: 15px;
}

body.Articles span.bg { right: 169px; }

body.Articles .Content-Sidebar
{
	float: left;
	width: 140px;
	min-height: 200px;
	padding-top: 202px;
	padding-right: 10px;
	background-image: url(../images/vertical-div-bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 100px;
}

body.Articles .Footer
{
	padding-left: 20px;
	width: 630px;
}

/**
 * Case Study pages
 * 
 * Project content generally on a page with .With-Section-Nav
 */

body.CaseStudy .Content
{
	position: relative;
	width: 680px;
}

body.CaseStudy .Content-Header { display: none; }
body.CaseStudy .Utilities.WithPDF { width: 122px !important; }

body.CaseStudy .Content-Content
{
	padding-left: 0;
	padding-right: 0;
	position: relative;
	width: 640px;
	margin-left: 20px;
	margin-right: 20px;
	min-height: 400px;
	overflow: hidden;
}

body.CaseStudy .Footer
{
	padding-left: 20px;
	width: 640px;
}

/**
 * Error page (404)
 */

html.hasFlash body.Error .Media-Area,
html.hasFlash body.Error .Header { display: block; }

/*

//  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //
//  //  //  //  //   CONTENT ITEMS   //  //  //  //  //  //  //  //
//  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //

Granular elements within page constructs
*/

/**
 * Background shadow effect
 */

span.bg
{
	background-image: url(../images/vertical-div-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 9px;
	z-index: 100;
}

/**
 * Flash titles
 * 
 * Includes some common FLash title elements. Smaller items are set up per
 * container.
 */

.Title-Section
{
	color: #ccc;
	font-family: arial,helvetica,sans-serif;
	padding-top: 30px;
	margin-top: 0;
	margin-bottom: 6px;
	height: 24px;
}

.Title-Section h1
{
	color: #666;
	font-family: arial,helvetica,sans-serif;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	height: 100%;
}

html.hasFlash .Title-Section h1 { visibility: hidden; }

.Title-Page
{
	margin: 0;
	padding-bottom: 18px;
	height: 34px;
}

.Title-Page h2
{
	color: #111;
	letter-spacing: -0.01em;
	font-family: georgia,times,sans-serif;
	font-style: italic;
	text-transform: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 32px;
}

html.hasFlash .Title-Page h2 { visibility: hidden; }
.Title-Feature,
.Title-Feature-Sub,
.Title-Section { overflow: hidden; }

/**
 * Utilities
 */

.Utilities
{
	position: absolute;
	top: 29px;
	right: 8px;
	z-index: 0;
	width: 87px;
}

.Utilities p
{
	margin: 0;
	padding: 0;
	width: 18px;
	height: 21px;
	float: left;
	margin-right: 8px;
}

.Utilities a
{
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
}

.Utilities p.Email { margin-top: -1px; }
.Utilities a span { display: none; }
.Utilities a:active,.Utilities a:focus { outline: none; }
.Utilities p.Print a { background-image: url(../images/utilities-print.png); }
.Utilities p.Email a { background-image: url(../images/utilities-email.png); }
.Utilities p.Print a:hover { background-image: url(../images/utilities-print.gif); }
.Utilities p.Email a:hover { background-image: url(../images/utilities-email.gif); }

.Utilities p.ShareThis
{
	border-left: 1px solid #aaa;
	padding-top: 5px;
	padding-left: 7px;
}

.Utilities p.ShareThis span
{
	height: 12px;
	display: block;
}

.Utilities p.ShareThis .stbuttontext { display: none; }

.Utilities p.PDF
{
	border-left: 1px solid #aaa;
	padding-top: 5px;
	padding-left: 7px;
}

.Utilities p.PDF a
{
	position: relative;
	top: -2px;
	border: 0;
	background-image: url(../images/utilities-pdf.png);
	background-repeat: no-repeat;
}

/**
 * Related Links lists
 * 
 * p (list title)
 * ul (list)
 */

p.Related
{
	margin: 0;
	border-top: 1px solid #888;
	line-height: 14px;
	margin-left: 8px;
	padding: 5px 3px 1px 3px;
	background-image: url(../images/item_rule.png);
	background-repeat: repeat-x;
	background-position: left 1px;
	font-style: italic;
}

ul.Related
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
	margin-left: 8px;
}

ul.Related li
{
	background-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}

ul.Related li a
{
	display: block;
	line-height: 14px;
	background-image: url(../images/item_rule.png);
	background-repeat: repeat-x;
	background-position: left -1px;
	padding: 2px 3px 0 3px;
}

ul.Related li a.Active
{
	/*@todo: move .Active with general links?*/
	color: #999999;
}

/**
 * Content nav
 */

.Content-Nav .Title-Feature
{
	border-top: 1px solid #000;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-top: 4px;
	height: 18px;
}

.Content-Nav h4
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	height: 100%;
}

html.hasFlash .Content-Nav .Title-Feature h4 { visibility: hidden; }

.Content-Nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
	margin-right: 10px;
	padding-bottom: 18px;
	border-bottom: 1px solid #000;
}

.Content-Nav ul li
{
	background-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}

.Content-Nav ul li a
{
	display: block;
	border-bottom: 1px solid #eee;
	padding: 2px 3px 0 3px;
}

.Content-Nav ul li a.Active { color: #999 !important; }

/**
 * Links list
 */

h4.Links
{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 2px;
	font-style: italic;
	font-family: georgia, times,serif;
	font-weight: normal;
}

ul.Links
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
}

ul.Links li
{
	background-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}

ul.Links li a
{
	display: block;
	padding: 2px 3px 0 0;
}

/**
 * Sidebar
 */

.Content-Sidebar .Title-Feature
{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	height: 18px;
}

.Content-Sidebar h4
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	height: 100%;
}

html.hasFlash .Content-Sidebar .Title-Feature h4 { visibility: hidden; }

/**
 * Case study content
 */

div.CaseStudy { }

div.CaseStudy .Media
{
	height: 360px;
	background: #ddd;
	overflow: hidden;
	margin-bottom: 18px;
}

div.CaseStudy div.Title
{
	padding-bottom: 4px;
	margin-bottom: 14px;
	background-image: url(../images/header_rule.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	position: relative;
}

div.CaseStudy .Utilities
{
	top: -2px;
	right: -10px;
}

div.CaseStudy .Layer-Panel.Email
{
	top: 26px;
	left: auto;
	right: -5px;
}

div.CaseStudy .Client
{
	font-size: 1.4em;
	color: #bbb;
	font-family: arial,helvetica,sans-serif;
}

div.CaseStudy .Title-Section
{
	padding-top: 0;
	/*margin-right is space for .Utilities*/
	margin-right: 120px;
}

div.CaseStudy .Title-Section h1 { margin: 0; }

div.CaseStudy .Title-Page
{
	height: auto;
	min-height: 38px;
	padding-bottom: 8px;
}

div.CaseStudy .Title-Page h2 { }

div.CaseStudy .Overview
{
	background-image: url(../images/header_rule.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	margin-bottom: 18px;
	padding-bottom: 10px;
}

div.CaseStudy .Overview .Impact { width: 320px; }
div.CaseStudy .Overview .Impact.With-Abstract { float: right; }
div.CaseStudy .Overview .Abstracts { }
div.CaseStudy .Overview .Abstracts.With-Impact { margin-right: 330px; }

div.CaseStudy .Overview h4
{
	font-weight: normal;
	color: #999;
	font-family: georgia,times,serif;
	font-style: italic;
	font-weight: bold;
}

div.CaseStudy .Fact
{
	/*align with titles if no stats quote*/
	padding-top: 5px;
	padding-bottom: 40px;
}

div.CaseStudy .Challenge
{
	/*align with titles if no stats quote*/
	padding-top: 5px;
}

div.CaseStudy .Challenge.With-Fact
{
	position: absolute;
	left: 0;
	bottom: -10px;
}

div.CaseStudy .Detail
{
	position: relative;
	/*WinIE7 float bug*/
	height: 1%;
	margin-bottom: 10px;
}

div.CaseStudy .Col
{
	float: left;
	width: 23%;
	margin-right: 2%;
	height: 100%;
}

div.CaseStudy .Abstract
{
	color: #80b922;
	font-size: 1.4em;
	font-family: arial,helvetica,sans-serif;
}

div.CaseStudy .Col .Title
{
	margin-top: 0;
	border-bottom: 1px solid #80b922;
	font-family: georgia,times,serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1.3em;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
}

div.CaseStudy .Testimonial
{
	/*padding-top: 61px;*/
	background-image: url(../images/testimonial-icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.CaseStudy .Testimonial .Quote
{
	font-family: georgia,times,sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #80b922;
}

div.CaseStudy .Testimonial .Quote em
{
	display: block;
	padding-top: 4px;
}

div.CaseStudy .Testimonial .Name
{
	/*font-family: georgia,times,sans-serif;*/
	color: #666;
}

div.CaseStudy .CTA-Icon
{
	float: right;
	margin-left: 4px;
}

div.CaseStudy .Links
{
	background: #eee;
	padding-top: 18px;
	padding-bottom: 10px;
	padding-left: 0;
	min-height: 110px;
	/*background-image: url(../images/project-related-title.png);*/
	background-repeat: no-repeat;
	background-position: 16px 25px;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
}

div.CaseStudy .Links h3 { display: none; }

div.CaseStudy .Links .Col .Title
{
	border-bottom: 0;
	font-size: 1.1em;
	margin-bottom: 10px;
}

div.CaseStudy .Links ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.CaseStudy .Links li
{
	background-image: none;
	list-style: none;
	margin-left: 0;
	padding: 0;
}

div.CaseStudy .Links .Img-Title
{
	margin-left: 16px;
	margin-top: 7px;
}

/**
 * Forms
 */

.Label-Field label
{
	display: block;
	font-style: italic;
	padding-bottom: 0.3em;
}

.Label-Field input[type=text],
.Label-Field textarea
{
	border: 1px solid #80b922;
	width: 250px;
	font-family: arial,sans-serif;
	font-size: 12px;
}

.Label-Field .Note
{
	display: block;
	width: 238px;
	color: #666;
	font-size: 95%;
	font-style: italic;
}

.Label-Field .formFieldErrorNote
{
	color: #ff6600;
	font-style: italic;
	padding-top: 2px;
	display: block;
}

.Form-Btn { padding-top: 10px; }

.formError *
{
	color: #ff6600;
	margin-bottom: 10px;
}

button.Btn
{
	border: 0;
	background-color: #ffffff;
	cursor: pointer;
	background-position: left bottom;
	background-image: url(../images/buttons-sprites.png);
	height: 32px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	display: inline-block;
}

button.Btn span { display: none; }

button.Btn-Post
{
	width: 44px;
	background-position: left bottom;
}

button.Btn-Post:hover { background-position: left -1px; }

button.Btn-Send
{
	width: 48px;
	background-position: -100px bottom;
}

button.Btn-Send:hover { background-position: -100px -1px; }

button.Btn-Send-Sml
{
	width: 38px;
	height: 25px;
	background-position: -200px bottom;
}

button.Btn-Send-Sml:hover { background-position: -200px -8px; }

/**
 * Article
 */

.Article .Image { margin-bottom: 10px; }

.Article .Cat
{
	font-family: arial, helvetica,sans-serif;
	margin: 0;
	margin-bottom: 5px;
	padding: 0 20px 0 20px;
}

.Article .Title
{
	font-family: georgia, times,serif;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	margin-bottom: 5px;
	padding: 0 20px 0 20px;
}

.Article .Author
{
	color: #bbb;
	font-style: italic;
	padding: 0 20px 0 20px;
}

.Article .More
{
	font-family: georgia, times,serif !important;
	font-style: italic;
}

.Article .Abstract { padding: 0 20px 0 20px; }
.Article .Article-Body { padding: 0 20px 0 20px; }

.Article .Article-Body .Description
{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
}

.Article .Abstract p { font-family: arial, helvetica,sans-serif; }
.Article .Article-Body p { font-family: arial, helvetica,sans-serif; }

.Article p.Comments-Link
{
	float: left;
	display: inline;
}

.Article p.Comments-Link a { text-decoration: none !important; }
.Article p.Comments-Link span { display: none; }

.Article p.Comments-Link span.Count
{
	display: inline-block;
	background-image: url(../images/comments-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	width: 24px;
	height: 16px;
	text-align: center;
	padding: 8px 0 5px 0px;
	line-height: 10px;
	font-size: 10px;
	margin-right: 4px;
	position: relative;
	top: -5px;
	left: -2px;
}

.Article .Section-Title
{
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-image: url(../images/section_rule.png);
	background-repeat: repeat-x;
	background-position: 0 6px;
}

.Article div.Comment
{
	background-image: url(../images/blog-comments-sprites.png);
	background-position: 19px top;
	background-repeat: no-repeat;
	margin-bottom: 18px;
	padding-top: 38px;
}

.Article .Author
{
	margin-bottom: 18px;
	clear: both;
}

.Article .Comments { padding: 0 20px 0 20px; }
.Comment-Form-Title { }
.Comment-Form-Title .Title { padding-top: 25px; }
.Article .Comment-Form { padding: 0 20px 5px 20px; }

.Article p.Share
{
	padding: 20px 20px 0 20px;
	margin: 0;
}

/**
 * Share article
 */

p.Share span span { }

p.Share span.Icons
{
	padding-left: 4px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}

a.Share
{
	display: inline-block;
	width: 20px;
	height: 22px;
	background-repeat: no-repeat;
	background-image: url(../images/share-sprites.png);
	overflow: hidden;
}

a.Share span { display: none; }
a.Share-Twitter { background-position: 2px bottom; }
a:hover.Share-Twitter { background-position: -2px top; }
a.Share-Stumble { background-position: -98px bottom; }
a:hover.Share-Stumble { background-position: -98px top; }
a.Share-Reddit { background-position: -198px bottom; }
a:hover.Share-Reddit { background-position: -198px top; }
a.Share-Facebook { background-position: -298px bottom; }
a:hover.Share-Facebook { background-position: -298px top; }
a.Share-Digg { background-position: -398px bottom; }
a:hover.Share-Digg { background-position: -398px top; }
a.Share-Delicious { background-position: -498px bottom; }
a:hover.Share-Delicious { background-position: -498px top; }

.Footer p.Share
{
	border: 0 !important;
	margin-bottom: 30px !important;
	padding-top: 20px !important;
}

/**
 * Articles list
 */

.Articles-List .Article
{
	padding-top: 5px;
	margin-bottom: 12px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ddd;
}

.Articles-List .Article.First { padding-top: 0; }

/**
 * Blog Moderate Tools
 */

.Moderate
{
	padding: 0 20px 0 20px;
	margin: 0;
	float: right;
	display: inline;
	height: 0;
	position: relative;
	top: -20px;
}

.Blog-Edit
{
	background: #fafafa;
	padding: 3px;
	font-size: 9px;
	color: #ccc;
	margin: 0 20px 0 20px;
	display: none;
}

.Blog-Edit h3
{
	color: #9f9f9f;
	font-size: 11px;
	margin: 0 0 4px 0;
}

.Blog-Edit p
{
	margin-bottom: 0.3em;
	font-size: 9px;
	color: #ccc;
}

.Blog-Edit label
{
	font-size: 9px;
	color: #aaa;
}

.Blog-Edit input[type=submit],
.Blog-Edit input[type=reset]
{
	border: 1px solid #ddd;
	background: 0;
	font-size: 10px;
	color: #999;
	cursor: pointer;
}

.Blog-Edit input[type=radio]
{
	display: inline-block;
	width: 12px;
	height: 12px;
}

.Blog-Edit .Comments.spam { background: #faf6c9; }

/**
 * Miscellaneous
 */

.SEO { display: none; }
.noDisplay { display: none !important; }

/**
 * Layer Panel
 */

.Layer-Panel
{
	position: absolute;
	top: 0;
	left: 0;
	width: 407px;
	background-image: url(../images/layer-panel.png);
	background-repeat: no-repeat;
	background-position: 0 top;
	visibility: hidden;
	z-index: 2000;
}

.Layer-Panel-Content
{
	margin-top: 4px;
	padding: 2px 18px 18px 10px;
	min-height: 300px;
	background-image: url(../images/layer-panel.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

.Layer-Panel .Close
{
	position: absolute;
	top: 2px;
	right: 10px;
	width: 16px;
	height: 16px;
	display: block;
	background-image: url(../images/btn-close.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

.Layer-Panel .Close:hover { background-position: 0 top; }
.Layer-Panel .Close span { display: none; }

.Layer-Panel .Title-Feature
{
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 8px;
	height: 18px;
	border-bottom: 1px solid #ccc;
}

.Layer-Panel .Title-Feature h4
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	height: 100%;
}

html.hasFlash .Layer-Panel .Title-Feature h4 { visibility: hidden; }

.Layer-Panel .Title-Feature-Sub
{
	padding-top: 6px;
	margin-bottom: 14px;
	height: 16px;
}

.Layer-Panel .Title-Feature-Sub h5
{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	height: 100%;
}

html.hasFlash .Layer-Panel .Title-Feature-Sub h5 { visibility: hidden; }

.Layer-Panel .Layer-Col
{
	float: left;
	width: 175px;
	padding-right: 0;
}

.Layer-Panel .Col-First { padding-right: 20px; }
.Layer-Panel .Label-Field { margin-bottom: 7px; }
.Layer-Panel label { font-family: georgia,times,serif; }

.Layer-Panel input,
.Layer-Panel textarea
{
	width: 172px !important;
	border-color: #666 !important;
}

.Layer-Panel textarea { height: 4em; }
.Layer-Panel p.Note,.Layer-Panel input,.Layer-Panel textarea { color: #666; }

.Layer-Panel .Panel-Links
{
	position: absolute !important;
	left: 10px;
	bottom: 24px;
	background: none !important;
	padding: 0;
	margin: 0;
	border: 0;
}

/*
Loading
*/

.Layer-Panel .Loading .Form-Btn
{
	background-image: url(../images/loading.gif);
	background-position: 50px 11px;
	background-repeat: no-repeat;
}

.Layer-Panel .Loading .Disabled { background: #ddd; }

.Layer-Panel .Loading .Btn-Send-Sml
{
	background-position: -200px -8px;
	cursor: wait;
}

/*
Messages
*/

.Layer-Panel .Error .Request-Msg
{
	color: #ff6600;
	font-size: 11px;
}

.Layer-Panel .Success .Request-Msg
{
	color: #80b922;
	font-size: 11px;
	font-weight: bold;
}

.Layer-Panel .Request-Msg-Conf { color: #80b922; }

/**
 * Glassplate
 */

#Glassplate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	cursor: default;
	z-index: 0;
	/*height set by JS*/
	height: 0;
	/*opacity set by JS*/
}

/**
 * Line note (e
 * 
 * g
 * 
 * in a title list)
 */

.Line-Note
{
	padding-left: 1em;
	color: #999;
}

/**
 * Team Navigation List
 */

.Team-Navigation
{
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 30px;
}

html.hasFlash .Team-Navigation { display: none; }

.Team-Navigation.Team-Bg
{
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	background-position: center top;
	background-image: url(../images/grass.jpg);
	background-repeat: no-repeat;
	visibility: hidden;
}

#g0.Team-Navigation.Team-Bg { visibility: visible; }

.Team-Navigation h4,
.Team-Navigation p
{
	margin: 0;
	padding-left: 10px;
}

.Team-Navigation h4
{
	color: #222;
	margin-left: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	background-image: url(../images/team_nav_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.Team-Navigation h4 a
{
	border: 0;
	text-decoration: none;
}

.Team-Navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 100px;
	background-image: url(../images/team_nav_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.Team-Navigation ul ul
{
	margin-left: 0;
	padding-top: 5px;
	padding-left: 0;
	padding-bottom: 0;
	background-image: none;
}

.Team-Navigation li
{
	background-image: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 5px;
	padding-bottom: 0;
}

.Team-Navigation li a
{
	display: block;
	border-bottom: 1px solid #333;
}

.Team-Navigation a.Active { color: #222; }
.Team-Navigation ul ul a { border-bottom: 1px solid #666; }

/**
 * Hubs
 */

/* hide HTML when in flash mode */
html.hasFlash body.HubPage .Media-Area,
html.hasFlash body.HubPage .Content-Content,
html.hasFlash body.HubPage .Footer { display: none; }

/**
 * Hub Articles
 */

.Hub-Articles
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 40px;
}

.Hub-Articles li
{
	background-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
 * Hub Abstracts List
 */

.Hub-Articles .Group-Title
{
	padding-top: 30px;
	background: #80b922;
	position: relative;
	margin-bottom: 10px;
}

.Hub-Articles .Group-Title h2
{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 7px;
	color: #fff;
	font-size: 24px;
}

.Hub-Articles .Group-Abstract { padding-left: 10px; }
.Hub-Articles .Abstracts { }

.Hub-Articles .Abstracts .Item
{
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #ddd;
	min-height: 141px;
	margin-bottom: 10px;
	position: relative;
}

.Hub-Articles .Abstracts .Thumbnail
{
	float: left;
	width: 160px;
	height: 141px;
	overflow: hidden;
	background: #ddd;
}

.Hub-Articles .Abstracts .Client
{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 3px;
	background-image: url(../images/label-bg.png);
	color: #111;
	font-family: georgia,times,serif;
	font-style: italic;
	font-weight: bold;
}

.Hub-Articles .Abstracts p,
.Hub-Articles .Abstracts h4
{
	margin-left: 170px;
	margin-bottom: 0;
	padding-bottom: 0.6em;
}

/*
Articles 
*/

.Hub-Articles .Article
{
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
}

.Hub-Articles .Article .Type
{
	text-transform: uppercase;
	font-weight: bold;
	color: #ccc;
	line-height: 0.9em;
	padding-top: 22px;
	padding-right: 4px;
	margin-bottom: 4px;
	font-family: arial,helvetica,sans-serif;
	float: right;
	text-align: right;
}

.Hub-Articles .Date
{
	text-transform: uppercase;
	width: 3px;
	font-weight: bold;
	color: #ccc;
	line-height: 0.9em;
	padding-top: 10px;
	margin-bottom: 4px;
	font-family: arial,helvetica,sans-serif;
}

.Hub-Articles .Image
{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 281px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

.Hub-Articles .Title
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-family: arial,helvetica,sans-serif;
	color: #000;
	font-style: normal;
}

.Hub-Articles .Abstract,
.Hub-Articles .Link-More
{
	color: #ccc;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: georgia,times,serif;
	font-style: italic;
}

.Hub-Articles .Link-More { padding-top: 0.5em; }

/**
 * Media Area types
 */

.Media-Area.Placeholder { background: #999; }

.Media-Area.Legal,
.Media-Area.Error
{
	background: #fff;
	background-image: url(../images/bg-grass.jpg);
}

/**
 * Profiles
 */

.Profile-Parent { position: relative; }
.Profile-All { padding-top: 100px; }

html.hasFlash .Profile-All
{
	padding-top: 0;
	position: relative;
	top: -106px;
	background: #fff;
	height: auto;
}

html.hasFlash .Profile-All.Loading
{
	/*temp: this is moved back by JS*/
	height: 0;
	top: -50000px;
}

.Profile-Group { margin-bottom: 100px; }
.Profile-Cat { margin-bottom: 200px; }
html.hasFlash .Profile-Cat { margin-bottom: 50px; }

.Profile-Cat .Content-Header
{
	background-image: none;
	margin-bottom: 10px;
}

html.hasFlash .Profile-Cat .Content-Header
{
	background-image: url(../images/header_rule.png) !important;
	margin-bottom: 24px;
}

.Profile
{
	clear: both;
	padding-top: 10px;
}

/**
 * SWFObject print content
 * 
 * Fix for consistent printing of SWFObject replaced content (preseved non-Flash
 * content)
 */

.SWFObject-Print-Content { visibility: hidden; }

/**
 * Pagination
 */

.Pagination
{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	font-family: georgia,times,serif;
	font-style: italic;
	color: #666666;
}

.Pagination .Link-Next { float: right; }
.Pagination .Link-Prev { float: left; }
.Pagination .Pages { }