@CHARSET "UTF-8";
/**
 * Stylesheet layout index
 *
 ** Generic Styles Not tied to a page
 *** If it's going to be "de facto" standard it should go into "undohtml.css"
 *
 ** Universal: styles that are tied to secions on every page
 *** Header: #header
 *** Footer: #footer
 *
 ** Page specific layouts
 ** then Sub Sections of those pages
 *** Home: body#home
 *** Careers: #careers
 *** Benefits: #careers #benefits
 *
 **/
body {
	color:#666666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}
/* generic */
h1,h2 {
	color: #a1a1a1;
	display: block;
}
/* all h1 tags get replaced by a CSS header */
h1, .subheader {
	text-indent: -999em;
}
a
{
	outline: none;
	color: #4D798D;
}
strong {
	font-weight: bold;
}
/******
*  pageframe = absolute max width of the page, including anything that extends beyond the colored frame
*  innerframe = standard frame where the content goes (including header and footer)
*  visible frame = the inner content with colored background
*  visiblecorners is located at the top of every page for the rounded corners
********/
.pageframe {
	font-family: verdana;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

.innerframe {
	margin: 0 auto;
	position: relative;
	width: 890px;
}

.visibleframe {
	background: #fff url(images/bg.jpg) top left repeat-y;
	clear: both;
	display: block;
	position: relative;
}

/*moed's added columns */

.moedvisibleframe {
	background: #fff url(images/moedbg.jpg) top left repeat-y;
	clear: both;
	display: block;
	position: relative;
}
.moedpageframe {
	font-family: verdana;
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

.moedinnerframe {
	margin: 0 auto;
	position: relative;
	width: 980px;
}

#moedvisiblecorners {
	left: 0;
	position: absolute;
	top: 0;
	background:url(images/moedbg_top.jpg) no-repeat;
}

.moedleftcol
{
	float: left;
	width: 660px;
}

.moedrightcol
{
	float: left;
	padding: 0 0 0 0px;
	width: 210px;
}
.newmoedleftcol
{
	float: left;
	width: 730px;
}

.newmoedrightcol
{
	float: left;
	padding: 0 0 0 0px;
	width: 230px;
}

/* end moed's columns */

#visiblecorners {
	left: 0;
	position: absolute;
	top: 0;
	background:url(images/bg_top.jpg) no-repeat;
}

#visiblelabcorners {
	left: 0;
	position: absolute;
	top: 0;
	background:url(images/topbanner.jpg) no-repeat;
}

/* the container is used to overcome "quirks" related to floating content, provides blocks */
.container {
	clear: both;
	color: #666666;
	display: block;
	position: relative;
	width: 100%;
}

/*standard two col - almost even */
.leftcol {
	float: left;
	width: 440px;
}

.rightcol {
	float: left;
	padding: 0 0 0 40px;
	width: 380px;
}

/* wider leftcol */
.threequarter .leftcol {
	width: 70.8%;
}
.threequarter .rightcol {
	width: 25.8%;
}

/* all content should live in a contentblock to give it padding.
   putting the margin on this level overcomes IE box model problems*/
.loginblock
{
	padding: 50px 50px 50px 200px;
	clear: both;
	display: block;
	margin: 0 10px;
	overflow: hidden;
}


.contentblock {
	clear: both;
	display: block;
	margin: 0 10px;
	overflow: hidden;
}
.contentblock input {
	margin: 10px auto;
}
.contentblock a.featurelink {
	float: left;
	margin: 10px 0;
}
/* not good for accessibility, but it looks better */
div.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

ul.nav li {
	float: left;
	clear: right;
}

ul.bulletlist li {
	padding: 0 0 0 10px;
	background: url("pics/small_bullet.gif") no-repeat left 7px;
}

.leftfloat {
	float: left !important;
}

.rightfloat {
	float: right !important;
}

/* ul.linklist is used when there is the right-facing arrow before the link.*/
ul.linklist {
	display: block;
	clear: both;
	margin: 3px 0 0;
}

ul.linklist li {
	font-size: 14px;
	line-height: 1.4em;
	background: url(pics/arrow_green.gif) 0 .5em no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none
}
ul.linklist li li a {
	background: none;
}
h2.sectiontitle {
	margin: 0 0 18px;
	text-indent: 0;
}

/* initially used on contact page, may be used elsewhere? */
/* Hi! I'm a random comment in the middle of a CSS file. */
form {
	margin: 0 0 20px;
	overflow: hidden;
}

.formcol {
	width: 235px;
	float: left;
}

label {
	display: block;
	clear: both;
	color: #999999;
}

input {
	margin: 2px 0 10px;
	border: 1px solid #d5d5d5;
	width: 212px;
}
textarea {
	width: 446px;
	height: 75px;
	margin: 2px 0 6px;
	border: 1px solid #d5d5d5;
}
select {
	width: 297px;
	margin: 2px 0 10px;
	border: 1px solid #d5d5d5;
	font-family: verdana, arial, helvetica, sans-serif;
}
form.search {
	margin:0px;
}
form.search input {
	margin:0px;
	vertical-align:top;
	margin-left:5px;
	width:150px;
}
.submitbutton,
form.search input.submitbutton {
	width: auto;
	border: none;
}
.note,
div.overTxtDiv {
	font-size: 12px;
	color: #ccc;
}

/**
 * Main: Universal
 * Sub: Footer
 * #footer
 */
#header {
}

#header ul#topnav {
	float: right;
	margin: 40px 0 0;
	height: 34px;
}

#header ul#contactlinks {
	float: right;
	margin: 15px 0 0;
}

#header ul#contactlinks li {
	float: left;
	padding: 0 0 0 0px;
}

#header img#logo {
	float: left;
	margin: 20px 0 15px 0
}

#header ul#topnav li, #header ul#topnav li.last
{
	color: #C0D72F;
	margin: 0 10px 0 0;
	position: relative;
	z-index: 10;
}

#header ul#topnav li.last {
	margin: 0
}

#header ul#topnav li img {
	margin: 0
}

#header ul#topnav li ul {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 20;
}

#header ul#topnav li ul li
{
	margin: 0;
	padding: 6px 10px 6px 10px;
	background-color: #4D798D;
}

#header ul#topnav li ul li.corner {
	padding: 0;
	background: none;
}

#header ul#topnav li ul li a:link,
#header ul#topnav li ul li a:active,
#header ul#topnav li ul li a:visited {
	color: #ffffff;
}

#header ul#topnav li ul li.selected a:link, 
#header ul#topnav li ul li.selected a:active, 
#header ul#topnav li ul li.selected a:visited
{
	color: #96B3BE;
}
#header ul#topnav li ul.subnavwhat {
	width: 450px;
	left: -12px;
}
#header ul#topnav li ul.subnavcareers {
	width: 320px;
	left: -220px;
}
#subnav {
	background: url(pics/bg_subnav.jpg) top left no-repeat;
	height: 37px;
	margin-top: 20px;
	width: 890px;
}
/* used on the homepage for the book, may have other uses */
.pageframe #rightfooteroverlay {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
/**
 * Main: Universal
 * Sub: Footer
 * #footer
 */
#footer
{
	background-color: #96B3BE;
	clear: both;
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 0 0 20px;
	position: relative;
}
#footer p
{
	margin: 5px 0 0 50px;
	color: #FFFFFF;
	background-color: #96B3BE;
}
#footer ul {
	margin: 10px 0 0 50px;
}
#footer a {
	color: #fff;
}
#footer #limelightdiv
{
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 585px;
	height: 0;
	overflow: hidden;
	background-color: #4D798D;
	color: #fff;
}
#footer #limelightdiv .formcontainer #errormessage {
	display: none;
	width: 250px;
	padding: 0 0 5px;
	color: #f00;
}
#footer #limelightdiv #confirmation {
	display: none;
	width: 200px;
	padding: 0 0 0 40px;
}
#footer #limelightdiv .closebutton {
	padding: 5px 0 0 5px;
}
#footer #limelightdiv .copy {
	width: 245px;
	padding: 0 0 25px 40px;
}
#footer #limelightdiv .copy img.header {
	display: block;
}
#footer #limelightdiv .formcontainer {
	width: 200px;
	padding: 0 0 0 30px;
}
#footer #limelightdiv .formcontainer input[type='text'] {
	width: 140px;
	display: block;
	margin: 0 0 5px;
	padding: 2px;
}
#footer #limelightdiv .formcontainer input[type='image'] {
	margin: 4px 0 0 0;
}
#footer #limelightdiv .formcontainer input[type='text'].error {
	border: 1px solid #f00;
}
#footer #limelightdiv .formcontainer a {
	font-size: 0.9em;
}
#footer #teaserbar
{
	position: relative;
	width: 100%;
	height: 29px;
	background-color: #4D798D;
	color: #fff;
}
#footer #teaserbar .tnpulselink img {
	float: left;
	margin: 5px 0 0 50px;
}
#footer #teaserbar .tnpulselink ul {
	float: left;
	margin: 5px 0 5px 10px;
	line-height: 1.4em;
}
#footer #teaserbar .tnpulselink li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: url(pics/arrow_white.gif) left 5px no-repeat;
}
#footer ul.nav {
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	width: 80%;
}

/**
 * Main: Home
 * body#home
 */
body#home .bigflashypiece {
	display:block;
	padding:0 0 0;
	margin: 0 0 5px;
}

body#home .leftcol {
	width: 508px;
}

body#home .rightcol {
	float: right;
	padding: 0;
	width: 382px;
}
body#home #workteaser {
	margin: 30px 0 0 40px;
	position: relative;
	width: 468px;
}
body#home #workteaser .content {
	margin: 0 0 0 40px;
}
body#home #workteaser h2 {
	margin: 0 0 15px;
}
body#home #workteaser h5 {
	padding: 26px 0 5px;
	font-weight: bold;
	font-size: 1.4em;
}
body#home #workteaser p.copy {
	margin: 5px 0 0 0;
}
body#home .shadows{
	margin-left: 5px;
	position: relative;
	z-index: 100;
}
body#home #shadowTop{
	margin-top: -10px;
	margin-bottom: -24px;
}
body#home #shadowBottom{
	margin-top: -14px;
	margin-bottom: -14px;
}
body#home #workteaser #scroller {
	height: 342px;
	margin: 10px 0 0 20px;
	overflow: auto;
	width: 445px;
}
body#home #workteaser #scroller.mask {
	overflow: hidden;
	position: relative;
}
body#home #workteaser #box {
	position: relative;
}
body#home #workteaser #box div {
	background: url('pics/scroller-background.gif') no-repeat 0 0;
	display: block;
	float: left;
	height: 298px;
	padding: 13px 0 0 15px;
	width: 414px;
}
body#home #workteaser #scroller.mask #box div {
	height: 294px;
	padding-top: 14px;
}
body#home #workteaser .buttons {
	clear: both;
	cursor: pointer;
	display: block;
	margin: 0 0 0 215px;
	padding: 5px;
	position:relative;
	text-align: center;
	width: 18px;
	z-index:1010;
}
/* body#home #cultureteaser */
body#home #cultureteaser {
/*	background: url(pics/culture_pug.png) bottom left no-repeat;
	moved this bad boy inline to account for the bad IE6 behavior with PNG's.
	That is, unless I get around to allowing background positioning in the alpha
	script. It's possible.
*/
	height: 560px;
	margin: 120px 0 0;
	padding: 0 0 40px 80px;
}

body#home #cultureteaser h2.sectiontitle {
	margin: 0  0 20px;
}

body#home #cultureteaser a.featurelink {
	margin: 15px 0 0 0;
}

body#home #cultureteaser h3 {
	font-size: 25px;
	height: 25px;
	width: 400px;
}

body#home #cultureteaser .featureimage {
	position: absolute;
	bottom:0;
	left:0;
}

body#home #labteaser {
	margin: 30px 0 0 30px;
}

body#home #labteaser p {
	width: 234px;
	padding: 5px 0 0 10px;
}

body#home #labteaser img.lablogo {
	float: left;
	margin-top: -2px;
}

body#home #clientteaser .linklist {
	margin-left: 42px;
	margin-bottom: 20px;
}

body#home #blogteaser {
	margin: 40px 0 0 30px;
}

body#home #blogteaser .blogpost {
	padding: 0 40px 17px 0;
}

body#home #blogteaser .blogpost .title
{
	font-weight: bold;
	font-size: 1.4em;
	font-family: Arial;
	color: #4D798D;
}

body#home #blogteaser .blogpost .title .date
{
	font-weight: normal;
	font-size: 0.9em;
	color: #96B3BE;
}

body#home #blogteaser .blogpost .title .rssicon {
	margin: 2px 0 0 0;
}

body#home #blogteaser .blogpost .author {
	padding: 5px 0 0;
	font-size: 0.9em;
}

body#home #blogteaser .blogpost .excerpt {
	padding: 20px 0 0;
}

body#home #newsteaser {
	margin: 50px 0 0 10px;
}

body#home #newsteaser h2 {
	margin: 0 0 0 20px;
}

body#home #newsteaser .headercontainer {
	position: relative;
}

body#home #newsteaser .headercontainer img.rssicon {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 90px;
}

body#home #newsteaser .newsitems {
	margin: 20px 40px 10px 0;
}

body#home #newsteaser .newsitem {
	padding: 10px 15px 10px 20px;
}

body#home #newsteaser .newsitem.even {
	background-color: #f2f6d5;
}

body#home #newsteaser .newsitem .title {
	width: 275px;
	color: #4D798D;
}

body#home #newsteaser .newsitem .icon {
	padding: 0 0 0 5px;
}

body#home #newsteaser .newsitem .title.audio {
	background: url("pics/audio_icon.gif") right center no-repeat;
}

body#home #newsteaser .newsitem .title.podcast {
	background: url("pics/podcast_icon.gif") right center no-repeat;
}

body#home #newsteaser ul.linklist {
	margin: 3px 0 0 20px;
}

body#home #bookteaser {
	margin: 50px 30px 200px 30px;
}

body#home #bookteaser .header,
body#home #cultureteaser .header,
body#home #labteaser .header,
body#home #blogteaser .header {
	margin: 0 0 18px 0;
}

body#home #newsteaser .newsitem .publication {
}
body#home #quicklink {
	display: none;
}
/**
 * Main: who we are
 * body#who
 */
body#who .rightcol {
	padding: 0
}
body#who .rightcol img {
	margin-bottom: 10px;
}
body#who .contentblock {
	margin: 0 0 0 45px;
}
body#who .rightcol .contentblock p {
	margin: 0 0 20px;
	font-size: 0.9em;
}
body #who #timelineblock {
	float: left;
}
body#who #managementblock {
	margin: 90px 0 0 0;
}
body#who .historyzoneleftcol {
	width: 461px;
}
body#who #historyblock {
	margin: 40px 0 70px 45px;
}
body#who .eventszone {
	width: 420px;
}
body#who #eventsblock {
	margin: 40px 0 70px 25px;
}
body#who #eventsblock h2.sectiontitle {
	margin: 0 18px 0 25px;
}
body#who #eventsblock .featuredevent {
	margin: 180px 0 0 20px;
}
body#who #eventsblock .featuredevent .title {
	font-size: 1.2em;
}
body#who #eventsblock .featuredevent a.eventlink {
	display: block;
	padding: 5px 0;
	font-size: 1.2em;
}
body#who #eventsblock .featuredevent ul.linklist {
	margin: 16px 0 0;
}
/*End who we are section*/

/**
 * Main: What We Do
 * body#what
 */
body#what .collage {
	position: relative;
	height: 358px;
	margin: 60px 0 0 0;
	background: #fff url(pics/bg.jpg) 45px top repeat-y;
}

body#what .collage img {
	position: absolute;
	top: 23px;
}

body#what .collage #img1 {
	left: 7px;
}

body#what .collage #img2 {
	left: 164px;
}

body#what .collage #img3 {
	left: 380px;
	top: 0
}

body#what .collage #img4 {
	left: 486px;
	top: 125px;
}

body#what .collage #img5 {
	left: 477px;
	top: 25px
}

body#what .collage #img6 {
	left: 595px;
	top: 123px;
}

body#what .collage #img7 {
	left: 709px;
	top: 0;
}
body#what .leftcol {
	width: 42%;
}
body#what .rightcol {
	float: right;
	padding: 0 40px 0 0;
}
body#what .contentblock .leftcol div {
	padding: 10px 0 0 55px;
}

body#what .contentblock .rightcol div {
	padding: 10px 0 0 30px;
}

body#what #offeringsblock ul.linklist,
body#what #industriesblock ul.linklist {
	margin: 8px 0 0;
}

body#what #clientblock {
	padding: 40px 0 40px 95px;
}
body#what #clients {
	width: 100%;
}
body#what #clients ul#clientlist {
	clear: both;
	margin: 10px 0 10px 55px;
	text-align: center;
}

body#what #clients ul#clientlist li {
	display: inline;
	float: left;
}
body#what #clients ul.linklist {
	margin: 0 0 30px 55px;
}

/* What We Do -> Tool Tips */
body#what .toolTip {
	width: 250px;
}
body#what .toolTip .tip-top {
	background: url(pics/tooltip-tip.gif) no-repeat 2em 0;
	height: 12px;
}
body#what .toolTip .tip-title {
}
body#what .toolTip .tip
{
	background: #96B3BE;
	color: #fff;
	padding: 15px;
}

/**
 * Main: What We Do
 * Sub: Offerings
 * body#what #offerings
 */
body#what #offerings #offeringscontainer {
	margin: 0 0 0 0;
}

body#what #offerings .leftcol,
body#what #offerings .rightcol {
	width: 360px;
	padding: 0 30px 0 47px;
}

body#what #offerings .rightcol {
	float: left;
}

body#what #offerings .offering {
	padding: 40px 0 0 0;
}

body#what #offerings .offering .copy ul {
	margin: 15px 0 15px 0;
}

body#what #offerings .offering .copy ul li ul {
	margin: 0 0 0 15px;
}

body#what #offerings .offering .copy div.suggestedlinks {
	padding: 0 60px 0 0;
}

body#what #offerings .offering .copy div.suggestedlinks h3 {
	padding: 0 0 10px 0;
	border-bottom: 2px solid #dadada;
}

body#what #offerings .offering .copy div.suggestedlinks ul {
	margin: 0;
}

body#what #offerings .offering .copy div.suggestedlinks ul li {
	padding: 5px 0 5px 0;
	list-style: none;
	list-style-position: outside;
	border-bottom: 1px solid #dadada;
}

/**
 * Main: What We Do
 * Sub: Industries
 * body#whatindustries
 */
body#whatindustries h1 {
	background: url(pics/industries_header.gif) 45px 30px no-repeat;
	height: 77px;
	width: 285px;
}

body#whatindustries #introblock {
	margin: 30px 45px 15px 45px;
}

body#whatindustries div#practiceblock {
	margin: 0 0px 100px 0px;
}

body#whatindustries div#practiceblock div {
	margin: 20px 0 0 0;
}

body#whatindustries div#practiceblock div ul {
	width: 230px;
	margin: 0 0 30px 50px;
}

/**
 * Main: What We Do
 * Sub: Industries Overlays
 * body#whatindustries.overlay
 */
body#whatindustries.overlay {
	font-size: 0.7em;
	line-height: 1.4em;
}
body#whatindustries.overlay .pageframe {
	width:100%;
}
body#whatindustries.overlay .innerframe {
	width: 100%;
}
body#whatindustries.overlay .firstcontainer {
	margin: 0;
	width: 100%;
}
body#whatindustries.overlay .container {
	margin: 0 0 0 60px;
	width: 720px;
}
body#whatindustries.overlay h1 {
	height: 124px;
	width: 476px;
}
body#whatindustries.overlay h2 {
	height: 28px;
	margin: 20px 0 10px;
	width: 616px;
}
body#whatindustries.overlay h3,
body#whatindustries.overlay h4 {
	border-bottom: 2px solid #e9e9e9;
	font-weight: bold;
	padding: 0 0 5px;
}
body#whatindustries.overlay h4 {
	background: url(pics/industries/suggested_linking.gif) no-repeat 0 0;
	height: 29px;
	margin: 20px 0 0;
	padding: 0 0 10px;
	text-indent: -999em;
}
body#whatindustries.overlay img {
	float: right;
}
body#whatindustries.overlay p {
	padding: 7px 0 12px;
	width: 345px;
}
body#whatindustries.overlay ul {
	margin: 0 0 0 0;
}
body#whatindustries.overlay li {
	position: relative;
	padding: 0 0 0 10px;
}
body#whatindustries.overlay .leftcol,
body#whatindustries.overlay .rightcol {
	width: 45%;
}
body#whatindustries.overlay .rightcol {
	float: left;
	margin: 0 0 0 50px;
	padding: 0 0 0 0;
}
body#whatindustries.overlay .leftcol ul,
body#whatindustries.overlay .rightcol ul{
	list-style-type: none;
	margin: 0;
}
body#whatindustries.overlay .leftcol li,
body#whatindustries.overlay .rightcol li {
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
}
body#whatindustries.overlay .MultiBoxClose {
	background: url(pics/close_btn.gif) no-repeat 100% 0;
	color: #4D798D;
	line-height: 1em;
	padding: 1px 27px 0 0;
	right: 20px;
	top: 20px;
	width: auto;
	z-index: 10;
}
/* overlay bmfg */
body#whatindustries.overlay.bmfg h1 {
	background: url(pics/industries/branded_manufacturing.gif) no-repeat 60px 30px;
}
body#whatindustries.overlay.bmfg h2 {
	background: url(pics/industries/more_about_our_branded_manufacturing_practice.gif) no-repeat 0 0;
	text-indent: -999px;
}
/* overlay cpg */
body#whatindustries.overlay.cpg h1 {
	background: url(pics/industries/consumer_packaged_goods.gif) no-repeat 2px 0;
}
body#whatindustries.overlay.cpg h2 {
	background: url(pics/industries/more_about_our_CPG_practice.gif) no-repeat 0 0;
	text-indent: -999px;
}
body#whatindustries.overlay.cpg p {
	width: 355px;
}
/* overlay retail */
body#whatindustries.overlay.retail h1 {
	background: url(pics/industries/retail.gif) no-repeat 2px 0;
	height: 94px;
}
body#whatindustries.overlay.retail h2 {
	background: url(pics/industries/more_about_our_retail_practice.gif) no-repeat -3px 0;
	text-indent: -999px;
}

/**
 * Main: What We Do
 * Sub: Partners
 * body#whatpartners
 */
body#whatpartners #partnerblock {
	width: 480px;
	margin: 0 0 0 60px;
}
body#whatpartners #partnerblock h2 {
	margin: 0 0 10px;
}
body#whatpartners #partnerblock div {
	width: 220px;
	margin: 0 0 15px;
}
body#whatpartners #partnerblock div img,
body#whatpartners #partnerblock div p {
	margin: 10px 20px;
}
body#whatpartners #partnerrosterblock {
	display: block;
	margin: 0 0 40px;
	padding: 0;
	overflow: hidden;
}
body#whatpartners #partnerrosterblock ul {
	margin: 0;
	padding: 0;
}
body#whatpartners #partnerrosterblock li {
	margin: 0 0 10px;
	width: 240px;
}
body#whatpartners #partnerrosterblock li li {
	width: auto;
	margin: 0 0 0 0;
}

/**
 * Main: What We Do
 * Sub: Work Examples
 * body#whatpartners
 */
body#whatworkexamples .filterblock {
	margin: 0 0 0 47px;
}

body#whatworkexamples .filterblock .toggleblock img {
	margin: -3px 0 0 0;
}

body#whatworkexamples .filterblock .toggleblock .filtertext {
	padding: 3px 0 10px 5px;
	font-size: 1.4em;
}

body#whatworkexamples .filterblock .filters {
	display: none;
	margin: 0 0 0 0;
}

body#whatworkexamples .filterblock .filters h3 {
	margin: 0 0 15px 0;
}

body#whatworkexamples .filterblock .filters a {
	color: #96B3BE;
}

body#whatworkexamples .filterblock .filters .leftfilters {
	width: 240px;
	padding: 0 35px 0 0;
}

body#whatworkexamples .filterblock .filters .rightfilters {
	width: 500px;
}

body#whatworkexamples .filterblock .filters .rightfilters .header {
	margin: 0 0 20px 0;
	border-bottom: 2px solid #dadada;
}

body#whatworkexamples .filterblock .filters .rightfilters .header h2 {
	float: left;
	height: 35px;
	margin-bottom: 0px;
}

body#whatworkexamples .filterblock .filters .rightfilters .left {
	padding: 0 20px 0 0;
}

body#whatworkexamples .filterblock .filters li,
body#whatworkexamples .filterblock .filters li.selected {
	width: 235px;
	margin: 0 0 2px 0;
	padding: 2px 0 0px 5px;
	color: #96B3BE;
}

body#whatworkexamples .filterblock .filters li.selected a {
	color: #fff;
}

body#whatworkexamples .filterblock .filters li.selected {
	background-color: #96B3BE;
	color: #fff;
}

body#whatworkexamples .filterblock .filters .toggleimage {
	margin: 2px 0 0 0;
}

body#whatworkexamples .filterblock .filters li.filter a {
	display: block;
	padding: 0 5px 0 5px;
}

body#whatworkexamples .filterblock .filters li.filter span {
	display: block;
	padding: 0 0 2px 5px;
}

body#whatworkexamples .filterblock .filters h2.bb {
	height: 35px;
	border-bottom: 2px solid #dadada;
}
body#whatworkexamples #casestudies {
	width: 830px;
	margin: 30px 0 150px 47px;
}
body#whatworkexamples #casestudies .thumbnail {
	height: 200px;
	margin: 0 20px 20px 0;
}
body#whatworkexamples #casestudies .thumbnail .thumb {
	background: url(pics/thumbnail_background.gif) 0 0 no-repeat;
	height: 139px;
	margin: 0 0 5px;
	padding: 12px 12px;
	width: 230px;
}
body#whatworkexamples #casestudies .thumbnail .title {
	padding: 0 0 0 4px;
}

/**
 * Main: What We Do
 * Sub: Case Study
 * body#whatcasestudy
 */
body#whatcasestudy ul.linklist {
	width: auto;
}
body#whatcasestudy ul.linklist li {
	background: transparent url(pics/arrow_green.gif) no-repeat scroll 3px 4px;
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0 0 0 12px;
}
body#whatcasestudy h2.bb {
	border-bottom: 2px solid #dadada;
	padding: 0 0 15px;
}

body#whatcasestudy .headerlinks {
	border-bottom: 1px solid #dadada;
	margin: 0 47px 50px 47px;
	padding: 50px 0 10px;
}
body#whatcasestudy #scroller {
	height: 550px;
	margin: 0;
	overflow: auto;
	width: 907px;
	z-index:8;
}
body#whatcasestudy #scroller.mask {
	overflow: hidden;
	position: relative;
}
body#whatcasestudy #scroller #box {
	float: left;
	position: relative;
}
body#whatcasestudy #scroller #box .slide {
	display: inline;
	float: left;
	height: 538px;
	padding: 0 45px;
	width: 800px;
}
body#whatcasestudy #scroller #box div div {
	padding: 0;
}
body#whatcasestudy .buttons {
	clear: both;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 65px;
	width: 27px;
	z-index: 9;
}
body#whatcasestudy #leftslider {
	display: none;
	left: -14px;
}
body#whatcasestudy #rightslider {
	display: none;
	right: -14px;
}
body#whatcasestudy #scroller #box ul.linklist {
	 margin-top: 10px;
}
body#whatcasestudy #scroller #box div.slide1 {
	width: 100%;
}
body#whatcasestudy #scroller #box img.logo {
	display: block;
	padding: 70px 0 20px;
}
body#whatcasestudy #scroller #box p.introtext {
	font-size: 1.1em;
	padding: 20px 0 0;
	width: 300px;
}
body#whatcasestudy #scroller #box p {
	padding-bottom: 10px;
	font-size: 0.9em;
}
body#whatcasestudy .copy img.logosmall {
	margin: 0 0 10px 0;
}
body#whatcasestudy .copy {
	width: 215px;
}
body#whatcasestudy .copy p {
	padding-bottom: 10px;
	font-size: 0.9em;
}
body#whatcasestudy #scroller #box .container {
	width: 100%;
}
body#whatcasestudy #scroller #box .container h2.sectiontitle {
	border-bottom: 2px solid #e9e9e9;
	height: 24px; /* set so the images bottom will align after replacement */
	margin: 0;
	padding-bottom: 10px;
}
body#whatcasestudy #scroller #box .leftcol,
body#whatcasestudy #scroller #box .rightcol {
	width: 46.5%;
}
body#whatcasestudy #scroller #box .leftcol {
	margin: 0 40px 0 0;
}
body#whatcasestudy #scroller #box .rightcol {
	float: left;
}
body#whatcasestudy #scroller #box .leftcol li,
body#whatcasestudy #scroller #box .rightcol li {
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
}
body#whatcasestudy #handlesContainer {
	clear: both;
	height: 13px;
	left: 45px;
	overflow: visible;
	position: relative;
	top: -45px;
	width: 400px;
	z-index: 8;
}
body#whatcasestudy #handlesContainer #handleMask,
body#whatcasestudy #handlesContainer #handles {
	height: 12px;
	position: absolute;
	top: 0;
	width: 100%;
}
body#whatcasestudy #handlesContainer #handles span {
	cursor: pointer;
	display: block;
	float: left;
	height: 12px;
	width: 20px;
}
body#whatcasestudy #handlesContainer #handleMask {
	background: url(pics/slide_fill.gif) no-repeat 0 1px;
	left: 5px;
	top: -1px;
	width: 15px;
}
body#whatcasestudy #handlesContainer #handles span {
	background: url(pics/slide_open.gif) no-repeat 0 0;
}
body#whatcasestudy #handlesContainer :focus {
	outline: 0;
}
/**
 * Main: What We Do
 * Sub: Case Studies Forward Form
 * body#whatworkexample #forward
 */
body#forward .MultiBoxClose {
	width: auto;
	top: 15px;
	right: 15px;
	padding: 0 27px 0 0;
	z-index: 10;
	background: url(pics/close_btn.gif) no-repeat 100% 0;
	line-height: 1em;
	color: #4D798D;
}

body#forward .container {
	width: auto;
	padding: 30px 0 0 47px;
}

body#forward h2 {
	width: 189px;
	height: 60px;
	text-indent: -999px;
	background: url("pics/forwardform/forward_header.gif") left top no-repeat;
}

body#forward h3 {
	width: 483px;
	height: 22px;
	padding: 0 0 20px 0;
	text-indent: -999px;
	border-bottom: 2px solid #dadada;
	background: url("pics/forwardform/forward_subheader.gif") left top no-repeat;
}

body#forward #forwardform {
	width: 483px;
	padding: 20px 0 0 0;
	overflow: visible;
}

body#forward #forwardform #errorbox {
}

body#forward #forwardform #errorbox.error {
	color: #cc0000;
}

body#forward #forwardform #message {
	width: 480px;
}

body#forward #forwardform input.text {
	width: 235px;
}

body#forward .disclaimer a:link,
body#forward .disclaimer a:active,
body#forward .disclaimer a:visited {
	text-decoration: underline;
	color: #aeaeae;
}

/* End What Section */

/**
 * Main: What We Do
 * Sub: Clients
 * body#what #clients
 */
body#what #clients h1 {
	background: url('pics/clients_header.gif') 100% 100% no-repeat;
	height: 122px;
	width: 418px;
}
body#what #clients .leftcol {
	width: 360px;
}
body#what #clients ul#clientsLogos {
	overflow: hidden;
	margin: 0 0 0 47px;
}
body#what #clients ul#clientsLogos li {
	display: inline;
	float: left;
	width: 150px;
	height: 100px;
	margin: 0 5px 10px 0;
	line-height: 100px;
}
body#what #clients ul#clientsLogos li img {
	vertical-align: middle;
}

body#what #clients .rightcol {
	width: 480px;
	padding: 0 0 0 40px;
}

body#what #clients .rightcol .header {
	margin: 0 0 20px 15px;
}

body#what #clients .rightcol .header h2.sectiontitle {
	margin: 0 0 5px 0;
}

body#what #clients #clientslist {
	margin: 0 0 150px 0;
}

body#what #clients #clientslist li.casestudy {
	background: url("pics/case_study_icon.gif") 0 5px no-repeat;
}

body#what #clients #clientslist ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}

body#what #clients #clientslist ul li ul {
	margin: 5px 0 0 0;
}

body#what #clients #clientslist .left,
body#what #clients #clientslist .right {
	width: 200px;
	padding: 0 30px 0 0;
}

/**
 * Main: What We Do
 * Sub: Partners
 * body#what #partners
 */
body#what #partnerblock {
	margin: 0 0 0 60px;
	width: 480px;
}
body#what #partnerblock li {
	float: left;
	margin-bottom: 15px;
	width: 220px;
}
body#what #partnerblock li img,
body#what #partnerblock li p {
	margin: 10px 20px;
}
body#what #partnerrosterblock {
	display: block;
	margin: 0 0 40px;
	overflow: hidden;
	padding: 0;
}
body#what #partnerrosterblock li {
	margin-top: 5px;
	width: 240px;
}
body#what #partnerrosterblock li li {
	list-style-type: disc;
	margin-top: 0;
	margin-left: 30px;
	width: auto;
}
/* End What Section */

/**
 * Main: contact
 * body#contact
 */
body#contact .leftcol {
	width: 555px;
}
body#contact .rightcol {
	width: 300px;
	padding: 0;
}
body#contact h2.sectiontitle {
	margin: 0;
}
body#contact #phonecontainer {
	padding: 0 0 0 15px;
}
body#contact #sendamessage {
	padding: 0 0 0 15px;
}
body#contact #sendamessage form {
	margin: 10px 0 0;
}
body#contact #sendamessage .messageblock {
	padding: 10px 0px;
}
body#contact #sendamessage .messageblock .error {
	color: #c00;
}
body#contact #sendamessage .messageblock .confirmation {
	font-weight: bold;
}
body#contact #workingwithus {
	margin: 35px 30px 40px 45px;
}
body#contact #workingwithus p {
	margin: 10px 0 0;
}
body#contact #storeourinfo {
	padding: 40px 0 0 15px;
}
body#contact #storeourinfo p {
	padding: 15px 0 15px;
}
body#contact #getintouch {
	padding: 50px 0 40px 15px;
}
body#contact #getintouch p.emails {
	margin: 0 0 10px 0;
}
body#contact .phonebox {
	position: relative;
	height: 224px;
	margin: 15px 0 0;
	padding: 25px 0 45px;
}
body#contact .phonebox .phoneimage {
	position: absolute;
	right: 0;
	top: 0;
}
body#contact .phonebox .copy {
	padding: 25px 25px 25px 25px;
	background-color: #f5f9d8;
}
body#contact .phonebox h3 {
	width: 300px;
	height: 60px;
	font-size: 35px;
}
body#contact .phonebox h3.call {
	width: 210px;
	height: 60px;
	margin-top: 15px;
	font-size: 35px;
}
body#contact .servicebox {
	position: relative;
	height: 180px;
	margin: 15px 0 0;
	padding: 25px 0 45px;
}
body#contact .servicebox .phoneimage {
	position: absolute;
	right: 0;
	top: 0;
}
body#contact .servicebox .copy {
	padding: 25px 25px 25px 25px;
	background-color: #f5f9d8;
}
body#contact .servicebox h3 {
	width: 300px;
	height: 60px;
	font-size: 35px;
}
body#contact .servicebox h3.call {
	width: 210px;
	height: 60px;
	margin-top: 15px;
	font-size: 35px;
}

body#contact div#getintouch h2.sectiontitle {
	margin: 20px 0 10px;
}
/**
 * Main: contact
 * sub: stay and play
 * body#contact #stayplay
 */
body#contact #stayplay .subcopy {
	margin: 10px 0;
	font-size: .9em;
	line-height: 1.5em;
}
body#contact #stayplay .leftcol {
	width: 60%;
}
body#contact #stayplay .rightcol {
	float: right;
	width: 40%;
}
body#contact #stayplay .rightcol .hotel {
	clear: both;
	display: block;
}
body#contact #stayplay .rightcol .hotel img {
	float: left;
	margin: 10px 20px 10px 0;
}
body#contact #stayplay .rightcol .hotel a,
body#contact #stayplay .rightcol .hotel div {
	font-size: .8em;
}
body#contact #stayplay .rightcol .hotel h3 {
	float: left;
	margin: 30px 0 0;
}
body#contact #stayplay .rightcol .hotel h3 a{
	font-size: 1.3em;
	font-weight: normal;
}
body#contact #stayplay .rightcol .hotel ul {
	clear: none;
}
body#contact #stayplay #quote {
	background: url(pics/ice-cream.gif) 100% 100% no-repeat;
	height: 390px;
	margin: 30px 0;
	width: 100%;
}
/* End contact section */

/*Media section*/
body#media .leftcol {
	width: 420px;
}

body#media .rightcol {
	width: 420px;
	padding: 0;
}

body#media .contentblock {
	margin: 0 0 0 45px;
}

body#media #inthepressblock {
	margin-top: 30px;
}

body#media #inthepressblock h2.bb,
body#media #pressreleasesblock h2.bb {
	margin: 0;
}

body#media #inthepressblock ul.linklist,
body#media #pressreleasesblock ul.linklist	 {
	margin-top: 10px;
}

body#media #pressreleasesblock {
	margin-top: 30px;
}

body#media .mediacontact {
	padding: 20px 0 0;
}

body#media #podiumblock {
	margin-top: 30px;
	margin-right: 45px;
}

body#media #podiumblock .leftcol {
	width: 375px;
}

body#media #podiumblock .rightcol {
	width: 375px;
	margin: 0 0 0 45px;
}

body#media #podiumblock .featuredeventcontainer {
	width: 370px;
	height: 185px;
}

body#media #podiumblock .featuredeventdetails {
	padding: 110px 0 0 170px;
}

body#media #factsblock {
	margin-top: 30px;
}

body#media #factsblock div.kitblock {
	width: 345px;
	padding: 20px 0 20px 25px;
	background-color: #f2f5d3;
}

body#media #factsblock div.copy {
	width: 80%;
	padding: 0 0 0 25px;
}

body#media #mantleblock {
	position: relative;
	margin-top: 30px;
	margin-bottom: 100px;
}

body#media #mantleblock p {
	width: 230px
}

body#media #mantlebling {
	position: absolute;
	right: -60px;
	bottom: 180px;
}

body#media div.pressreleasearticles {
	padding: 0 0 10px 0;
}

body#media div.pressarticle {
	padding: 10px 0 10px;
	border-bottom: 1px solid #dadada;
}

body#media div.pressarticle div.icon {
	padding: 3px 10px 0 0;
}

body#media div.pressarticle a {
	display: block;
	clear: both;
}

body#media div.pressarticle span.source {
	font-style: italic
}

body#media h2.bb {
	width: 100%;
	padding: 0 0 10px;
	border-bottom: 2px solid #dadada;
}

/**
 * Main: Media
 * Sub: All archive pages
 * body#mediaarchive
 */
body#mediaarchive .backlink {
	display: block;
	margin: 0 0 50px 47px;
}

body#mediaarchive .archivecontainer {
	margin: 0 0 0 150px;
}

body#mediaarchive .archivecontainer.pressrelease {
	margin: 0 0 0 80px;
}

body#mediaarchive .archive {
	padding: 0 0 50px 0;
}

body#mediaarchive .date,
body#mediaarchive .pressreleasedate {
	padding: 0 20px 0 0;
	font-size: 2em;
}

body#mediaarchive .pressreleasedate {
	width: 220px;
	text-align: right;
	line-height: 1.1em;
}

body#mediaarchive div.list {
	width: 520px;
	border-top: 2px solid #dadada;
	margin-bottom:50px;
}

body#mediaarchive .archivecontainer div.list div.row {
	border-bottom: 1px solid #dadada;
	padding: 10px 0 10px 0;
}
body#mediaarchive .archivecontainer div.list div.row .icon {
	padding: 0 10px 0 0;
}
body#mediaarchive .archivecontainer div.list .month {
	width: 100px;
}
body#mediaarchive .archivecontainer div.list .month.pressrelease {
	width: auto;
	text-align: left;
	border: 1px solid #f00;
}
body#mediaarchive .archivecontainer div.list .title {
	width: 400px;
}
body#mediaarchive .archivecontainer div.list .title.pressrelease {
	width: 500px;
}

/**
 * Main: Media
 * Sub: Press Release
 * body#mediapressrelease
 */
body#mediapressrelease .pressreleasecontainer {
	width: 600px;
}
body#mediapressrelease .pressrelease {
	margin: 34px 0 0 47px;
	padding: 0 50px 0 0;
}
body#mediapressrelease .pressrelease h2.title {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	font-size: 2.2em;
	font-weight: normal;
	font-family: Arial;
	line-height: 1em;
}
body#mediapressrelease .pressrelease h2.bb {
	border-bottom: 2px solid #dadada;
}
body#mediapressrelease .pressrelease p {
	margin: 0 0 10px 0;
}
body#mediapressrelease .contact {
	margin: 0 0 0 47px;
	padding: 0 0 100px 0;
}
/*End Media styles*/

/* comment area */
div#postcomments {
	margin:30px 0 0;
}
div#comments p.header,
div#comments a.rangelink,
div#comments div.comment,
div#comments div.inactive {
	display:none;
}
div#comments p.header,
div#postcomments p.header {
	border-bottom:2px solid #E9E9E9;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 5px;
}
div#comments div.comment {
	border-bottom:#E9E9E9 solid 1px;
	margin-bottom:10px;
}
div#comments div.comment p,
div#postcomments p {
	margin:0 0 10px;
}
div#postcomments input.text {
	margin:0;
}

/**
 * Main: Site Map
 * body#sitemap
 */
body#sitemap .contentblock {
	margin: 0 45px;
}
body#sitemap .leftcol {
	width: 38%;
}
body#sitemap .rightcol {
	float: right;
	width: 45.8%;
	padding: 0;
}
body#sitemap ul.linklist li {
	margin: 0 0 50px 0;
	font-size: 1em;
}
body#sitemap ul.linklist li a {
	background-position: 0 0.2em;
	border-bottom: 2px solid #e9e9e9;
	display: block;
	padding: 0 0 15px 5px;
}
body#sitemap ul.linklist ul {
	margin-bottom: 60px;
}
body#sitemap ul.linklist li li {
	margin: 0px;
	padding: 0px;
	background: none;
}
body#sitemap ul.linklist li li a {
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
}
/**
 * Main: Privacy
 * body#privacy
 */
body#privacy .contentblock {
	margin: 0 45px;
}
body#privacy .contentblock a {
	color: #AEAEAE;
	text-decoration: underline;
}
body#privacy .contentblock p,
body#privacy .vcard {
	font-size: 0.9em;
	margin: 0 0 10px;
	width: 60%;
}
body#privacy .contentblock p strong {
	font-size: 1em;
}
body#privacy .vcard {
	margin: 45px 0 90px;
}
body#privacy .vcard .org {
	color: #4D798D;
}

/**
 * Main: 404
 * body#pagenotfound
 */
body#pagenotfound .container {
	padding: 0 0 150px 0;
}

/**
 * specific to flash detection
 */
.flash,
.upgradeflash {
	display:none;
}
.noflash {
	display:block;
}


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading/pre/code font-sizes */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin
   the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it.
   zero out the spacing around pre, form, body, html, p, blockquote as well
   form elements are oddly inconsistent, and not quite CSS emulatable.
   nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
button { background: transparent; border: none; cursor: pointer; margin: 0; padding: 0;}