/*
Theme Name:M3 - Magazine Edition
Theme URI:http://m3.com
Description:The new magazine theme for M3!
Version:1.2
Author:teambonzai
Author URI:http://teambonzai.com
Edited by: G. McCord 04/29/09
   Changed "tab" to reflect making home page tab sub-items clickable.
Edited by G. McCord 08/28/09 
   Add CSS content to how-we-think to allow form formatting on new download page
Edited by G. McCord 10/15/09 + V2.0
   Modification of site to new look. Version 2.0
   10/26/09- added announcement structures for flyout tab to replace image map in html
Edited by G. McCord 11/14/09 v2.1
   Moved applied design thinking, cleaned up for IE6 compatibility 
    
    11/18/09- updated contents image location and text position / sizes. misc cleanup for site.
    11/19/09- changed CSS for contents page to allow image link hover effect 
    11/24/09- CSS changes to allow for glitchless header logo hovers
    05/28/10- CSS added for follow me and tweet this in sidebars
    07/11/10- disable adt hover temporarily 
    08/13/10- add css for newsletter signup form


*/


* {
margin:0px;
padding:0px;
text-decoration:none;
border:none;
list-style:none;
}

html, body {
font:12px/1.4em Arial, Helvetica, sans-serif;
color:#444;
background:#fff;
text-align:center;
}


/* --- containers --- */


#page {
margin:5px auto;
width:1008px;
text-align:left;
}

#container {
float:left;
width:100%;
margin:0 0 10px 0;
background:transparent url('images/container-middle.png') repeat-y;
}


/* ----- page format ----- */


.postmetadata {
clear:both;
}

.clear {
clear:both;
}

a {
color:#69c;
}

a:hover {
color:#147;
}


/* --- header --- */


#header {
position:relative;
height:141px;
background:transparent url('images/container-header.gif') top no-repeat;
text-align:left;
margin:0 0 35px 0;
}

html>body #header {
background:transparent url('images/container-header.png') top no-repeat;
}

#header #volume {
position:relative;
float:left;
display:inline;
margin:0 0 0 3px;
width:27px;
height:129px;
background-image:url('images/header-volume.jpg');
z-index:10;
}

html>body #volume {
margin:0 0 0 6px;
background-image:url('images/header-volume.png');
}

h1, h1 a {
position:relative;
float:left;
width:187px;
height:129px;
background-image:url('images/header-logo-m3-contents.jpg');
z-index:10;
}
/* gdm added for default link on logo for ie6 */
h1 a:hover {
background-image:url('images/header-logo-m3-contents.jpg');
background-position:bottom;
z-index:10;
}

html>body h1 a {
background-image:url('images/header-logo-m3.png');
}
/* gdm added for default link on logo for non ie6*/
html>body h1 a:hover {
background-image:url('images/header-logo-m3.png');
background-position:bottom;
}
h1 {
background:none;
padding-left: 6px;
}

/* gdm111609-changed font size from 60 to 40, top margin from 12 to 27px, left margin from 25 to 18 */
h2 {
float:left;
display:inline;
text-align:left;
margin:27px 0 0 18px;
width:425px;
height:55px;
font-size:40px;
color:#fff;
}

#header p {
padding:10px 0 0 24px;
color:#bbb;
text-transform:lowercase;
}

#header p.tag, #header #volume span {
display:none; /* fixes margins and stretching of volume background image */
}

html>body #header p.tag, html>body #header #volume span {
display:block;
}

#header p, #header p a {
font-size:95%;
}

#header p span {
margin:0 5px;
}

#site-menu {
display:inline;
}
/* changed top margin from 3 to 5 */
#site-menu ul {
float:right;
display:inline;
margin:5px 17px 0 0;
}

#section-menu ul {
position:absolute;
top:114px;
left:200px;
height:18px;
}

#site-menu ul li, #section-menu ul li {
float:left;
text-transform:lowercase;
}

#site-menu ul li {
padding:0 10px;
background:transparent url('images/top-menu-divider.gif') right no-repeat;
}

html>body #site-menu ul li {
background:transparent url('images/top-menu-divider.png') right no-repeat;
}

#site-menu ul li:last-child, #section-menu ul li:last-child, #site-menu ul li.page-item-20 {
background:none;
}
/* removed bold from lavalamp menu #section-menu ul li.current a,  */
#site-menu ul li.current a, a.current_page, a.current {
font-weight:bold;
font-size:105%;
}

#site-menu ul li a, #section-menu ul li a {
color:#fff;
}

#section-menu ul li.back {
width:7px; 
height:24px;
position:absolute;
z-index:1;
background:transparent url("images/section-menu-background.gif") right -30px  no-repeat;
}

#section-menu ul li.back .left {
height:24px;
margin-right:7px; /* 7px is the width of the rounded shape */
background:transparent url("images/section-menu-background.gif") top left no-repeat;
}

#section-menu ul li a {
display:block;
float:left;
position:relative;
text-transform:lowercase;
overflow:hidden;
height:20px;
padding:2px 0 0 0;
margin:auto 5px;
z-index:2;
}

html>body #section-menu ul li a {
margin:auto 14px;
}


/* --- content --- */


#content {
float:right;
display:inline;
position:relative;
width:748px;
padding:0 40px 20px 30px;
border-left:1px solid #aaa;
z-index:1;
}

#content p {
margin:0 0 14px 0;
}

#content h3 {
margin:0 0 30px 0;
color:#bc3;
font-size:250%;
}

#content h4, #content h5 {
margin:0 0 12px 0;
color:#bc3;
font-size:130%;
text-transform:uppercase;
}

#content ul {
margin:7px 0 15px 0;
}

#content ul li {
margin:0 0 6px 4px;
padding:0 0 0 10px;
background:transparent url('images/list-style.png') 0 0 no-repeat;
}


/* --- footer --- */


#footer {
display:block;
clear:both;
width:1008px;
height:75px;
background:#fff url('images/container-footer.png') bottom no-repeat;
}

#footer p {
float:right;
font-size:90%;
color:#777;
margin:20px 0 0 0;
padding:0 20px;
height:50px;
text-align:right;
}

#footer p span {
margin:0 5px;
}

#footer p a {
text-transform:lowercase;
}

#footer p.issue {
color:#444;
border-left:1px solid #aaa;
margin-right:10px;
}

#footer p.issue strong {
font-weight:bold;
color:#bc3;
font-size:115%;
text-transform:lowercase;
}


/* ----- images ----- */


p img {
max-width:100%;
}

img.centered {
display:block;
margin-left:0 auto;
}

img.alignright {
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft {
padding:4px;
margin:0 7px 2px 0;
display:inline;
}

.alignright {
float:right;
}
	
.alignleft {
float:left
}
		
	
/* ----- sidebar ----- */


#sidebar {
float:left;
display:inline;
margin:0 0 0 22px;
width:150px;
text-align:right;
text-transform:lowercase;
}

#sub-section-menu h3 {
color:#bc3;
font-size:115%;
margin:0 0 8px 0;
padding:0;
}

#sidebar ul li {
line-height:1.1em;
padding:0 0 5px 0;
}

#sidebar ul li.current a {
font-weight:bold;
color:#777;
}

#sidebar h3.nav-b {
margin:20px 0 8px 0;
padding:20px 0 0 0;
background:transparent url('images/side-menu-divider.png') top right no-repeat;
}


/* ----- widget ----- */


#sidebar h4 {
color:#bc3;
font-size:115%;
margin:17px 0 8px 0;
padding:20px 0 0 0;
text-transform:lowercase;
background:transparent url('images/side-menu-divider.png') top right no-repeat;
}

/* --sidebar-divider and followme and tweetthis put a divider in the sidebar-- 5/28/10-gdm*/

#sidebar-divider{
height: 12px;
color:#bc3;
font-size:115%;
margin:0 0 23px 0;
padding:0 0 0 0;
text-transform:lowercase;
background:transparent url('images/side-menu-divider.png') bottom right no-repeat;
}

#followmetip{
padding-left: 0px; 
padding-bottom: 10px; 
height: 21px;
}

#tweetthis{
padding-left: 0px; 
padding-bottom: 10px;
}

div.textwidget, div.textwidget {
/* text-transform:none; */
}

.did-you-know {
text-transform:none;
}

#global-reach #sidebar h4 {
margin:0 0 10px 0;
*margin:-5px 0 10px 0;
padding:0px;
background:none;
}

#sidebar h4, #global-reach #sidebar .widget h4 {
color:#bc3;
font-size:115%;
margin:17px 0 8px 0;
padding:20px 0 0 0;
text-transform:lowercase;
background:transparent url('images/side-menu-divider.png') top right no-repeat;
}


/* ----- misc ----- */


acronym, abbr, span.caps {
cursor:help;
}

acronym, abbr {
border-bottom:1px dashed #999;
}

blockquote {
margin:25px 30px 0 10px;
padding-left:20px;
border-left:5px solid #ddd;
}

blockquote cite {
margin:5px 0 0;
display:block;
}

.center {
text-align:center;
}

.navigation {
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;
}

.edit-entry {
clear:left;
padding:10px;
}

#content div.left-column {
float:left;
display:inline;
width:465px;
line-height:1.2em;
}

#content div.left-column h3 {
font-size:300%;
color:#bc3;
margin:0 0 15px 0;
}

#content div.left-column h4 {
margin:-10px 0 15px 0;
display:none;
}

#content div.left-column a  {
position:relative;
float:left;
clear:both;
width:465px;
height:308px;
}

#content div.left-column a img  {
position:relative;
width:465px;
height:308px;
border-bottom:1px solid #fff;
z-index:1;
}

#content div.left-column a span.more  {
position:absolute;
right:-1px;
bottom:0;
width:153px;
height:38px;
background:transparent url('images/more-images.gif') no-repeat;
z-index:100;
}

html>body #content div.left-column a span.more  {
display:block;
position:absolute;
right:10px;
bottom:10px;
width:172px;
height:34px;
background:transparent url('images/more-images.png') no-repeat;
}

#content div.left-column p.caption {
clear:both;
width:445px;
background-color:#E7EBC5;
padding:6px 10px;
color:#777;
font-size:90%;
margin:0 0 20px 0;
}

#content div.left-column p {
font-size:125%;
line-height:1.2em;
color:#555;
text-align:justify;
}

#content div.left-column a {
border-bottom:none;
}

#content div.right-column {
float:right;
display:inline;
width:240px;
margin:0 10px 0 0;
}

#content div.right-column h3 {
font-size:230%;
line-height:1.1em;
margin:0 0 10px 0;
}

#content div.right-column p, #content div.right-column ul li, #content div.right-column ol li {
text-align:justify;
}

#content div.3-column {
text-align:justify;
}

#content div.multi-column {
float:left;
width:345px;
*width:325px;
margin:0 25px 0 0;
}


/* ----- home ----- */


#home #inner{
float:left;
width:712px;
}

body.home-0 #inner{
background:transparent url('images/home-background-img-00.jpg') 6px 110px no-repeat;
}

body.home-1 #inner{
background:transparent url('images/home-background-img-01.jpg') 6px 110px no-repeat;
}

body.home-2 #inner{
background:transparent url('images/home-background-img-02.jpg') 6px 110px no-repeat;
}

body.home-3 #inner{
background:transparent url('images/home-background-img-03.jpg') 6px 110px no-repeat;
}

body.home-4 #inner{
background:transparent url('images/home-background-img-04.jpg') 6px 110px no-repeat;
}

body.home-5 #inner{
background:transparent url('images/home-background-img-05.jpg') 6px 110px no-repeat;
}

body.home-6 #inner{
background:transparent url('images/home-background-img-06.jpg') 6px 110px no-repeat;
}
#home #header {
text-align:left;
height: 140px;
background:transparent url('images/container-header-home.gif') top left no-repeat;
}

html>body#home #header {
background:transparent url('images/container-header-home.png') top left no-repeat;
margin-bottom: 23px;
}

#home #header #volume, #market-focus #header #volume, #expertise #header #volume, #studio #header #volume {
background-image:url('images/header-volume-home.gif');
}

html>body#home #volume, html>body#market-focus #header #volume, html>body#expertise #header #volume, html>body#studio #header #volume {
background-image:url('images/header-volume.png');
}

#home h1 a, #market-focus h1 a, #expertise h1 a, #studio h1 a {
background-image:url('images/header-logo-m3-home.gif');
}

html>body#home h1 a, html>body#market-focus h1 a, html>body#expertise h1 a, html>body#studio h1 a {
background-image:url('images/header-logo-m3.png');
}
#home h1 a:hover, #market-focus h1 a:hover, #expertise h1 a:hover, #studio h1 a:hover {
background-image: url('images/header-logo-m3-home.gif');
background-position:bottom;
}
html>body#home h1 a:hover, #market-focus h1 a:hover, #expertise h1 a:hover, #studio h1 a:hover {
background-image:url('images/header-logo-m3.png');
background-position:bottom;

}

#home #header p {
padding:10px 0 0 17px;
color:#777;
}

#home #header p a, #home #header p a:hover {
color:#fff;
}

#home #header p a:hover {
color:#333;
}

#home #content {
float:left;
display:inline;
width:664px;
height:539px;
margin:-28px 0 23px 6px;
padding-bottom:0px;
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-top:0px;
border-left:none;
}

html>body#home #content {
margin:0px 0 27px 6px;
}

#home #content div p a {
position:relative;
display:block;
border-bottom:none;
}

#home #content div h4 {
display:none;
}

html>body#home #content div h4 {
display:block;
}

#home #content p {
margin:0px;
padding:0px;
}

#home #content div.adt a {
width:248px;
height: 137px; 
margin-left: 16px; 
margin-top: 0px;
}

body.home-0 #content div.adt a {

}
/*
body.home-0 #content div.adt a:hover {
background:transparent url('images/home-adt-00.jpg') no-repeat;
}
*/
body.home-1 #content div.adt a {

}
/*
body.home-1 #content div.adt a:hover {
background:transparent url('images/home-adt-01.jpg') no-repeat;
}
*/
body.home-2 #content div.adt a {

}
/*
body.home-2 #content div.adt a:hover {
background:transparent url('images/home-adt-02.jpg') no-repeat;
}
*/
body.home-3 #content div.adt a {

}
/*
body.home-3 #content div.adt a:hover {
background:transparent url('images/home-adt-03.jpg') no-repeat;
}
*/
body.home-4 #content div.adt a {
 
}
/*
body.home-4 #content div.adt a:hover {
background:transparent url('images/home-adt-04.jpg') no-repeat; 
}
*/
body.home-5 #content div.adt a {

}
/*
body.home-5 #content div.adt a:hover {
background:transparent url('images/home-adt-05.jpg') no-repeat; 
}
*/
body.home-6 #content div.adt a {

}
/*
body.home-6 #content div.adt a:hover {
background:transparent url('images/home-adt-06.jpg') no-repeat; 
}
*/
#home #content div.featured a {
width:247px;
height:100px;
margin: 0 0 0 41px;
}

body.home-0 #content div.featured a {

}
body.home-0 #content div.featured a:hover {
background:transparent url('images/home-featured-00.jpg') no-repeat; 
}
body.home-1 #content div.featured a {

}

body.home-1 #content div.featured a:hover {
background:transparent url('images/home-featured-01.jpg') no-repeat; 
}

body.home-2 #content div.featured a {

}

body.home-2 #content div.featured a:hover {
background:transparent url('images/home-featured-02.jpg') no-repeat;
}

body.home-3 #content div.featured a {

}

body.home-3 #content div.featured a:hover {
background:transparent url('images/home-featured-03.jpg') no-repeat;
}

body.home-4 #content div.featured a {
 
}
body.home-4 #content div.featured a:hover {
background:transparent url('images/home-featured-04.jpg') no-repeat; 
}

body.home-5 #content div.featured a {

}

body.home-5 #content div.featured a:hover {
background:transparent url('images/home-featured-05.jpg') no-repeat;
}

body.home-6 #content div.featured a {

}

body.home-6 #content div.featured a:hover {
background:transparent url('images/home-featured-06.jpg') no-repeat; 
}

#home #content div.who a {
width:247px;
height:102px;
margin: 0 0 0 41px;
}

body.home-0 #content div.who a {

}
body.home-0 #content div.who a:hover {
background:transparent url('images/home-who-we-are-00.jpg') no-repeat;
}
body.home-1 #content div.who a {

}

body.home-1 #content div.who a:hover {
background:transparent url('images/home-who-we-are-01.jpg') no-repeat;
}

body.home-2 #content div.who a {

}

body.home-2 #content div.who a:hover {
background:transparent url('images/home-who-we-are-02.jpg') no-repeat;
}

body.home-3 #content div.who a {

}

body.home-3 #content div.who a:hover {
background:transparent url('images/home-who-we-are-03.jpg') no-repeat;
}

body.home-4 #content div.who a {
 
}
body.home-4 #content div.who a:hover {
background:transparent url('images/home-who-we-are-04.jpg') no-repeat; 
}

body.home-5 #content div.who a {

}

body.home-5 #content div.who a:hover {
background:transparent url('images/home-who-we-are-05.jpg') no-repeat;
}

body.home-6 #content div.who a {

}

body.home-6 #content div.who a:hover {
background:transparent url('images/home-who-we-are-06.jpg') no-repeat; 
}

#home #content div.what a {
width:248px;
height:100px;
margin: 0 0 0 41px;
}

body.home-0 #content div.what a {

}
body.home-0 #content div.what a:hover {
background:transparent url('images/home-what-we-do-00.jpg') no-repeat;
}
body.home-1 #content div.what a {

}

body.home-1 #content div.what a:hover {
background:transparent url('images/home-what-we-do-01.jpg') no-repeat;
}

body.home-2 #content div.what a {

}

body.home-2 #content div.what a:hover {
background:transparent url('images/home-what-we-do-02.jpg') no-repeat;
}

body.home-3 #content div.what a {

}

body.home-3 #content div.what a:hover {
background:transparent url('images/home-what-we-do-03.jpg') no-repeat;
}

body.home-4 #content div.what a {
 
}
body.home-4 #content div.what a:hover {
background:transparent url('images/home-what-we-do-04.jpg') no-repeat; 
}

body.home-5 #content div.what a {

}

body.home-5 #content div.what a:hover {
background:transparent url('images/home-what-we-do-05.jpg') no-repeat;
}

body.home-6 #content div.what a {

}

body.home-6 #content div.what a:hover {
background:transparent url('images/home-what-we-do-06.jpg') no-repeat; 
}

#home #content div.how a {
width:247px;
height:104px;
margin: 0 0 0 41px;
}

body.home-0 #content div.how a {

}
body.home-0 #content div.how a:hover {
background:transparent url('images/home-how-we-think-00.jpg') no-repeat;
}
body.home-1 #content div.how a {

}

body.home-1 #content div.how a:hover {
background:transparent url('images/home-how-we-think-01.jpg') no-repeat;
}

body.home-2 #content div.how a {

}

body.home-2 #content div.how a:hover {
background:transparent url('images/home-how-we-think-02.jpg') no-repeat;
}

body.home-3 #content div.how a {

}

body.home-3 #content div.how a:hover {
background:transparent url('images/home-how-we-think-03.jpg') no-repeat;
}

body.home-4 #content div.how a {
 
}
body.home-4 #content div.how a:hover {
 background:transparent url('images/home-how-we-think-04.jpg') no-repeat;
}

body.home-5 #content div.how a {

}

body.home-5 #content div.how a:hover {
background:transparent url('images/home-how-we-think-05.jpg') no-repeat;
}

body.home-6 #content div.how a {

}
body.home-6 #content div.how a:hover {
 background:transparent url('images/home-how-we-think-06.jpg') no-repeat;
}

#home #footer {
width:712px;
height:54px;
margin: 0 0 0 0;
background:transparent url('images/container-footer-home.png') left top no-repeat;
}

#home #footer p {
float:right;
display:inline;
font-size:95%;
color:#fff;
margin:8px 0 0 0;
padding:0 15px;
height:45px;
text-align:right;
}

#home #footer p span {
margin:0 5px;
color:#333;
}

#home #footer p  a:hover {
color:#fff;
}

#home #footer p.issue {
color:#fff;
margin-right:4px;
border-left:none;
}

#home #footer p.issue strong {
font-weight:bold;
color:#bc3;
font-size:115%;
}

#home #tab {
position: relative;
float:right;
width:296px;
height:783px;
margin: 0 0 0 0;
background: #fff url('images/home-tab-f1.jpg') no-repeat;
}

#home #tab a {
float:right;
width:296px;
height:782px;
}

#home #tab #announcement {
float:none;
display:block;
width:296px;
height:783px;
margin:0px 0 0 0;
background: #fff url('images/home-tab-f2.jpg') no-repeat;
z-index:20;
}
#home #tab #announcement ul li {
list-style:none;
background:none;
z-index:30;
}
#home #tab #announcement ul li a {


}
#home #tab #announcement ul li.news-1 a {
background:transparent url('images/test.hover.jpg') no-repeat;
width:296px;
height:260px;
}
#home #tab #announcement ul li.news-2 a {
background:transparent url('images/test.hover.jpg') no-repeat;
width:296px;
height:270px;
}
#home #tab #announcement ul li.news-3 a {
background:transparent url('images/test.hover.jpg') no-repeat;
width:296px;
height:250px;
}
/* --- content :careers --- */


#careers #content h4 {
color:#bc3;
font-size:110%;
text-transform:uppercase;
}

#careers #content ul {
margin:7px 0 15px 0;
}


/* --- content :solutions --- */


#solutions #content #solutions-container {
position:relative;
width:700px;
height:372px;
background:transparent url('images/solutions-background.jpg') no-repeat;
}

#solutions #content #solutions-container ul li {
list-style:none;
background:none;
}

#solutions #content #solutions-container ul li a {
display:block;
position:absolute;
}

#solutions #content #solutions-container ul li.image-1 a {
top:0px;
left:0px;
width:114px;
height:121px;
background:transparent url('images/solutions-01.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-2 a {
top:0px;
left:121px;
width:226px;
height:244px;
background:transparent url('images/solutions-02.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-3 a {
top:0px;
left:354px;
width:226px;
height:121px;
background:transparent url('images/solutions-03.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-4 a {
top:128px;
left:354px;
width:110px;
height:116px;
background:transparent url('images/solutions-04.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-5 a {
bottom:0px;
left:0px;
width:114px;
height:121px;
background:transparent url('images/solutions-05.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-6 a {
bottom:0px;
left:121px;
width:110px;
height:121px;
background:transparent url('images/solutions-06.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-7 a {
bottom:0px;
left:354px;
width:110px;
height:121px;
background:transparent url('images/solutions-07.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-8 a {
bottom:0px;
right:0px;
width:230px;
height:244px;
background:transparent url('images/solutions-08.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-9 a {
top:0px;
right:0px;
width:114px;
height:121px;
background:transparent url('images/solutions-09.jpg') no-repeat;
}

#solutions #content #solutions-container ul li.image-10 a {
top:128px;
left:0px;
width:114px;
height:116px;
background:transparent url('images/solutions-10.jpg') no-repeat;
}
#solutions #content #solutions-container ul li a:hover {
background-position:bottom;
}

#solutions #content #solutions-container div.text {
position:absolute;
right:0px;
width:325px;
}

#solutions #content h3 {
font-size:200%
clear:both;
margin:0 0 6px 0;
padding:0;
}

#solutions #content div.details {
float:left;
clear:both;
width:750px;
}

#solutions #content div.details p {
clear:both;
color:#777;;
text-align:left;
margin:0;
padding:0;
}

#solutions #content ul.collage {
position:relative;
float:left;
width:500px;
height:379px;
list-style:none;
margin:15px 0 0 0;
}

#solutions #content ul.collage li {
background:none;
padding:0;
margin:0;
}

#solutions #content ul.collage li a {
position:absolute;
}

#solutions #content ul.case-study-1 {
background:transparent url('images/case-study-01.jpg') no-repeat;
}

#solutions #content ul.case-study-1 li.img-1 a {
top:0px;
left:0px;
width:305px;
height:211px;
}

#solutions #content ul.case-study-1 li.img-2 a {
top:66px;
left:312px;
width:188px;
height:145px;
}

#solutions #content ul.case-study-1 li.img-3 a {
top:219px;
left:27px;
width:198px;
height:128px;
}

#solutions #content ul.case-study-1 li.img-4 a {
top:219px;
left:234px;
width:161px;
height:160px;
}

#solutions #content ul.case-study-1 li.img-1 a:hover {
background:transparent url('images/case-study-01-01.jpg') no-repeat;
}

#solutions #content ul.case-study-1 li.img-2 a:hover {
background:transparent url('images/case-study-01-02.jpg') no-repeat;
}

#solutions #content ul.case-study-1 li.img-3 a:hover {
background:transparent url('images/case-study-01-03.jpg') no-repeat;
}

#solutions #content ul.case-study-1 li.img-4 a:hover {
background:transparent url('images/case-study-01-04.jpg') no-repeat;
}

#solutions #content ul.case-study-1 li.img-2 a {
top:66px;
left:312px;
width:188px;
height:145px;
}

#solutions #content ul.case-study-1 li.img-3 a {
top:219px;
left:27px;
width:198px;
height:128px;
}

#solutions #content ul.case-study-1 li.img-4 a {
top:219px;
left:234px;
width:161px;
height:160px;
}



#solutions #content ul.case-study-2 {
background:transparent url('images/case-study-02.jpg') no-repeat;
}

#solutions #content ul.case-study-2 li.img-1 a {
top:169px;
left:0px;
width:305px;
height:210px;
}

#solutions #content ul.case-study-2 li.img-2 a {
top:32px;
left:27px;
width:200px;
height:129px;
}

#solutions #content ul.case-study-2 li.img-3 a {
top:0px;
left:234px;
width:162px;
height:161px;
}

#solutions #content ul.case-study-2 li.img-4 a {
top:169px;
left:312px;
width:188px;
height:146px;
}

#solutions #content ul.case-study-2 li.img-1 a:hover {
background:transparent url('images/case-study-02-01.jpg') no-repeat;
}

#solutions #content ul.case-study-2 li.img-2 a:hover {
background:transparent url('images/case-study-02-02.jpg') no-repeat;
}

#solutions #content ul.case-study-2 li.img-3 a:hover {
background:transparent url('images/case-study-02-03.jpg') no-repeat;
}

#solutions #content ul.case-study-2 li.img-4 a:hover {
background:transparent url('images/case-study-02-04.jpg') no-repeat;
}



#solutions #content ul.case-study-3 {
background:transparent url('images/case-study-03.jpg') no-repeat;
}

#solutions #content ul.case-study-3 li.img-1 a {
top:0px;
left:104px;
width:162px;
height:161px;
}

#solutions #content ul.case-study-3 li.img-2 a {
top:32px;
left:273px;
width:200px;
height:129px;
}

#solutions #content ul.case-study-3 li.img-3 a {
top:169px;
left:0px;
width:188px;
height:146px;
}

#solutions #content ul.case-study-3 li.img-4 a {
top:169px;
left:195px;
width:305px;
height:210px;
}

#solutions #content ul.case-study-3 li.img-1 a:hover {
background:transparent url('images/case-study-03-01.jpg') no-repeat;
}

#solutions #content ul.case-study-3 li.img-2 a:hover {
background:transparent url('images/case-study-03-02.jpg') no-repeat;
}

#solutions #content ul.case-study-3 li.img-3 a:hover {
background:transparent url('images/case-study-03-03.jpg') no-repeat;
}

#solutions #content ul.case-study-3 li.img-4 a:hover {
background:transparent url('images/case-study-03-04.jpg') no-repeat;
}




#solutions #content ul.case-study-4 {
background:transparent url('images/case-study-04.jpg') no-repeat;
}

#solutions #content ul.case-study-4 li.img-1 a {
top:64px;
left:0px;
width:188px;
height:146px;
}

#solutions #content ul.case-study-4 li.img-2 a {
top:0px;
left:195px;
width:305px;
height:210px;
}

#solutions #content ul.case-study-4 li.img-3 a {
top:218px;
left:104px;
width:162px;
height:160px;
}

#solutions #content ul.case-study-4 li.img-4 a {
top:218px;
left:273px;
width:200px;
height:129px;
}

#solutions #content ul.case-study-4 li.img-1 a:hover {
background:transparent url('images/case-study-04-01.jpg') no-repeat;
}

#solutions #content ul.case-study-4 li.img-2 a:hover {
background:transparent url('images/case-study-04-02.jpg') no-repeat;
}

#solutions #content ul.case-study-4 li.img-3 a:hover {
background:transparent url('images/case-study-04-03.jpg') no-repeat;
}

#solutions #content ul.case-study-4 li.img-4 a:hover {
background:transparent url('images/case-study-04-04.jpg') no-repeat;
}




#solutions #content ul.case-study-5 {
background:transparent url('images/case-study-05.jpg') no-repeat;
}

#solutions #content ul.case-study-5 li.img-1 a {
top:0px;
left:104px;
width:162px;
height:161px;
}

#solutions #content ul.case-study-5 li.img-2 a {
top:32px;
left:273px;
width:200px;
height:129px;
}

#solutions #content ul.case-study-5 li.img-3 a {
top:169px;
left:0px;
width:188px;
height:146px;
}

#solutions #content ul.case-study-5 li.img-4 a {
top:169px;
left:195px;
width:305px;
height:210px;
}

#solutions #content ul.case-study-5 li.img-1 a:hover {
background:transparent url('images/case-study-05-01.jpg') no-repeat;
}

#solutions #content ul.case-study-5 li.img-2 a:hover {
background:transparent url('images/case-study-05-02.jpg') no-repeat;
}

#solutions #content ul.case-study-5 li.img-3 a:hover {
background:transparent url('images/case-study-05-03.jpg') no-repeat;
}

#solutions #content ul.case-study-5 li.img-4 a:hover {
background:transparent url('images/case-study-05-04.jpg') no-repeat;
}

#solutions #content ul.case-study-6 {
background:transparent url('images/case-study-06.jpg') no-repeat;
}

#solutions #content ul.case-study-6 li.img-1 a {
top:0px;
left:0px;
width:305px;
height:211px;
}

#solutions #content ul.case-study-6 li.img-2 a {
top:66px;
left:312px;
width:188px;
height:145px;
}

#solutions #content ul.case-study-6 li.img-3 a {
top:219px;
left:27px;
width:198px;
height:128px;
}

#solutions #content ul.case-study-6 li.img-4 a {
top:219px;
left:234px;
width:161px;
height:160px;
}

#solutions #content ul.case-study-6 li.img-1 a:hover {
background:transparent url('images/case-study-06-01.jpg') no-repeat;
}

#solutions #content ul.case-study-6 li.img-2 a:hover {
background:transparent url('images/case-study-06-02.jpg') no-repeat;
}

#solutions #content ul.case-study-6 li.img-3 a:hover {
background:transparent url('images/case-study-06-03.jpg') no-repeat;
}

#solutions #content ul.case-study-6 li.img-4 a:hover {
background:transparent url('images/case-study-06-04.jpg') no-repeat;
}

#solutions #content ul.case-study-7 {
background:transparent url('images/case-study-07.jpg') no-repeat;
}

#solutions #content ul.case-study-7 li.img-1 a {
top:0px;
left:0px;
width:305px;
height:211px;
}

#solutions #content ul.case-study-7 li.img-2 a {
top:66px;
left:312px;
width:188px;
height:145px;
}

#solutions #content ul.case-study-7 li.img-3 a {
top:219px;
left:27px;
width:198px;
height:128px;
}

#solutions #content ul.case-study-7 li.img-4 a {
top:219px;
left:234px;
width:161px;
height:160px;
}

#solutions #content ul.case-study-7 li.img-1 a:hover {
background:transparent url('images/case-study-07-01.jpg') no-repeat;
}

#solutions #content ul.case-study-7 li.img-2 a:hover {
background:transparent url('images/case-study-07-02.jpg') no-repeat;
}

#solutions #content ul.case-study-7 li.img-3 a:hover {
background:transparent url('images/case-study-07-03.jpg') no-repeat;
}

#solutions #content ul.case-study-7 li.img-4 a:hover {
background:transparent url('images/case-study-07-04.jpg') no-repeat;
}

#solutions #content ul.approach-1 {
background:transparent url('images/approach-01.jpg') no-repeat;
}

#solutions #content ul.approach-1 li.img-1 a {
top:218px;
left:234px;
width:162px;
height:161px;
}

#solutions #content ul.approach-1 li.img-3 a {
top:218px;
left:27px;
width:200px;
height:129px;
}

#solutions #content ul.approach-1 li.img-4 a {
top:65px;
left:312px;
width:188px;
height:146px;
}

#solutions #content ul.approach-1 li.img-5 a {
top:0px;
left:0px;
width:305px;
height:211px;
}

#solutions #content ul.approach-1 li.img-1 a:hover {
background:transparent url('images/approach-01-01.jpg') no-repeat;
}

#solutions #content ul.approach-1 li.img-3 a:hover {
background:transparent url('images/approach-01-03.jpg') no-repeat;
}

#solutions #content ul.approach-1 li.img-4 a:hover {
background:transparent url('images/approach-01-04.jpg') no-repeat;
}

#solutions #content ul.approach-1 li.img-5 a:hover {
background:transparent url('images/approach-01-05.jpg') no-repeat;
}



#solutions #content ul.approach-2 {
background:transparent url('images/approach-02.jpg') no-repeat;
}

#solutions #content ul.approach-2 li.img-1 a {
top:169px;
left:0px;
width:305px;
height:210px;
}

#solutions #content ul.approach-2 li.img-2 a {
top:32px;
left:27px;
width:200px;
height:129px;
}

#solutions #content ul.approach-2 li.img-3 a {
top:0px;
left:234px;
width:162px;
height:161px;
}

#solutions #content ul.approach-2 li.img-4 a {
top:169px;
left:312px;
width:188px;
height:146px;
}

#solutions #content ul.approach-2 li.img-1 a:hover {
background:transparent url('images/approach-02-01.jpg') no-repeat;
}

#solutions #content ul.approach-2 li.img-2 a:hover {
background:transparent url('images/approach-02-02.jpg') no-repeat;
}

#solutions #content ul.approach-2 li.img-3 a:hover {
background:transparent url('images/approach-02-03.jpg') no-repeat;
}

#solutions #content ul.approach-2 li.img-4 a:hover {
background:transparent url('images/approach-02-04.jpg') no-repeat;
}



#solutions #content ul.approach-3 {
background:transparent url('images/approach-03.jpg') no-repeat;
}

#solutions #content ul.approach-3 li.img-1 a {
top:0px;
left:104px;
width:162px;
height:161px;
}

#solutions #content ul.approach-3 li.img-2 a {
top:169px;
left:195px;
width:305px;
height:210px;
}

#solutions #content ul.approach-3 li.img-3 a {
top:169px;
left:0px;
width:188px;
height:146px;
}

#solutions #content ul.approach-3 li.img-4 a {
top:32px;
left:273px;
width:200px;
height:129px;
}

#solutions #content ul.approach-3 li.img-1 a:hover {
background:transparent url('images/approach-03-01.jpg') no-repeat;
}

#solutions #content ul.approach-3 li.img-2 a:hover {
background:transparent url('images/approach-03-02.jpg') no-repeat;
}

#solutions #content ul.approach-3 li.img-3 a:hover {
background:transparent url('images/approach-03-03.jpg') no-repeat;
}

#solutions #content ul.approach-3 li.img-4 a:hover {
background:transparent url('images/approach-03-04.jpg') no-repeat;
}



#solutions #content div.solutions {
width:220px;
float:right;
display:inline;
color:#777;
margin:5px 0 0 0;
}

#solutions #content div.solutions ul li {
background:none;
padding:0;
margin:0 0 3px 0;
}

#solutions #content h4 {
margin:20px 0 8px 0;
}

#solutions #content h4 span {
color:#E9EEBC;
font-size:240%;
line-height:.8em;
}

#solutions #content p {
text-align:justify;
}


/* --- content :contributors --- */


#content div.column, #content div.column-last {
float:left;
width:225px;
margin:0 30px 0 0;
}

#content div.column-last {
margin:0px;
}

#contributors #content h4 {
width:225px;
color:#bc3;
font-size:140%;
text-transform:uppercase;
margin:0 0 2px 0;
padding:10px 0 0 0;
border-top:8px solid #E0E5B6;
}

#contributors #content h5 {
color:#777;
font-size:100%;
font-weight:normal;
text-transform:capitalize;
margin:0 0 12px 0;
line-height:1.2em;
}

#contributors #content p {
text-align:justify;
margin:0 0 25px 0;
}

#content div.img a, a.img {
border:none;
}

#contributors #content div.img a img {
border-bottom:2px solid #fff;
}


/* --- content :culture --- */


#culture #content #culture-container {
position:relative;
width:700px;
height:372px;
background:transparent url('images/culture-background.jpg') no-repeat;
}

#culture #content #culture-container h3 {
margin:10px 0 15px 0;
}

#culture #content #culture-container ul li {
list-style:none;
background:none;
}

#culture #content #culture-container ul li a {
display:block;
position:absolute;
}

#culture #content #culture-container ul li.image-1 a {
top:0px;
left:0px;
width:229px;
height:244px;
background:transparent url('images/culture-01.jpg') no-repeat;
}

#culture #content #culture-container ul li.image-2 a {
top:0px;
right:0px;
width:347px;
height:121px;
background:transparent url('images/culture-02.jpg') no-repeat;
}

#culture #content #culture-container ul li.image-3 a {
top:128px;
left:237px;
width:228px;
height:116px;
background:transparent url('images/culture-03.jpg') no-repeat;
}

#culture #content #culture-container ul li.image-4 a {
bottom:0px;
left:355px;
width:110px;
height:121px;
background:transparent url('images/culture-04.jpg') no-repeat;
}

#culture #content #culture-container ul li.image-5 a {
top:128px;
right:0px;
width:230px;
height:244px;
background:transparent url('images/culture-05.jpg') no-repeat;
}

#culture #content #culture-container ul li a:hover {
background-position:bottom;
}

#culture #content #culture-container div.text {
position:absolute;
top:255px;
left:0px;
width:325px;
}


/* --- content :space --- */


#space #content #space-container {
position:relative;
width:700px;
height:372px;
background:transparent url('images/space-background.jpg') no-repeat;
}

#space #content #space-container h3 {
margin:10px 0 15px 0;
}

#space #content #space-container ul li {
list-style:none;
background:none;
}

#space #content #space-container ul li a {
display:block;
position:absolute;
}

#space #content #space-container ul li.image-1 a {
top:0px;
left:0px;
width:229px;
height:243px;
background:transparent url('images/space-01.jpg') no-repeat;
}

#space #content #space-container ul li.image-2 a {
top:128px;
left:237px;
width:227px;
height:116px;
background:transparent url('images/space-03.jpg') no-repeat;
}

#space #content #space-container ul li.image-3 a {
bottom:0px;
left:0px;
width:114px;
height:121px;
background:transparent url('images/space-04.jpg') no-repeat;
}

#space #content #space-container ul li.image-4 a {
bottom:0px;
left:121px;
width:225px;
height:121px;
background:transparent url('images/space-05.jpg') no-repeat;
}

#space #content #space-container ul li.image-5 a {
bottom:0px;
right:0px;
width:229px;
height:244px;
background:transparent url('images/space-06.jpg') no-repeat;
}

#space #content #space-container ul li a:hover {
background-position:bottom;
}

#space #content #space-container div.text {
position:absolute;
right:0px;
width:325px;
}


/* --- content :clients --- */

#clients #content {
width:905px;
padding:0;
border-left:none;
}

#clients #content p img {
padding:0 0 20px 0;
background:transparent url('images/content-divider-horiz.gif') bottom repeat-x;
}

#clients #content .multi-column {
width:205px;
margin:10px 20px 0 0;
}

#clients #content ul {
width:205px;
}

#clients #content ul li {
float:left;
clear:both;
background:none;
}

#clients #content ul li span {
float:left;
display:inline;
margin:3px 5px 6px 0;
}

#clients #content ul li a.quote, #clients #content ul li a.case-study {
float:left;
display:block;
width:15px;
height:20px;
margin:0 5px 8px 0;
background:transparent url('images/client-icons.gif') left top no-repeat;
}

#clients #content ul li a.case-study {
background:transparent url('images/client-icons.gif') right top no-repeat;
}

#quote {
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}


/* --- content :awards --- */


#awards #content {
width:941px;
margin:0 6px 0 0;
padding:10px 0 0 55px;
border-left:none;
}

#awards #content p {
margin:0 0 20px 15px;
}

#awards #content .multi-column {
width:275px;
margin:15px 25px 0 0;
}


/* --- content :market focus --- */


#market-focus #header {
margin:0px;
}

#market-focus #inner {
background:transparent url('images/market-focus-background.jpg') 6px 130px no-repeat;
}

#market-focus #content {
width:996px;
height:492px;
margin:0 6px 0 0;
padding:40px 0 0 0;
border-left:none;
}

#market-focus #content ul {
float:left;
display:inline;
margin:0 0 0 22px;
}

#market-focus #content ul li {
float:left;
margin:0px;
padding:0px;
background:none;
}

#market-focus #content ul li a {
float:left;
display:block;
width:190px;
height:308px;
color:#444;
border-bottom:none;
background:transparent url('images/background-link.gif') no-repeat;
}

html>body#market-focus #content ul li a {
background:transparent url('images/background-link.png') no-repeat;
}

#market-focus #content ul li a:hover {
background-position:0 0;
}

html>body#market-focus #content ul li a:hover {
background-position:-3px -311px;
}

#market-focus #content ul li a strong {
display:block;
padding:180px 18px 0 18px;
color:#bc3;
font-size:140%;
text-transform:uppercase;
background-attachment:fixed;
}

#market-focus #content ul li a.consumer strong {
background:transparent url('images/market-focus-link-consumer.jpg') 9px 7px no-repeat;
}

#market-focus #content ul li a.enterprise strong {
background:transparent url('images/market-focus-link-enterprise.jpg') 9px 7px no-repeat;
}

#market-focus #content ul li a.healthcare strong {
background:transparent url('images/market-focus-link-healthcare.jpg') 9px 7px no-repeat;
}

#market-focus #content ul li a.mechatronics strong {
background:transparent url('images/market-focus-link-mechatronics.jpg') 9px 7px no-repeat;
}

#market-focus #content ul li a.emerging-technologies strong {
background:transparent url('images/market-focus-link-emerging-technologies.jpg') 9px 7px no-repeat;
}

html>body#market-focus #content ul li a:hover strong {
padding:180px 18px 0 17px;
background-position:8px 7px;
}

#market-focus #content ul li a span {
display:block;
margin:-6px 19px 0 18px;
}

html>body#market-focus #content ul li a:hover span {
margin:-6px 22px 0 17px;
}

#market-focus #footer {
width:100%;
height:58px;
background:transparent url('images/container-footer-dark.gif') left bottom no-repeat;
z-index:10;
}

html>body#market-focus #footer {
background:transparent url('images/container-footer-dark.png') left bottom no-repeat;
}

#market-focus #footer p {
float:right;
display:inline;
font-size:90%;
color:#fff;
margin:0px;
padding:8px 20px 0 20px;
text-align:right;
}

#market-focus #footer p span {
margin:0 5px;
color:#333;
}

#market-focus #footer p a:hover {
color:#fff;
}

#market-focus #footer p.issue {
color:#fff;
margin-right:4px;
border-left:none;
background:transparent url('images/container-footer-dark-divider.png') left bottom no-repeat;
}

#market-focus #footer p.issue strong {
font-weight:bold;
color:#bc3;
font-size:115%;
}


/* --- content :expertise --- */


#expertise #header {
margin:0px;
}

#expertise #inner {
background:transparent url('images/expertise-background.jpg') 6px 130px no-repeat;
}

#expertise #content {
width:996px;
height:492px;
margin:0 0 0 0;
padding:40px 0 0 0;
border-left:none;
}

html>body#expertise #content {
width:996px;
height:492px;
margin:0 6px 0 0;
padding:40px 0 0 0;
}

html>body#expertise #content {
padding:40px 0 0 0;
}

#expertise #content ul {
position:relative;
display:inline;
float:left;
margin:0 0 0 115px;
}

#expertise #content ul li {
float:left;
margin:0 1px;
padding:0px;
background:none;
}

#expertise #content ul li a {
position:relative;
float:left;
display:block;
width:190px;
height:308px;
color:#444;
border-bottom:none;
background:transparent url('images/background-link.gif') no-repeat;
}

#expertise #content ul li a {
background:transparent url('images/background-link.png') no-repeat;
}

#expertise #content ul li a:hover {
background-position:0 0;
}

html>body#expertise #content ul li a:hover {
background-position:-3px -311px;
}

#expertise #content ul li a strong {
display:block;
padding:180px 18px 0 18px;
color:#bc3;
font-size:140%;
text-transform:uppercase;
background-attachment:fixed;
}

#expertise #content ul li a.design-research strong {
background:transparent url('images/expertise-link-design-research.jpg') 9px 7px no-repeat;
}

#expertise #content ul li a.industrial-design strong {
background:transparent url('images/expertise-link-industrial-design.jpg') 9px 7px no-repeat;
}

#expertise #content ul li a.mechanical-engineering strong {
background:transparent url('images/expertise-link-mechanical-engineering.jpg') 9px 7px no-repeat;
}

#expertise #content ul li a.electrical-engineering strong {
background:transparent url('images/expertise-link-electrical-engineering.jpg') 9px 7px no-repeat;
}

html>body#expertise #content ul li a:hover strong {
padding:180px 18px 0 17px;
background-position:8px 7px;
}

#expertise #content ul li a span {
display:block;
margin:-6px 19px 0 18px;
}

html>body#expertise #content ul li a:hover span {
margin:-6px 22px 0 17px;
}

#expertise #content h3.tag {
display:inline;
float:left;
clear:left;
width:675px;
font-size:350%;
color:#111;
margin:50px 0 0 125px;
}

#expertise #footer {
width:100%;
height:58px;
background:transparent url('images/container-footer-dark.gif') left bottom repeat;
z-index:10;
}

html>body#expertise #footer {
background:transparent url('images/container-footer-dark.png') left bottom repeat;
}

#expertise #footer p {
float:right;
display:inline;
font-size:90%;
color:#fff;
margin:0px;
padding:8px 20px 0 20px;
text-align:right;
}

#expertise #footer p span {
margin:0 5px;
color:#333;
}

#expertise #footer p a:hover {
color:#fff;
}

#expertise #footer p.issue {
color:#fff;
margin-right:4px;
border-left:none;
background:transparent url('images/container-footer-dark-divider.png') left bottom no-repeat;
}

#expertise #footer p.issue strong {
font-weight:bold;
color:#bc3;
font-size:115%;
}


/* --- content :studio --- */


#studio #header {
margin:0px;
}

#studio #inner {
background:transparent url('images/studio-background.jpg') 6px 130px no-repeat;
}

#studio #content {
width:996px;
height:492px;
margin:0 6px 0 0;
padding:40px 0 0 0;
border-left:none;
}

#studio #content ul {
float:left;
display:inline;
margin:0 0 0 215px;
}

html>body#studio #content ul {
margin:0 0 0 215px;
}

#studio #content ul li {
float:left;
margin:0 1px;
padding:0px;
background:none;
}

#studio #content ul li a {
float:left;
display:block;
width:190px;
height:308px;
color:#444;
border-bottom:none;
background:transparent url('images/background-link.gif') no-repeat;
}

#studio #content ul li a {
background:transparent url('images/background-link.png') no-repeat;
}

#studio #content ul li a:hover {
background-position:0 0;
}

html>body#studio #content ul li a:hover {
background-position:-3px -311px;
}

#studio #content ul li a strong {
display:block;
padding:180px 18px 0 18px;
color:#bc3;
font-size:140%;
text-transform:uppercase;
background-attachment:fixed;
}

#studio #content ul li a.contributors strong {
background:transparent url('images/studio-link-contributors.jpg') 9px 7px no-repeat;
}

#studio #content ul li a.culture strong {
background:transparent url('images/studio-link-culture.jpg') 9px 7px no-repeat;
}

#studio #content ul li a.space strong {
background:transparent url('images/studio-link-space.jpg') 9px 7px no-repeat;
}

html>body#studio #content ul li a:hover strong {
padding:180px 18px 0 17px;
background-position:8px 7px;
}

#studio #content ul li a span {
display:block;
margin:-6px 19px 0 18px;
}

html>body#studio #content ul li a:hover span {
margin:-6px 22px 0 17px;
}

#studio #content h3.tag {
float:left;
clear:left;
font-size:350%;
color:#111;
margin:50px 0 0 125px;
}

#studio #footer {
width:100%;
height:58px;
background:transparent url('images/container-footer-dark.gif') left bottom no-repeat;
z-index:10;
}

html>body#studio #footer {
background:transparent url('images/container-footer-dark.png') left bottom no-repeat;
}

#studio #footer p {
float:right;
display:inline;
font-size:90%;
color:#fff;
margin:0px;
padding:8px 20px 0 20px;
text-align:right;
}

#studio #footer p span {
margin:0 5px;
color:#333;
}

#studio #footer p a:hover {
color:#fff;
}

#studio #footer p.issue {
color:#fff;
margin-right:4px;
border-left:none;
background:transparent url('images/container-footer-dark-divider.png') left bottom no-repeat;
}

#studio #footer p.issue strong {
font-weight:bold;
color:#bc3;
font-size:115%;
}


/* --- content :how we think --- */


#how-we-think #content {
width:906px;
border-left:none;
}
/* added adt-intro for the adt landing content */
#how-we-think #adt-intro {
       width:880px;
       height: 320px;
       background:transparent url('images/adt-intro.jpg') left no-repeat;
       }
#how-we-think #content h5 {
text-transform:none;
margin:0px;
padding:0px;
}

#how-we-think #content h5 a.category {
font-size:120%;
color:#DDE599;
line-height:1.4em;
}

#how-we-think #content h5 a {
color:#bc3;
font-size:90%;
}

#how-we-think #content h5 a:hover {
color:#147;
}

#how-we-think #content p.date {
color:#999;
font-size:90%;
margin:0 0 15px 0;
}

#how-we-think #content div.thumb {
float:left;
margin:0 25px 0 0;
}

#how-we-think #content div.excerpt {
float:left;
width:276px;
text-align:justify;
}

#how-we-think #content div.excerpt p {
display:inline;
}

#how-we-think #content div.design div.excerpt {
float:none;
width:auto;
}

#how-we-think #content div.design div.excerpt p {
display:block;
}

#how-we-think #content div.design {
float:left;
width:880px;
padding:0 0 25px 0;
background:transparent url('images/content-divider-horiz.gif') bottom repeat-x;
}

#how-we-think #content div.deconstructed {
float:left;
width:400px;
margin:1px 30px 25px 0;
padding:25px 30px 0 0;
background:transparent url('images/content-divider-vert.gif') right repeat-y;
}

#how-we-think #content div.derby {
float:left;
width:400px;
margin:1px 0 0 0;
padding:25px 0;
}

#how-we-think-archive #content div.intro {
float:left;
clear:both;
padding:0 0 10px 0;
margin:0 0 20px 0;
background:transparent url('images/content-divider-horiz.gif') bottom repeat-x;
}

#how-we-think-archive #content div.intro h4 {
color:#bc3;
font-size:115%;
margin:20px 0 10px 0;
}

#how-we-think-archive h3 {
line-height:1.1em;
margin:0 0 20px 0;
}

#how-we-think-archive img {
margin:0 10px 10px 0;
}

#how-we-think-archive #content div.entry {
float:left;
clear:both;
width:100%;
padding:0 0 5px 0;
margin:0 0 20px 0;
background:transparent url('images/content-divider-horiz.gif') bottom repeat-x;
}

#how-we-think-archive #content div.entry div.thumb {
float:left;
display:inline;
margin:0 0 15px 0;
width:98px;
height:98px;
background-color:#eee;
}

#how-we-think-archive #content div.entry div.summary {
float:right;
width:625px;
}

#how-we-think-archive #content div.entry h5 {
font-size:115%;
margin:0 0 2px 0;
padding:0px;
text-transform:none;
}

/* 
COMMENT
Added this CSS to provide form formatting 
for how-we-think pdf downloads.
gdm-082709

*/

#how-we-think-archive #content div.thinkform {
margin:35px 0 0 55px;
}

#how-we-think-archive #content div.thinkform p {
font-size:100%;
width:100%;
}

#how-we-think-archive #content div.thinkform input, #how-we-think-archive div.thinkform textarea {
font:12px/1.4em Arial, Helvetica, sans-serif;
background-color:#eaeaea;
margin:0 0 3px 0;
padding:4px;
width:230px;
color:#111;
}

#how-we-think-archive #content div.thinkform textarea {
height:75px;
}

#how-we-think-archive #content div.thinkform table tr th, #how-we-think-archive div.thinkform table tr td {
color:#777;
font-weight:normal;
padding:2px;
}

#how-we-think-archive #content div.thinkform span {
color:#bc3;
font-weight:bold;
font-size:110%;
white-space:nowrap;
}

#how-we-think-archive #content div.thinkform input.send-button {
color:#476A9B;
text-transform:capitalize;
width:66px;
height:25px;
text-align:center;
background:transparent url('images/send-button.png') no-repeat;
}

#how-we-think-archive #content div.thinkform p strong {
font-weight:bold;
}

#how-we-think-archive #content div.thinkform div.map {
width:300px;
height:330px;
padding:10px 10px 0 10px;
margin:0 0 0 20px;
background-color:#eee;
}

#how-we-think-archive #content div.thinkform div.map iframe {
border:1px solid #fff;
}

#how-we-think-archive #content div.thinkform div.map p {
font-size:90%;
margin:5px 0;
}

/*
COMMENT
END OF ADDED CSS 0809
*/

#press #content div.entry p.date {
color:#999;
}sub

#how-we-think-archive #content div.entry h4 {
margin:0px;
}

#how-we-think-archive #content div.entry h4, #how-we-think-archive #content div.entry h4 a {
text-transform:none;
color:#bc3;
}

#how-we-think-archive #content div.entry h4 a:hover {
color:#147;
}

#how-we-think-archive #content div.entry p.date {
margin:3px 0 10px 0;
color:#777;
}

#how-we-think-archive #content div.entry div.excerpt p {
display:inline;
}

#how-we-think-archive #content p.read-more a {
white-space:nowrap;
}

#how-we-think-archive #content p.archive-link {
clear:both;
padding:10px 0 0 0;
margin:30px 0 0 0;
background:transparent url('images/content-divider-horiz.gif') top repeat-x;
}

#how-we-think-archive div.deconstructed div {
padding:15px 0 0 0;
margin:10px 0 0 0;
background:transparent url('images/content-divider-horiz.gif') top repeat-x;
}

#how-we-think-archive div.deconstructed div p.img {
padding:0;
background-color:#eee;
}

#how-we-think-archive div.deconstructed div p.img a img {
margin:0;
}


/* --- content :press --- */


#press #content div.entry {
float:left;
clear:both;
width:100%;
padding:0 0 10px 0;
margin:0 0 20px 0;
background:transparent url('images/content-divider-horiz.gif') bottom repeat-x;
}

#press #content div.entry div.thumb {
float:left;
display:inline;
margin:0 0 5px 0;
}

#press #content div.entry div.summary {
float:right;
width:595px;
}

#press #content div.entry h5 {
font-size:115%;
margin:0 0 2px 0;
padding:0px;
text-transform:none;
}

#press #content div.entry p.date {
color:#999;
}


/* --- content :contact --- */

#contact h1 a {
position:relative;
float:left;
width:187px;
height:129px;
background-image:url('images/header-logo-m3-contents.jpg');
z-index:10;
}
/* gdm added for default link on logo for ie6 */
#contact h1 a:hover {
background-image:url('images/header-logo-m3-contents.jpg');
background-position:bottom;
z-index:10;
}

html>body#contact h1 a {
background-image:url('images/header-logo-m3.png');
}
/* gdm added for default link on logo for non ie6*/
html>body#contact h1 a:hover {
background-image:url('images/header-logo-m3.png');
background-position:bottom;
}
#contact #content p {
font-size:160%;
line-height:1.3em;
width:90%;
}

#contact div.contact-container {
width:752px;
height:520px;
background:transparent url('images/contact-background.png') no-repeat;
}

/* for the newsletter signup form */
#contact div.newsletter-container {
width:650px;
}

#contact div.col-1 {
width:280px;
margin:15px 45px 0 0;
}

#contact #content .col-1 p {
font-size:115%;
color:#bc3;
width:100%;
}

#contact .col-1 p.note {
font-size:90%;
text-align:justify;
line-height:1.3em;
color:#777;
}

#contact div.col-2 {
margin:35px 0 0 55px;
}

#contact #content .col-2 p {
font-size:100%;
width:100%;
}

#contact .col-2 input, #contact .col-2 textarea {
font:12px/1.4em Arial, Helvetica, sans-serif;
background-color:#eaeaea;
margin:0 0 3px 0;
padding:4px;
width:230px;
color:#111;
}

#contact .col-2 textarea {
height:75px;
}

#contact .col-2 table tr th, #contact .col-2 table tr td {
color:#777;
font-weight:normal;
padding:2px;
}

#contact .col-2 span {
/*color:#bc3;  ---change text color from green to black*/
color:#000;
font-weight:bold;
font-size:110%;
white-space:nowrap;
}

#contact .col-2 input.send-button {
color:#476A9B;
text-transform:capitalize;
width:66px;
height:25px;
text-align:center;
background:transparent url('images/send-button.png') no-repeat;
}

#contact .col-2 p strong {
font-weight:bold;
}

#contact .col-2 div.map {
width:300px;
height:330px;
padding:10px 10px 0 10px;
margin:0 0 0 20px;
background-color:#eee;
}

#contact .col-2 div.map iframe {
border:1px solid #fff;
}

#contact .col-2 div.map p {
font-size:90%;
margin:5px 0;
}

#contact #content .col-1 p.directions {
color:#666;
font-size:100%;
}

.form_notice {
color:#f00;
background-color:#FFD9D9;
padding:8px;
margin:0 0 10px 0;
}

#content .form_notice ul {
margin:0;
}

#content .form_notice ul li {
font-weight:bold;
padding:0px;
background:none;
}

input.form_error {
border:1px solid #f00;
color:#f00;
}

p.apply-now {
display:block;
font-weight:bold;
margin:20px 0 8px 0;
padding:20px 0 0 0;
background:transparent url('images/side-menu-divider.png') top right no-repeat;
}


/* --- content :contents --- */

#contents h1 a {
background-image: url('images/header-logo-m3.jpg');
}
html>body#contents h1 a {
background-image: url('images/header-homepage.png');
}
#contents h1 a:hover {
background-image: url('images/header-logo-m3.jpg');
background-position:bottom;
}
html>body#contents h1 a:hover {
background-image: url('images/header-homepage.png');
background-position:bottom;

}

#contents #inner {
float:left;
width:100%;
background:transparent url('images/contents-background.jpg') 6px 215px no-repeat;
}


/* --- background image maps (note:IE6 will be shifted down 14px)--- */

#contents div.img_09 a { 
		position: absolute; 
		top: 558px; 
		left: 539px; 
		width: 347px; 
		height: 245px; 
		background-color: transparent;
                
		}
#contents div.img_09 a:hover {
                
                background: transparent url('images/contents-img09-hover.jpg') no-repeat ;
                }
html>body#contents div.img_09 a {
                top: 573px;
                }
/* note: img_22 boogered up in IE unless a background image specified. Verify others just in case. */
#contents div.img_22 a { 
		position: absolute; 
		top: 645px; 
		left: 21px; 
		width: 310px; 
		height: 206px; 
		background-image: url('images/contents-img-22.jpg');
                }
#contents div.img_22 a:hover {
                
                background: transparent url('images/contents-img-22-hover.jpg') no-repeat ;
                }
html>body#contents div.img_22 a { 
                top: 659px;
                }
#contents div.img_33 a { 
		position: absolute; 
		top: 200px; 
		left: 44px; 
		width: 194px; 
		height: 310px; 
		background-color: transparent; 
		}
#contents div.img_33 a:hover {
                
                background: transparent url('images/contents-img-33-hover.jpg') no-repeat ;
                }
html>body#contents div.img_33 a { 
                top: 215px;
                }
#contents div.img_19 a { 
		position: absolute; 
		top: 47px; 
		left: 474px; 
		width: 491px; 
		height: 337px; 
		background-color: transparent; 
		}
#contents div.img_19 a:hover {
                
                background: transparent url('images/contents-img-19-hover.jpg') no-repeat ;
                }
html>body#contents div.img_19 a { 
                top: 62px;
                }
#contents div.img_34 a { 
		position: absolute; 
		top: 921px; 
		left: 244px; 
		width: 231px; 
		height: 178px; 
		background-image: url('images/contents-img-34.jpg'); 
		}
#contents div.img_34 a:hover {
                
                background: transparent url('images/contents-img-34-hover.jpg') no-repeat ;
                }
html>body#contents div.img_34 a { 
                top: 935px;
                }
#contents div.img_21 a { 
		position: absolute; 
		top: 875px; 
		left: 690px; 
		width: 233px; 
		height: 178px; 
		background-color: transparent; 
		}
#contents div.img_21 a:hover {
                
                background: transparent url('images/contents-img-21-hover.jpg') no-repeat ;
                }
html>body#contents div.img_21  a { 
                top: 890px;
                }

#contents #content {
width:996px;
min-height:868px;
margin:0 6px 0 0;
padding:40px 0 0 0;
_padding:25px 0 0 0;
border-left:none;
}

#contents #content div {
float:left;
display:inline;
text-align:right;
clear:both;
}

#contents #content div span {
margin:0 0 0 4px;
}

#contents #content a:hover {
color:#147;
}

#contents #content h3 {
margin:0 0 10px 0;
}

#contents #content ul li ul {
margin:0 0 10px 0;
}

#contents #content ul li {
margin:0px;
padding:0px;
background:none;
color:#838383;
}

#contents #content ul li a, #contents #content p a, #contents #content ul li.parent {
color:#666;
font-weight:bold;
}

#contents #content ul li ul li a {
color:#69c;
font-weight:normal;
}

#contents #content div.who-we-are {
margin:20px 0 0 300px;
}

#contents #content div.what-we-do {
margin:145px 0 0 50px;
width:471px;
}

html>body#contents #content div.what-we-do {
margin:155px 0 0 50px;
}

#contents #content div.how-we-think {
width:490px;
margin:45px 0 0 185px;
}

#contents #content div.contact-us {
width:190px;
margin:5px 0 0px 40px;
}


/* ----- hide ----- */


.hide, #header h1 a span, #volume span, p.tag, hr, #site-menu h3, #section-menu h3, #sidebar h3 span, #sidebar h4 span, div.widget h3 span, #home #content p a span, #home #content h4, #market-focus #content h4, #content div.left-column p a span, #home #tab #announcement p, #culture #content #culture-container ul li span, #space #content #space-container ul li span , #solutions #content #solutions-container ul li span, #clients #content ul li a span, #content div.left-column a span.more span, #contact #content p.address, #contact #section-menu, #solutions #content ul.collage li img {
display:none; /* for ie6 */
}

html>body .hide, html>body #header h1 a span, html>body #volume span, html>body p.tag, html>body hr, html>body #site-menu h3, html>body #section-menu h3, html>body #sidebar h3 span, html>body #sidebar h4 span, html>body div.widget h3 span, html>body#home #content p a span, html>body#home #content h4, html>body#market-focus #content h4, html>body #content div.left-column p a span, html>body#home #tab #announcement p, html>body#culture #content #culture-container ul li span, html>body#space #content #space-container ul li span , html>body#solutions #content #solutions-container ul li span, html>body#clients #content ul li a span, html>body #content div.left-column a span.more span, html>body#contact #content p.address, html>body#contact #section-menu, #solutions #content ul.collage li img {
position:absolute;
top:0px;
left:-999px;
width:1px;
height:1px;
overflow:hidden;
}