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

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

span { display: none; }

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;
}

.clear { clear: both; }

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 { 
	text-align: center;
	width: 100%;
	
}
div.clearer { 
	width: 800px;
	font-size: 0.2em;
	height: 1px;
	float: left;
	display: block;
	
}
.nonFooter
{
	margin: 0 auto 0 auto;
	/*position: relative;*/
	/*min-height: 90%;*/
	width: 800px;
	overflow: hidden;
	background: #FFF;
	text-align: left;
	padding: 0 0 25px 0;
	
}
div.row {
	display: block;
}
* html .nonFooter { /*height: 90%;*/ }

.footer
{
	/*position: relative;*/
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
	height: 25px;
	background: #d6d6d6;
	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: 10px;
}

.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");
}

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

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

.subnav li
{
	line-height: 0px;
	font-size: 0px;
	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: 75px;
}

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"); }
#h2login { background-image: url("img/h2_login.gif"); }

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

a#anewshome {
	width: 64px;
	display: block;
	padding: 0px 30px 0px 0px;
}

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;
}
#h3usex
{
	background-image: url("img/h3_usex.gif");
	height: 20px;
}
#h3prma
{
	background-image: url("img/h3_prma.gif");
	height: 20px;
}
#h3fedev
{
	background-image: url("img/h3_fedev.gif");
	height: 20px;
}
#h3srdes
{
	background-image: url("img/h3_srdes.gif");
	height: 20px;
}
#h3creativedir
{
	background-image: url("img/h3_creativedir.gif");
	height: 20px;
}

#h3aam
{
	background-image: url("img/aam.gif");
	height: 24px;
}

#h3creativedir2
{
	background-image: url("img/cd.gif");
	height: 21px;
}

/*#h3strategist
{
	background-image: url("img/h3_strategist.gif");
	height: 20px;
}*/

#h3georgia{
	font-family: times, serif;
		color: #FF6600;
		font-size: 17px;
		letter-spacing: 0px;
}
	

#h3oa {
	height: 21px;
	background: url("img/h3oa.jpg") 0px 0px no-repeat;
}

#h3sipm {
	height: 21px;
	background: url("img/h3sipm.jpg") 0px 0px no-repeat;
}

#h3intern
{
	background-image: url("img/h3_intern.gif");
	height: 20px;
}

#h3interactivepm
{
	background-image: url("img/h3_interactivepm.gif");
	height: 20px;
}

#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;
}

#h3advisory
{
	background-image: url("img/h3_advisory.gif");
	height: 20px;
}

#h3insights
{
	background-image: url("img/h3_insights.gif");
	height: 20px;
}

#h3workshops
{
	background-image: url("img/h3_workshops.gif");
	height: 20px;
}

#h3creative
{
	background-image: url("img/h3_creative.gif");
	height: 20px;
}

/* 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;
}

.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;
}

.bannerhome img { display: none; }
#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"); }

#homeG {
	height: 210px;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0px 30px;
}

#homeG div {
	height: 250px;
	width: 740px;
	display: block;
}

#homeG div img {
	position: relative;
	z-index: 1;
}

#homeG div p.to { 
	position: absolute; 
	z-index: 2; 
	top: 98px; 
	left:  95px; 
	text-transform: uppercase; 
	font: bolder 11px arial,helvetica,verdana; 
	letter-spacing: 1px;
	color: #fff;
}

#homeG div p.bo { 
	position: absolute; 
	z-index: 2; 
	top: 118px; 
	left:  26px; 
	text-transform: uppercase; 
	font: bolder 11px arial,helvetica,verdana; 
	letter-spacing: 1px;
	color: #fff;
}

.mo {
	position: absolute; 
	right: 90px; 
	top: 100px; 
	z-index: 2;	
	text-transform: uppercase; 
	font: bolder 11px arial,helvetica,verdana; 
	letter-spacing: 1px;
	color: #fff;
}
.mo2 {
	position: absolute; 
	right: 160px; 
	top: 120px; 
	z-index: 2;	
	text-transform: uppercase; 
	font: bolder 11px arial,helvetica,verdana; 
	letter-spacing: 1px;
	color: #fff;
}

.wo {
	position: absolute; 
	right: 30px; 
	top: 130px; 
	z-index: 2;	
	text-transform: uppercase; 
	font: bolder 11px arial,helvetica,verdana; 
	letter-spacing: 1px;
}

.wo2 {
	position: absolute; 
	right: 140px; 
	top: 150px; 
	z-index: 2;	
	text-transform: uppercase; 
	font: bolder 11px arial,helvetica,verdana; 
	letter-spacing: 1px;
}

#nav {position: relative; display: block; height: 32px; margin: 0px 23px;  background: url(img/work.gif) 652px -1px no-repeat;}
#nav2 {position: absolute; left: 0px; top: 5px; }
#nav2 li {
	display: block;
	height: 12px;
	width: 12px;
	float: left;
	background: none !important;
	margin: 0px; padding: 0px;
}

#nav2 li a, #nav2 li a:visited {
	display: block;
	background: url(img/icon_homeG.gif) top left no-repeat;
	height: 12px;
	width: 12px;
	margin: 5px 2px;
	outline: none;
}

#nav2 a.activeSlide, #nav2 a:hover {	background: url(img/icon_homeG.gif) bottom left no-repeat;}

.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
{
	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 15px 0 0px;
	width: 177px;
	float: left;
	position: relative;
	font-size: 10px;
}

.case div, .casefour div {
	padding: 0 0 0 18px;
}

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

.cases {
	padding: 15px 30px 0 30px;
	line-height: 14px;
}

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

.casefour { 	
	padding: 0px;
	width: 160px;
	float: left;
	position: relative;
	font-size: 10px;
}

.vr320 {
	height: 530px !important;
}

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 40px;
}
#workright { 
	float: left; 
	width: 360px;
	padding: 20px 0 0 20px;
} 
#workright p { 
	line-height: 1.5em;
}

/* ---- login ---- */
.login
{
	background: url("img/work.jpg") no-repeat;
	width: 260px;
	height: 295px;
	margin: 25px 0 0 25px;
	float: left;
}
#loginleft { 
	float: left; 
	width: 280px;
	padding: 20px 0 200px 40px;
}
#loginright { 
	float: left; 
	width: 455px;
	padding: 20px 0 0 20px;
} 
#loginright p { 
	line-height: 1.5em;
}
#loginright a
{
	text-decoration: none;
	color: #FF6600;
	font-size: 1.0em;
}
/*--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.loginhr
{
	height: 4px;
	padding: 0px 0px 15px 0px;
	width: 430px;
	background: url("img/horizline2.gif") repeat-x;
}

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

div.newsblurb
{
	display: inline;
	float: left;
	padding: 0 0 0 30px;
	width: 380px;
}

div.newspic
{
	position: relative;
	display: inline;
	top 0: ;
	left: 0;
}

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

div.storyblurb
{
	display: inline;
	float: left;
	padding: 0 0 0 30px;
	width: 380px;
}

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

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

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

div.banner img { display: none !important; }
div.work img { display: none !important; }

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

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h6 {
	visibility: hidden;
	font-size: 22px;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}

/* BOF reusable classes */
.divider { margin: 0px 30px; display: block; clear: both; height: 2px; width: 740px; background: url(img/horizline.gif) bottom left repeat-x; padding-top: 8px;}
.darkgray { color: #494949 !important; }
.pad7 { padding-top: 7px; display: block;}
/* EOF reusable classes */

/*---:[ customized case study items ]:---*/

/*---:[ master box ]:---*/
#contentarea {position: relative; display: block; width: 740px; margin-left: 20px;}
h2.homeh2 {font-family: Times; font-weight: normal; font-size: 25px; color: #c6c4c1; padding: 0px; margin: 0px; text-align: left;}
#contentarea h1 {font-size: 25px; line-height: 30px; color: #777777; padding-top: 0px; margin-top: 0px;}
#contentarea p {font-size: 12px; line-height: 19px; color: #666; padding-top: 40px;}
#aveorange {color: #ea8314;}

#stats {border: 1px solid #ea8314; padding: 10px; display: block; float: right; top: auto; margin-left: 32px; position: relative; margin-bottom: 250px; width: 287px; margin-right: 10px;}
#statslist ul li {list-style: none; position: relative; left: -18px; font-family: Arial; font-size: 11px; text-align: left;}
#statslist li {line-height: 12px; padding-bottom: 8px;}
#statslist img {padding-bottom: 5px;}
h2.statsh2 {font-family: Times; font-weight: normal; font-size: 20px; color: #ccc; padding-bottom: 0px; margin: 0px; text-align: left; margin-left: -18px;}

/*---:[ 2 column list ]:---*/
#statslist {display: block; position: relative; float: right; margin-left: 80px; margin-bottom: 10px; }
#statsleft {display: block; float: left; width: 200px;}
#statsright {display: block; float: right; width: 200px;}

/*---:[ factoids ]:---*/
#factoid {display: block; position: relative; float: left; width: 287px;}
#factoid p.believe {font-family: "Times New Roman"; font-size: 14px; color: #222; padding-top: 40px; line-height: 18px;}
#factoid p.bigstat {font-family: "Times New Roman"; font-size: 96px; color: #ea8314; letter-spacing: -6px; margin-bottom: -25px; padding-bottom: 0; line-height: 96px; border-top: 1px dotted #666;}
#factoid .percent {font-size: 60px; color: #ea8314; letter-spacing: -6px;}

/*---:[ customized 3 column case study sample ]:---*/
#3colcase {position: relative; width: 606px; display: block; float: left; overflow: hidden;}
#colh {margin-bottom: 8px; margin-top: 8px; position: relative; float: left; width: 170px; margin-right:22px;}
#coli {margin-bottom: 8px; margin-top: 8px; position:relative; float: left; width: 170px; margin-right:22px;}
#colj {margin-bottom: 8px; margin-top: 8px; position: relative; float: left; width: 170px; margin-right:22px;}
.casecap {font-size: 11px; color: #666; line-height: 16px; font-family: Arial; padding-bottom: 3px;}

#thanks {position: inherit; width: 600px; margin-top: 50px; padding: 30px;}
#thanks p.tit {font-family: "Times New Roman"; font-size: 32px; color: #ea8314; line-height: 40px; margin-bottom: 32px;}
#thanks p.titf {font-family: Arial; font-size: 18px; line-height: 26px; margin-bottom: 32px;}

#itstl-itstl {margin-top: 5px; margin-bottom: 5px; margin-right: 0; padding: 3px; border: 1px solid #ccc; font-size: 11px;}
/* #addme {background-color: #ea8314; color: #fff; font-family: Arial; border: none; font-size: 13px;} */

#clarke {position: inherit; width: 740px;; margin-top: 10px; padding: 30px;}
#clarke p.tit {font-family: "Times New Roman"; font-size: 32px; line-height: normal; margin-bottom: 20px;}
#clarke p.titf {font-family: Arial; font-size: 18px; line-height: 26px; margin-bottom: 32px;}

#wow {position: inherit; display: block; width: 740px; margin-bottom: 20px;}
#how {position: relative; display: block; float: left;}
#now  {position: relative; display: block; width: 740px;}
#now img {margin-left: 30px; border: none;}
#now a {text-decoration: none; border: none;}
#clarke .download {border: 1px dotted #333; padding: 8px; width: 160px; background-color: #efefef;}