body {
    font-size: 100%;
    margin: 30px auto auto 30px;
    }
    
/* HTML defaults */
a img { border: 0; }

a {
    color: #bcbcbc;
    text-decoration: none;
    }
    
a:hover { color: #666; }

strong {    /* SEO style - please use <b> for bold */
    font-weight: normal;
    font-style: normal; 
    } 

h1, h2 { 
    font-family: "Arial Unicode MS", arial, helvetica, sans-serif;
    font-weight: medium;
    color: #666;
    }

h1 { font-size: 1em; } 
h2 { font-size: 0.938em; }

h1.mw { max-width: 600px; }

h2.pf { 
    font-size: 1.625em;
    font-weight: lighter;
    color: #888;
    }

/* architecture */
#container {
    width: 990px;
    }

#header, #beauty, #page {
    width: 960px;
    }
    
#header, #page {
    border-style: solid;
    border-color: white;
    }
    
#header {
    height: 60px;
    border-width: 0 0 30px 15px;
    }
    
#header img,  #top-nav li { float: left; }

#top-nav ul { 
    list-style: none; 
    margin-top: 12px;
    }
    
#top-nav ul li { text-align: right; padding-left: 27px; }
   
#top-nav #client-studies { 
    display: block;
    
    }

#top-nav #client-list { 
    display: block;
    
    } 
    
#top-nav #services { 
    display: block;
    
    }
    
#top-nav #contact { 
    display: block;
    
    }
    
#top-nav { float: right;  border-right: 30px solid white; }
#top-nav.alt { border-right: 2px; }

/* #beauty { } */
    
#beauty.bars { 
    border-style: solid;
    border-color: #898989;
    border-width: 0 15px;
    }
    
#beauty.alacarte { height: 578px; }
#beauty.smap { height: 668px; position: relative; }
    
#beauty.bars img { border-left: 15px solid white; }
    
#beauty.svcs {
    position: relative;
    width: 930px;
    height: 578px;
    }
#beauty-alt {
    position: absolute;
    width: 705px;
    height: 470px;
    right: 0;
    bottom: 0;
    }
    
#beauty-alt-2 {
    position: absolute;
    width: 705px;
    height: 470px;
    right: 10px;
    bottom: 0;
    z-index: 1;
    }

#page {
    border-width: 30px 15px 15px 15px;
    }
    
#page #abso {
    position: absolute;
    top: 250px;
    left: -80px;
    z-index: 99;
    }
    
#absmap {
    position: absolute;
    top: 200px;
    left: -80px;
    z-index: 99;
    }
 
#footer { 
    width: 100%; 
    border-bottom: 10px solid white;
    }  
    
/* layout/regional styles */
#top-nav { color: #666; }
#top-nav, #top-nav a {
    font-family: "Arial Unicode MS", arial, helvetica, sans-serif;
    font-size: 1em;    
    }

#left-nav {
    position: absolute; 
    top: 400px; 
    left: 58px; 
    background: white; 
    width: 180px; 
    height: 240px; 
    padding: 0; 
    text-align: left;
    font-family: "Arial Unicode MS", arial, helvetica, sans-serif;
    font-size: 0.875em;  
    font-style: normal;
    line-height: 2em;
    font-weight: normal;
    color: #666;
	text-transform: uppercase;
    z-index: 4;
    }
    
#left-nav a {
    color: #bcbcbc;
    }
	
#left-nav a:hover {
    color: #666;
    }
    
/*    
#top-nav a:hover { color: #666; }
*/

#page p { 
    margin-left: 350px; 
    padding-right: 50px;
    font-family: "Georgia", serif;
    font-size: 0.900em;
    line-height: 1.875em;
    color: #9a9a9a;
    }

#page h1, #page h2 { 
    margin-left: 350px; 
    color: #9a9a9a;
    }

#cspage p {
    font-family: "Georgia", serif;
    font-size: 0.938em;
    line-height: 1.875em;
    color: #9a9a9a;
    padding-right: 60px;
    }

#cspage img.left { border-right: 20px solid white; }
#cspage img.right { border-left: 20px solid white; }

/* more PF styles under "class" below */

#footer p {
    margin-left: 365px;
    font-family: "Arial Unicode MS", arial, helvetica, sans-serif;
    font-size: 0.689em; 
    color: #aeaeae;
    text-transform: uppercase;
    }
#footer.alt { text-align: left; }
#footer.alt p { margin-left: 340px; padding-right: 10px; }   

/* backgrounds */
/*
.bg1 { 
    width: 990px;
    height: 399px;
    background: url(../img/pf-flyers-archival-reissue.jpg) right top no-repeat;
    }
*/

#pfcontent { 
    position: absolute; 
    top: 119px; 
    left: 50px; 
    background: white; 
    width: 500px; 
    height: 60px; 
    padding: 10px; 
    }

/* class */   
.gold, #page p.gold { color: #ca2; }

div.clbox {
    width: 100%;
    border-top: 30px solid white;
    }

div.client-list {
    width: 298px;
    border-left: 10px solid white;
    float: left;
    text-align: left;   
    font-family: Georgia, serif;
    font-size: 0.938em;
    line-height: 1.313em;
    color: #999;
    }
    
div.client-list.rcol { width: 284px; }
    
div.clpush { width: 100%; height: 65px; clear: both; }

div.right-bar {
    width: 300px;
    border-left: 30px solid white;
    float: right;
    }

div.right-bar img { margin-bottom: 15px; }

div.right-bar p { 
    font-family: Georgia, serif;
    letter-spacing: 0.065em;
    }

p.pfleft {
    font-family: Georgia, serif;
    font-size: 0.938em;
    font-style: italic;
    line-height: 1.875em;
    color: #9a9a9a;
    display: block;
    width: 394px;
    padding-left: 20px; 
    text-align: left;
    float: left;
    }
	
p.pfright {
    font-family: Georgia, serif;
    font-size: 0.938em;
    font-style: italic;
    line-height: 1.875em;
    color: #9a9a9a;
    display: block;
    width: 380px;
    padding-right: 20px; 
    text-align: right;
    float: right;
    }
	
p.sbright {
    font-family: Georgia, serif;
    font-size: 0.938em;
    font-style: italic;
    line-height: 1.875em;
    color: #9a9a9a;
    display: block;
    width: 360px;
    padding-right: 20px; 
    text-align: right;
    float: right;
    }

p.pull {
    font-family: "Arial Unicode MS", arial, helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.875em;
    text-transform: uppercase;
    text-align: center;
    width: 880px;
    padding: 0 40px;
    /* margin-bottom: -15px; */
    }
    
p.rpad { 
    /* _width: 600px; */
    max-width: 640px; 
    overflow: hidden;
    }

.leader {
    font-size: 1.5em;
    text-transform: uppercase;
    }

/* * Flash overprint Section * */

/* new and improved
#content { 
    position: absolute; 
    top: 220px; 
    left: 750px; 
    background: white; 
    width: 180px; 
    height: 80px; 
    padding: 10px; 
    
    border: 1px solid #eee;
    }
    
#content a {
    color: #ca2;
    font-family: arial;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    }
*/
#content { z-index: 100; }
#content.left { 
    position: absolute; 
    top: 119px; 
    left: 50px; 
    background: white; 
    width: 500px; 
    height: 60px; 
    padding: 10px; 
    }
    
#content.right { 
    position: absolute; 
    top: 119px; 
    left: 45px; 
    /*background: white; */
    width: 910px; 
    height: 60px; 
    padding: 10px; 
    text-align: right;
    }
    
#content.rmw { 
    position: absolute; 
    top: 119px; 
    left: 355px; 
    background: white; 
    width: 600px; 
    height: 60px; 
    padding: 10px; 
    text-align: right;
    }

/* case studies pages */   
#cs-con-1, #cs-con-2, #cs-con-3 {
    width: 250px;
    height: 72px;
    position: absolute;    
    top: 220px;
    text-align: center;
    padding: 0 20px;
    z-index: 3;
    }

#cs-con-1 a, #cs-con-2 a, #cs-con-3 a {    
    font-family: Arial, sans-serif;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #666;
    }
    
#cs-con-1 a i, #cs-con-2 a i, #cs-con-3 a i {
    font-family: Georgia, serif;
    font-size: 1.375em;
    font-style: italic;
    font-weight: lighter;
    line-height: 1.625em;
    text-transform: none;
    }
    
#cs-con-1 { left: 60px; }
#cs-con-2 { left: 364px; }
#cs-con-3 { left: 668px; }

#pan-con-1, #pan-con-2, #pan-con-3, #pan-con-4 {
    width: 220px;
    height: 72px;
    position: absolute;    
    top: 537px;
    text-align: left;    
    padding: 0 20px;
    z-index: 3;
    }
    
#pan-con-1 a, #pan-con-2 a, #pan-con-3 a, #pan-con-4 a {
    font-family: Arial, sans-serif;
    font-size: 0.814em;
    color: #666;
    }
    
#pan-con-1 { left: 55px; }
#pan-con-2 { left: 280px; }
#pan-con-3 { left: 510px; }
#pan-con-4 { left: 745px; }

#pan-con-1 span.drop, #pan-con-2 span.drop, #pan-con-3 span.drop, #pan-con-4 span.drop {
    font-family: georgia, serif;
    font-size: 2em;
    font-weight: lightest;
    font-style: italic;
    margin-top: -40px;
    margin-right: 6px;
    line-height: 3em;
    color: #ca2;
    display: inline-block;
    float: left;
    }
    
#pf-con-1, #pf-con-2 {
    width: 250px;
    height: 72px;
    position: absolute;    
    top: 540px;
    text-align: left;
    padding: 0 20px;
    z-index: 3;
    }
    
#pf-con-1 a, #pf-con-2 a {
    font-family: Arial, sans-serif;
    font-size: 0.875em;
    color: #666;
    }
    
#pf-con-1 { left: 150px; }
#pf-con-2 { left: 600px; }

#pf-con-1 span.drop, #pf-con-2 span.drop {
    font-family: georgia, serif;
    font-size: 2.750em;
    font-weight: lightest;
    font-style: italic;
    margin-top: -12px;
    margin-right: 6px;
    color: #ca2;
    display: inline-block;
    float: left;
    }
    
#sb-con-1, #sb-con-2, #sb-con-3, #sb-con-4 {
    width: 220px;
    height: 72px;
    position: absolute;    
    top: 540px;
    text-align: left;    
    padding: 0 20px;
    z-index: 3;
    }
    
#sb-con-1 a, #sb-con-2 a, #sb-con-3 a, #sb-con-4 a {
    font-family: Arial, sans-serif;
    font-size: 0.814em;
    color: #666;
    }
    
#sb-con-1 { left: 47px; }
#sb-con-2 { left: 280px; }
#sb-con-3 { left: 510px; }
#sb-con-4 { left: 735px; }

#sb-con-1 span.drop, #sb-con-2 span.drop, #sb-con-3 span.drop, #sb-con-4 span.drop {
    font-family: georgia, serif;
    font-size: 2em;
    font-weight: lightest;
    font-style: italic;
    margin-top: -8px;
    margin-right: 6px;
    color: #ca2;
    display: inline-block;
    float: left;
    }

    
/* styles */  
a.lif { color: #666; } /* link inside folder */

#content h1, #cscontent h1, #pfcontent h1 {
    font-family: "Arial Unicode MS", arial, helvetica, sans-serif;
    font-size: 1.250em;     
    font-weight: 100;
    text-transform: uppercase;
    line-height: 1.250em;
    }
    
#content.right h1 { line-height: 1.500em; }

.bigger { font-size: 1.875em; }
.big { font-size: 1.625em; }

div.copyleft {
    width: 458px;
    border-style: solid;
    border-color: #efefef;
    border-width: 5px 0;
    float: left;
    margin-left: 30px;
    }
    
div.copyleft p {
    font-family: Georgia, serif;
    font-size: 1.125em;
    font-style: italic;
    line-height: 1.875em;
    color: #666;
    padding: 10px 20px;
    }
    
div.copyright {
    border-style: solid;
    border-color: white;
    border-width: 5px 0;
    float: right;
    margin-right: 30px;
    }
    
div.push { 
    width: 100%;
    height: 50px;
    clear: both;
    }