/* CSS Document */

/*body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:30px;
	line-height:16px;
}

a img {
	border:none;
	border:0px;
}

.nonFooter {
	width:552px;
}

.masthead {
	text-align:center;
}

.subnav {
	display:none;
}

.top { display:none; }

.map1 {
	width:317px;
	margin:0 10px 20px 0;
	border:6px solid #DCDDDF;
	float:left;
}

.map2 {
	width:317px;
	margin:0 10px 20px 0;
	border:6px solid #F18231;
	float:left;
}

.bio {
	float:left;
	width:100px;
	margin:0 10px 10px 0;
}

.viewbio {
	display:none;
}

.clearer {
	clear:both;
}

object { display:none; }

.footer div {
	display:none;
}*/

/*  main items, mostly tag redefinitions  */
object { display: none; }
html { height: 100%; }

body
{
	/*height: 100%;*/
	background: #E9E9D3;
	/*text-align: center;*/
	font: 11px Verdana, Georgia, "Times New Roman", Times, serif;
	color: #666666;
	margin: 0;
}

span { display: inline !important; }

a
{
	text-decoration: none;
	color: #FF6600;
	font-size: 0.9em;
}

p { margin: 0 0 15px 0; }

address
{
	margin: 10px 0 0 0;
	font-style: normal;
}

.clearer
{
	clear: both;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}

ul
{
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0 0 10px 3px;
	position: relative;
}

ul li
{
	background: url("img/bullet_dash.gif") no-repeat 0px 5px;
	padding: 0 0 5px 15px;
	display: block;
	line-height: 16px;
}

.error { color: red; }

/* ----------------- main blocks ------------------- */
div#center { }

div.clearer
{
	width: 800px;
	font-size: 0.2em;
	height: 1px;
	float: left;
	display: block;
}

.nonFooter
{
	/*position: relative;*/
	/*min-height: 90%;*/
	width: 800px;
	background: #FFF;
	text-align: left;
	padding: 0 0 25px 0;
}

div.row { display: block; }
* html .nonFooter { /*height: 90%;*/ }

.footer
{
	/*position: relative;*/
	padding: 5px 0 0 0;
	height: 25px;
	background: #E9E9D3;
	width: 800px;
	text-align: right;
	color: #999999;
	font-size: 9px;
	/*clear: both;*/
}

.footer div
{
	float: left;
	text-align: left;
}

.footer a { color: #F4A769; }
.topspacer { height: 60px; }

.top
{
	padding: 0 30px 0 30px;
	background: url("img/header.gif") no-repeat;
	position: relative;
}

/* ------------------- navigation ------------------- */
.topnav
{
	text-align: right;
	position: absolute;
	right: 30px;
	top: 69px;
	margin: 0;
	padding: 0;
	display: block;
}

.topnav li
{
	padding: 0;
	display: block;
	list-style-type: none;
	background: none;
	float: left;
	margin: 0 0 0 25px;
	line-height: 12px;
}

.topnav a
{
	height: 12px;
	display: block;
	background-repeat: no-repeat;
	float: left;
	font-size: 10px;
	background-position: 0px 0px;
}

.topnav a:hover, .topnav a.on { background-position: 0px -14px; }

#navabout
{
	width: 40px;
	background-image: url("img/nav_about.gif");
}

#navwork
{
	width: 34px;
	background-image: url("img/nav_work.gif");
}

#navpeople
{
	width: 42px;
	background-image: url("img/nav_people.gif");
}

#navcareers
{
	width: 45px;
	background-image: url("img/nav_careers.gif");
}

#navcontact
{
	width: 48px;
	background-image: url("img/nav_contact.gif");
}

#navnews
{
	width: 34px;
	background-image: url("img/nav_news.gif");
}

.subnav
{
	float: right;
	background: none !important;
}

.subnav li
{
	line-height: 12px;
	font-size: 10px;
	margin: 0 0 9px 0;
	padding: 0;
	background: none !important;
}

.subnav a
{
	display: block;
	background-repeat: no-repeat;
	width: 75px;
	height: 9px;
	background-position: right 0px;
}

.subnav a:hover, .subnav a.on { background-position: right -9px !important; }
#subadvisors { background-image: url("img/subnav_advisors.gif"); }
#subcreative { background-image: url("img/subnav_creative.gif"); }
#subinsights { background-image: url("img/subnav_insights.gif"); }
#subwhatwedo { background-image: url("img/subnav_whatwedo.gif"); }
#subworkshops { background-image: url("img/subnav_workshops.gif"); }

/* ------------------ headers ------------------- */
h1
{
	margin: 0;
	height: 20px;
	float: left;
	font-family: georgia, times, serif;
}

h1 a
{
	background: url("img/h1.gif") no-repeat;
	height: 20px;
	display: block;
	width: 85px;
}

h2
{
	margin: 0 30px 0 30px;
	padding: 0;
	height: 30px;
	background-position: right top;
	background-repeat: no-repeat;
	clear: both;
	font-family: georgia, times, serif;
	text-align: right;
}

#h2about { background-image: url("img/h2_about.gif"); }
#h2work { background-image: url("img/h2_work.gif"); }
#h2people { background-image: url("img/h2_people.gif"); }
#h2careers { background-image: url("img/h2_careers.gif"); }
#h2contact { background-image: url("img/h2_contact.gif"); }
#h2news { background-image: url("img/h2_news.gif"); }

#h2newshome
{
	background-image: url("img/h2_news.gif");
	float: right;
	width: 64px;
	margin: 0;
}

h3
{
	background-repeat: no-repeat;
	font-size: 12px;
}

.breakleft h3
{
	margin: 0;
	padding: 0;
}

/* contact */
#h3fromtheel { background: url("img/h3_fromtheel.gif"); }

/* careers */
#h3intern
{
	background-image: url("img/h3_intern.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3creativedir
{
	background-image: url("img/h3_creativedir.gif");
	height: 40px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3strategist
{
	background-image: url("img/h3_strategist.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3intern
{
	background-image: url("img/h3_intern.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3interactivepm
{
	background-image: url("img/h3_interactivepm.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3contract
{
	background: url("img/h3_contract.gif") no-repeat right 6px;
	height: 15px;
}

#h3fulltime
{
	background: url("img/h3_fulltime.gif") no-repeat right 6px;
	height: 15px;
}

#h3howtoapply
{
	background: url("img/h3_howtoapply.gif") no-repeat right 6px;
	height: 15px;
}

/* about */
#h3whatwedo
{
	background-image: url("img/h3_whatwedo.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3advisory
{
	background-image: url("img/h3_advisory.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3insights
{
	background-image: url("img/h3_insights.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3workshops
{
	background-image: url("img/h3_workshops.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

#h3creative
{
	background-image: url("img/h3_creative.gif");
	height: 20px;
	color: #FF6600;
	font-size: 1.0em;
}

/* contact */
#h3address
{
	background: url("img/h3_address.gif") no-repeat;
	height: 8px;
	margin: 30px 0 0 0;
}

#h3location
{
	background: url("img/h3_location.gif") no-repeat;
	height: 8px;
	margin: 30px 0 8px 0;
}

#h3parking
{
	background: url("img/h3_parking.gif") no-repeat;
	height: 8px;
	margin: 30px 0 8px 0;
}

#h3ohare
{
	background: url("img/h3_ohare.gif") no-repeat;
	height: 8px;
	margin: 30px 0 8px 0;
}

#h3midway
{
	background: url("img/h3_midway.gif") no-repeat;
	height: 8px;
	margin: 30px 0 8px 0;
}

#h3elstation
{
	background: url("img/h3_fromtheel.gif") no-repeat;
	height: 8px;
	margin: 30px 0 8px 0;
}

h4
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}

/* ------------------- slogans ------------------- */
.byline
{
	background: url("img/markcom.gif") no-repeat left 7px;
	width: 165px;
	height: 57px;
	margin: 0 0 0 5px;
	float: left;
	font-family: georgia, times, serif;
	padding: 8px 0 0 0;
}

.slogan
{
	clear: both;
	height: 35px;
	background: url("img/sloganhome.gif") no-repeat;
}

.intro
{
	margin: 20px 0 0 0;
	background-repeat: no-repeat;
}

#intropeople
{
	background-image: url("img/intro_people.gif");
	height: 80px;
}

#introwork
{
	background-image: url("img/intro_work.gif");
	height: 80px;
}

/* ----------------- banner area ------------------ */
.banner
{
	margin: 0 30px 0px 30px;
	height: 247px;
	background: url("img/horizline.gif") repeat-x left 177px;
}

.banner div
{
	background: #CCCCCC;
	height: 210px;
}

.bannerhome
{
	margin: 0 30px 0px 30px;
	height: 250px;
	background: url("img/horizline.gif") repeat-x left bottom;
}

#ban div { background-image: url("img/banner1.jpg"); }
#banwhatwedo div { background-image: url("img/banner1.jpg"); }
#banadvisory div { background-image: url("img/banner2.jpg"); }
#baninsights div { background-image: url("img/banner3.jpg"); }
#banworkshops div { background-image: url("img/banner4.jpg"); }
#bancreative div { background-image: url("img/banner5.jpg"); }
#bancareers	div { background-image: url("img/banner6.jpg"); }

.horizline
{
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	background: url("img/horizline.gif") repeat-x bottom;
}

.flash
{
	border: 1px solid #E9E9D3;
	height: 295px;
}

/* ------------- column configurations -------------- */
/*.breakleft
{
	position: relative;
	left:-300px;
	width: 260px;
	text-align: right;
	background: #CCC;
	float: left;
}*/

.breakleft
{
	width: 260px;
	padding: 10px 40px 0 20px;
	float: left;
	text-align: right;
}

.rightcol
{
	
	width: 380px;
	/*margin: 0 0 0 320px;*/
	padding: 0 0 80px 0;
	line-height: 18px;
	float: left;
	
}

.breakleft2
{
	width: 260px;
	padding: 0 40px 0 20px;
	float: left;
	
}
.breakleft2 h3 {
	margin: 0;
	padding: 0;
	text-align: right;
}
.rightcol2
{
	
	width: 380px;
	/*margin: 0 0 0 320px;*/
	padding: 0 0 0 0;
	line-height: 18px;
	float: left;
	
	
}

.rightcolbios
{
	
	width: 380px;
	/*margin: 0 0 0 320px;*/
	padding: 0 0 80px 320px;
	line-height: 18px;
	float: left;
	
}


.breakleft ul
{
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
}

.halfcol
{
	line-height: 18px;
	width: 370px;
	margin: 0 30px 0 30px;
}

.halfcol2
{
	line-height: 18px;
	float: right;
	width: 360px;
	margin: 0;
}

/* ---- home page case studies ---- */
.case
{
	padding: 0 20px 0 0px;
	width: 172px;
	float: left;
	position: relative;
	font-size: 10px;
}

.case div
{
	padding: 0 0 0 18px;
	/*background:url("img/vertline.gif") repeat-y;*/
}

.case p { margin: 10px 0 0 0; }
.case h4 { font-size: 10px; }

/*.case a		{ display:block;	margin:10px 0 0 20px;		}*/
.cases
{
	/*height:275px;*/
	padding: 15px 30px 0 30px;
	line-height: 14px;
}

img.caseimg { padding: 10px 0 0 0; }
#caseone { background: none !important; }

/*.rightcol
{
	//position: relative;
	width: 380px;
	margin: 0 0 0 320px;
	padding: 0 0 80px 0;
	line-height: 18px;
	float: left;
	//background: #c63;
}*/

div.homevr
{
	background: url("img/vertline.gif") repeat-y;
	height: 220px;
	width: 1px !important;
	display: block;
	float: left;
	margin-top: 10px;
}

* html div.homevr { margin-top: 15px; }

/* ---- people ---- */
.bios
{
	height: 180px;
	margin: 0 0 0 60px;
	float: left;
}

.bio
{
	float: left;
	width: 95px;
	position: relative;
	height: 170px;
	margin: 0 0 0 30px;
	font-size: 10px;
	line-height: 14px;
}

.bio img
{
	margin: 0 0 10px 0;
	border: none;
}

.bigbio
{
	float: right;
	text-align: left;
	width: 95px;
	line-height: 14px;
	font-size: 10px;
}

.bigbio img {
	padding-bottom: 10px;
}

.viewbio
{
	clear: left;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 0px;
}

/* ---- careers ---- */
.map1
{
	margin: 0 31px 15px 0;
	border: 6px solid #DCDDDF;
}

.map2
{
	margin: 0 31px 15px 0;
	border: 6px solid #F18231;
}

/* ---- work ---- */
.work
{
	background: url("img/work.jpg") no-repeat;
	width: 260px;
	height: 295px;
	margin: 25px 0 0 25px;
	float: left;
}
#workleft
{
	float: left;
	width: 280px;
	padding: 20px 0 200px 60px;
}
#workright
{
	float: left;
	width: 360px;
	padding: 20px 0 0 0;
}

#workright p { line-height: 1.5em; }

/*--news --*/
div.newsrow img,  div.newsrow p { display: inline !important; }

div.newsrow img
{
	float: left;
	padding: 4px 0 0 0;
}

div.newsrow
{
	width: 740px;
	padding: 0 30px 35px 30px;
}

div.newshr
{
	position: relative;
	height: 4px;
	left: 30px;
	padding: 0 0px 15px 0px;
	width: 740px;
	background: url("img/horizline2.gif") repeat-x;
}

div.newsYear
{
	width: 130px;
	float: left;
}

div.newsblurb
{
	/*position: relative;
	left: 155px;*/
	display: inline;
	float: left;
	padding: 0 0 0 30px;
	width: 380px;
}

div.newspic
{
	position: relative;
	display: inline;
	top 0: ;
	left: 0;
	/*padding: 6px;*/
}

div.storyrow
{
	width: 610px;
	padding: 0 30px 35px 160px;
}

div.storyblurb
{
	/*position: relative;
	left: 155px;*/
	display: inline;
	float: left;
	padding: 0 0 0 30px;
	width: 380px;
}

div.backstory
{
	width: 145px;
	float: left;
	padding: 0;
	text-align: right;
}

h4.story1head
{
	width: 324px;
	height: 27px;
	background-image: url("img/news_headline1.gif");
}

h4.story2head
{
	width: 324px;
	height: 27px;
	background-image: url("img/news_headline2.gif");
}

/* ---- hide print elements ----*/
.printro { display: none; }
.masthead { display: none; }
.noflash { margin: 33px 0 0 0; }

.spacer
{
	font-size: 0px;
	line-height: 0px;
	height: 10px;
}

.slogan span { display: inline; }

div.intro span
{
	font-family: georgia, times, serif;
	color: #FF6600;
	font-size: 1.8em;
}