html, body {margin:0; padding:0; background-color:#FFFFFF; font-family: helvetica, arial, verdana, sans-serif; font-size:10px;}

html { height: 100%;}
body { height: 100%;}
#nonFooter { position: relative; min-height: 100%;}
* html #nonFooter { height: 100%;}
#footer { position: relative; margin-top: -22px; width:100%;} 

img {border:0px; behavior: url("pngbehavior.htc");}

#show {position:absolute; top:145px; left:360px; width:486px; height:410px; z-index:1;}

#folio {position:absolute; top:145px; left:360px; width:486px; height:410px; z-index:2;}

#break {height:44px; clear:both;}
#white {width:100%; min-height:555px; overflow:hidden; background-color:#FFFFFF;}

#band {height:22px; font-size:10px; color:#ABADAE; padding-left:40px;}
#band b {color:#638DC7;}
#band a {color:#ABADAE; text-decoration:none;}
#band a:hover {color:#7BA0D3;}

#text {position:absolute; top:145px; left:0px; width:360px; color:#ABADAE; }
#text p {margin:0 0 10px 40px; padding:0; font-size:12px; line-height:15px;}
#text h2 {margin:-8px 0 18px 40px; padding:0; font-size:16px; line-height:22px; font-weight:normal;}
#text img {margin-bottom:18px;}

#deepertext {margin-top:145px; width:600px; color:#ABADAE; float:left; min-height:542px;}
#deepertext p {margin:0 0 11px 40px; padding:0; font-size:16px; line-height:22px;}
#deepertext img {margin-bottom:20px;}
#deepertext b {color:#7BA0D3; font-weight:normal;}

#connecttext {margin-top:145px; width:600px; color:#ABADAE; float:left; min-height:410px;}
#connecttext h2 {margin:22px 0 10px 40px; padding:0; font-size:16px; line-height:22px; font-weight:normal; color:#ABADAE;}

#connecttext p {margin:0 0 10px 40px; padding:0; font-size:12px; line-height:15px; color:#ABADAE;}
#connecttext p a {color:#7BA0D3; text-decoration:none;}
#connecttext p a:hover {color:#7BA0D3; text-decoration:underline;}

#connecttext p.grey a {color:#ABADAE; text-decoration:none;}
#connecttext p.grey a:hover {color:#ABADAE; text-decoration:underline;}

#connecttext p.big {margin:0 0 20px 40px; padding:0; font-size:16px; line-height:22px; font-weight:normal; color:#ABADAE;}

#sitemap {margin-top:145px; width:600px; color:#ABADAE; float:left; min-height:410px;}
#sitemap h2 {margin:22px 0 10px 40px; padding:0; font-size:16px; line-height:22px; font-weight:normal; color:#ABADAE;}
#sitemap h2 a {color:#7BA0D3; text-decoration:none;}
#sitemap h2 a:hover {color:#7BA0D3; text-decoration:underline;}
#sitemap p {margin:0 0 10px 40px; padding:0; font-size:12px; line-height:15px; color:#ABADAE;}
#sitemap p a {color:#ABADAE; text-decoration:none;}
#sitemap p a:hover {color:#ABADAE; text-decoration:underline;}

#homecopy {position:absolute; top:365px; left:270px; font-size:10px; line-height:12px; 
width:658px; height:130px; background:url('images/text-home.gif') no-repeat; text-indent:-10000px;}

#homelink {position:absolute; top:540px; left:270px;}

#pr-nav {position:absolute; top:192px; left:40px; z-index:11;
font-size:16px; line-height:22px; color:#ABADAE;}
#pr-nav a {text-decoration:none; color:#ABADAE;}
#pr-nav a:hover {color:#638DC7;}
#pr-nav b {color:#638DC7; font-weight:normal;}

#pr-copy {position:absolute; top:194px; left:270px; width:500px;}
#pr-copy p {margin:0 0 11px 0; padding:0; font-size:16px; line-height:22px; color:#ABADAE;}
#pr-copy b {color:#638DC7; font-weight:normal;}


#pr-text-0 {position:absolute; top:194px; left:270px; width:465px; height:210px;
background: url('images/new-text-practices0.gif') no-repeat; text-indent:-10000px;}

#pr-text-1 {position:absolute; top:194px; left:270px; width:502px; height:180px;
background: url('images/new-text-practices1.gif') no-repeat; text-indent:-10000px;}

#pr-text-2 {position:absolute; top:194px; left:270px; width:525px; height:378px;
background: url('images/new-text-practices2.gif') no-repeat; text-indent:-10000px;}

#pr-text-3 {position:absolute; top:194px; left:270px; width:484px; height:332px;
background: url('images/new-text-practices3.gif') no-repeat; text-indent:-10000px;}


#nav {position:absolute; top:144px; left:42px; width:40px; height:14px; z-index:20;}
#nav img {dispplay:block; margin-right:3px; float:left;}

#num {position:absolute; top:145px; left:80px; width:40px; font-size:12px; color:#B2B4B6; letter-spacing:2px;}

#worknav {position:absolute; top:0px; left:0px; z-index:10;}
#cultureflash {position:absolute; top:132px; left:605px; z-index:9;}
#clientsflash {margin-left:12px; z-index:11;}


#bgWhat-0 {position:absolute; top:0px; left:110px; height:731px; width:850px; 
background:url('images/pic-what.jpg') no-repeat -20px -55px;}

#bgWhat-1 {position:absolute; top:0px; left:110px; height:731px; width:870px; 
background:url('images/pic-what.jpg') no-repeat 28px 0px;}

#bgWhat-2 {position:absolute; top:0px; left:110px; height:731px; width:870px; 
background:url('images/pic-what.jpg') no-repeat 28px -32px;}

#bgWhat-3 {position:absolute; top:0px; left:110px; height:731px; width:870px; 
background:url('images/pic-what.jpg') no-repeat 28px -16px;}

#bgHow {position:absolute; top:0px; left:0px; background-image:url('images/pic-how.jpg'); 
background-repeat: no-repeat; height:731px; width:960px;}

#bgPhilosophy {position:absolute; top:100px; left:0px; height:731px; width:960px; 
background:url('images/pic-philosophy.jpg') no-repeat -37px -220px;}

#bgRoots {position:absolute; top:0px; left:0px; background-image:url('images/pic-roots.jpg'); 
background-repeat: no-repeat; height:731px; width:960px;}

#bgContact {position:absolute; top:0px; left:0px; background-image:url('images/pic-contact.jpg'); 
background-repeat: no-repeat; height:731px; width:960px;}



#article {width:638px; margin:145px 0 0 40px; padding-bottom:50px;}
#article p {margin:0 0 10px 0; padding:0; font-size:12px; line-height:15px; color:#B2B4B6;}
#article a {color:#7BA0D3; text-decoration:none;}
#article a:hover {text-decoration:underline}
#article h1 {margin:20px 0 20px 0; padding:0; font-size:16px; line-height:22px; color:#7BA0D3; font-weight:normal;}
#article h2 {margin:30px 0 10px 0; padding:0; font-size:13px; line-height:16px; color:#7BA0D3; font-weight:normal;}
#article li {font-size:12px; line-height:15px; color:#B2B4B6;}


#panelPress {width:440px; float:left; margin:0px; margin-top:218px;}
#panelPress p {margin:0 0 10px 0; padding:0; font-size:12px; line-height:15px; color:#ABADAE;}
#panelPress a {color:#7BA0D3; text-decoration:none; font-weight:bold;}
#panelPress a:hover {text-decoration:underline}

#xx1 {width:40px; float:left;}

#panelNews {width:330px; float:left; margin:218px 0 0 70px; padding-bottom:40px;}

.nItem {background-image:url('images/news-top.jpg'); background-repeat:no-repeat;
clear:both; padding-top:8px; background-color:#FFFFFF; height:87px; overflow:hidden;}

.nPic {width:128px; float:left;}
.nPic img {margin-left:8px;}
.nText {width:192px; float:left; font-size:12px; line-height:15px; color:#ABADAE; padding-top:4px;}
.nText a {color:#7BA0D3; text-decoration:none;}
.nText a:hover {color:#7BA0D3; text-decoration:underline;}
.bb {height:10px; clear:both;}



#pressNav {position:absolute; top:177px; left:40px; height:17px; z-index:30;}
#pressNav ul {padding:0; margin:0; list-style: none; float:left; display:block;}
#pressNav li {padding:0; margin:0; float:left; display:block; position: relative; margin-right:6px}
#pressNav a {display:block; height:17px; text-indent: -10001px;}
#pressNav a:active {outline:none;}


#p10 {background:url(images/n10-0.gif) no-repeat top left; width:21px;}
#p10 a:hover, #p10.selected a  {background:url(images/n10-1.gif) no-repeat top left; outline: none;}
#p9 {background:url(images/n09-0.gif) no-repeat top left; width:21px;}
#p9 a:hover, #p9.selected a  {background:url(images/n09-1.gif) no-repeat top left; outline: none;}
#p8 {background:url(images/n08-0.gif) no-repeat top left; width:21px;}
#p8 a:hover, #p8.selected a  {background:url(images/n08-1.gif) no-repeat top left; outline: none;}
#p7 {background:url(images/n07-0.gif) no-repeat top left; width:19px;}
#p7 a:hover, #p7.selected a  {background:url(images/n07-1.gif) no-repeat top left; outline: none;}
#p6 {background:url(images/n06-0.gif) no-repeat top left; width:21px;}
#p6 a:hover, #p6.selected a  {background:url(images/n06-1.gif) no-repeat top left; outline: none;}
#p5 {background:url(images/narchive-0.gif) no-repeat top left; width:55px;}
#p5 a:hover, #p5.selected a  {background:url(images/narchive-1.gif) no-repeat top left; outline: none;}



#newsNav {position:absolute; top:177px; left:550px; height:17px; z-index:30;}
#newsNav ul {padding:0; margin:0; list-style: none; float:left; display:block;}
#newsNav li {padding:0; margin:0; float:left; display:block; position: relative; margin-right:6px}
#newsNav a {display:block; height:17px; text-indent: -10001px;}
#newsNav a:active {outline:none;}


#n10 {background:url(images/n10-0.gif) no-repeat top left; width:21px;}
#n10 a:hover, #n10.selected a  {background:url(images/n10-1.gif) no-repeat top left; outline: none;}
#n9 {background:url(images/n09-0.gif) no-repeat top left; width:21px;}
#n9 a:hover, #n9.selected a  {background:url(images/n09-1.gif) no-repeat top left; outline: none;}
#n8 {background:url(images/n08-0.gif) no-repeat top left; width:21px;}
#n8 a:hover, #n8.selected a  {background:url(images/n08-1.gif) no-repeat top left; outline: none;}
#n7 {background:url(images/n07-0.gif) no-repeat top left; width:19px;}
#n7 a:hover, #n7.selected a  {background:url(images/n07-1.gif) no-repeat top left; outline: none;}
#n6 {background:url(images/n06-0.gif) no-repeat top left; width:21px;}
#n6 a:hover, #n6.selected a  {background:url(images/n06-1.gif) no-repeat top left; outline: none;}
#n5 {background:url(images/narchive-0.gif) no-repeat top left; width:55px;}
#n5 a:hover, #n5.selected a  {background:url(images/narchive-1.gif) no-repeat top left; outline: none;}