/* PRINT CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 	vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { 	text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/* =LAYOUT  */
body { 
  background-color: #FFF; 
  color: #2D2D2D; font-size: 10pt; height: 50%;
  font-family: "Vagabond", "VAG Rounded LT Thin", "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; 
}

#quick_search, #lightwindow { display: none; }

#nav { width: 200px; }
  #nav img { margin-bottom: 1.6em;  }
  p#footer { margin-top: 10em; }
    p#footer span.org { font-weight: bold; }

#content { position: absolute; top: 5em; left: 205px; width: 650px;  }

body.portfolios div.portfolio { width: 200px; height: 200px; float: left; /* List of all properties */ }
  body.portfolios div.portfolio img { float: left; }
  body.portfolios div.portfolio p { margin-left: 110px; }

body.portfolio div.portfolio {  /* Each property */}
  body.portfolio div.portfolio img { float: left; margin-bottom: 2em; }
  body.portfolio div.portfolio p { margin-left: 370px; }
  body.portfolio p.folio_nav { margin-left: 0; clear: both; }

p#partners_list {
    position: absolute; top: 0.5em; left: 2em; height: 495px; width: 650px;
    z-index: 500; 
  }

  a.lanham_paul, a.mapp_nigel, a.clein_david, a.allen_adrian { 
    position: absolute;
    width: 140px; height: 490px; border: 0;
    z-index: 500;
  }
    a.lanham_paul   { left: 50px; }
    a.mapp_nigel    { left: 200px;}
    a.clein_david   { left: 340px;}
    a.allen_adrian  { left: 480px;}

body.partner img.partner { float: left; }
  body.partner h2 { padding-top: 48px; padding-bottom: 0; }
  body.partner h6 { padding-bottom: 1em; }
    body.partner h2, body.partner h6 { padding-left: 110px; }

body#people div.person { height: 180px; width: 260px; float: left; }
  body#people div.person p { font-size: 0.9em; line-height: 1.3em; padding-bottom:0; }
  body#people div.person span { float: left; text-align: right; width: 1.5em; }
    body#people div.person span.tel { float: none; text-align: left; width: auto; margin-left: 1em; }
  body#people div.person img { display: block; }



/* =HTML REDONE  */
h1 { font-size: 12pt; position: absolute; top: -3em; left: 0; letter-spacing: 0.1em; }
  body#home h1 { display: none; }
p { font-size: 10pt; line-height: 14pt; padding-bottom: 14pt; }
  p.pitch.big { font-size: 16pt; line-height: 20pt; padding-bottom: 16pt; }
  p.pitch.medium { font-size: 13pt; line-height: 16pt; padding-bottom: 16pt; }

#content ol {  list-style: decimal inside!important; width: 40%; float: left; margin-right: 3em;  }
#content li { font-size: 10pt; padding-bottom: 14pt; }

@font-face {
  font-family: Vagabond;
  src: url('/stylesheets/VAGABON0.eot'); /* IE6 */
  src: url('/stylesheets/VAGROUN1.eot'); /* IE7 */
  src: url('/stylesheets/vrt.ttf'); /* Better browsers */
}


a:link, a:visited, a:hover, a:active { color: #666; text-decoration: underline; }


/* =NAV */
#nav a { text-decoration: none; }
#nav ul { list-style-type: none; }

body#about #nav li.about a, body#values #nav li.values a, body#portfolio #nav li.portfolio a, 
body#press #nav li.press a, body#people #nav li.people a, body#join #nav li.join a, body#contact #nav li.contact a 
    { color: #000!important; background-color: #99FF00; }
   body#people.team #nav li.team a, body#people.partner #nav li.partners a { color: #000!important; }


/* =FORMS  */
div.field { display: block; }
label { display: block; }