body, html {
  margin: 0;
  padding: 0;
  height: 100%; }

body {
  background: url(../images/background.gif) repeat-x scroll; }

#doc {
  width: 750px;
  margin: 0 auto;
  font-family: Verdana, Geneva, sans-serif;
  position: relative;
  min-height: 100%;
  background: url(../images/doc-background.jpg); }

#hd {
  margin: 0;
  padding: 0; }

h1#logo {
  width: 750px;
  height: 40px;
  margin: 0;
  background: #fff url(../images/logo.jpg) no-repeat left;
  text-indent: -9999px; }

#mainnav {
  margin: 0;
  padding: 0;
  background-color: #7c99bb; }
  #mainnav ul {
    margin: 0 0 0 0;
    padding: 3px 0 0 0;
    float: left;
    width: 100%;
    text-transform: uppercase;
    background-color: #7c99bb; }
    #mainnav ul li {
      display: inline;
      padding: 0;
      background-color: #7c99bb; }
      #mainnav ul li a {
        letter-spacing: 2px;
        padding: 0px 2px 2px 4px;
        font-size: 12px;
        margin: 0 16px 0 6px;
        color: #fff;
        text-decoration: none;
        float: left; }
        #mainnav ul li a:visited {
          color: #fff; }
        #mainnav ul li a:hover {
          color: #7c99bb;
          background-color: #fff; }

#bd {
  margin: 0;
  position: relative;
  padding-bottom: 1.5em;
  clear: both; }

#page_title {
  padding: 10px 20px 0px 10px;
  margin: 18px 0 0 0;
  color: #f46324;
  font-size: 1.4em;
  font-weight: normal;
  letter-spacing: 0.15em;
  text-transform: uppercase; }

#content {
  padding: 10px 10px 10px 10px;
  color: #333;
  width: 535px;
  font-size: small;
  position: relative;
  height: 100%; }
  #content h2, #content h3, #content h4 {
    margin: 10px 0; }
  #content h5 {
    margin: 5px 0; }
  #content p {
    margin-bottom: 10px;
    text-align: justify; }
  #content strong {
    font-weight: bold; }
  #content a {
    color: #94b0bc;
    text-decoration: none; }
    #content a:hover {
      color: #94b0bc;
      text-decoration: underline; }
    #content a img {
      vertical-align: middle;
      border: 2px #94b0bc solid; }
      #content a img:hover {
        border: 2px #f46324 solid; }
  #content blockquote {
    margin: 10px 0px;
    padding: 10px 20px;
    background: #EAF3FF;
    font-style: italic;
    font-size: 12pt;
    border: 1px solid #7c99bb; }
    #content blockquote cite {
      display: block;
      text-align: right;
      font-size: 10pt; }
  #content .book_title {
    font-style: italic; }

#subnav {
  padding: 10px 10px 10px 10px;
  width: 170px;
  position: absolute;
  right: 0;
  top: 0; }
  #subnav h3 {
    background: #7c99bb;
    color: #fff;
    text-transform: uppercase;
    font-size: 9pt;
    line-height: 16px;
    height: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 6px;
    margin: 0; }
  #subnav ul {
    padding: 0;
    margin: 0; }
    #subnav ul li {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      #subnav ul li a {
        color: #94b0bc;
        text-transform: uppercase;
        font-size: 8pt;
        line-height: 14px;
        height: 14px;
        text-decoration: none;
        padding: 2px 6px; }
        #subnav ul li a:hover, #subnav ul li a .active {
          color: #f46324; }

#ft {
  position: absolute;
  bottom: 0;
  height: 1.5em;
  width: 100%;
  background: #fff;
  color: #7c99bb;
  text-align: center;
  border-top: 1px #7c99bb solid;
  font-size: small; }

#splash {
  height: 502px; }
  #splash img {
    position: absolute;
    left: 80px; }

dl#resume {
  margin: 0; }
  dl#resume dt {
    font-weight: normal;
    font-size: 12pt;
    color: #7c99bb; }
  dl#resume dd {
    margin-bottom: 10px;
    border: 1px #7c99bb solid;
    padding: 10px;
    margin-left: 0; }
    dl#resume dd dt {
      font-size: 12pt;
      color: #94b0bc; }
    dl#resume dd dd {
      margin-bottom: 0;
      border: none;
      padding: 0 0 10px 0; }
    dl#resume dd ul {
      list-style-type: square;
      margin-left: 15px; }
      dl#resume dd ul li {
        list-style-type: square;
        list-style-image: url(/images/bullet.jpg); }

#news ul {
  padding: 0; }
  #news ul li {
    margin: 0 0 20px 0;
    list-style-type: none; }

#links ul {
  padding: 0 0 0 15px; }
  #links ul li {
    margin: 0 0 20px 0;
    list-style-image: url(/images/bullet.jpg); }
    #links ul li a {
      font-weight: bold;
      font-size: 1em;
      display: block; }

#portfolio {
  height: 820px; }
  #portfolio ul {
    padding: 0; }
    #portfolio ul li {
      list-style-type: none;
      position: absolute; }
      #portfolio ul li#traces {
        top: 0;
        height: 300px;
        left: 10px; }
      #portfolio ul li#puros {
        top: 0;
        right: 10px;
        height: 300px; }
      #portfolio ul li#bling {
        top: 390px;
        left: 10px;
        height: 300px; }
      #portfolio ul li#illusive {
        top: 390px;
        right: 10px;
        height: 300px; }

#content .portfolio {
  position: relative; }
  #content .portfolio .piece {
    position: absolute; }
    #content .portfolio .piece .caption {
      display: none; }

#traces {
  height: 408px; }
  #traces #betweenwarriors {
    left: 136px; }
  #traces #supermanwhere {
    left: 272px; }
  #traces #withinskies {
    left: 408px; }
  #traces #montero {
    top: 136px; }
  #traces #marginalized {
    top: 136px;
    left: 136px; }
  #traces #whats_inside_matters {
    top: 136px;
    left: 272px; }
  #traces #invisibletraces {
    top: 136px;
    left: 408px; }
  #traces #tyffany_heart {
    top: 272px; }
  #traces #life_death {
    top: 272px;
    left: 136px; }

#puros {
  height: 136px; }
  #puros #montero .caption {
    width: 165px; }
  #puros #taste {
    left: 408px; }
    #puros #taste .caption {
      width: 165px; }
  #puros #asreal {
    left: 272px; }
    #puros #asreal .caption {
      width: 165px; }
  #puros #sweet {
    left: 136px; }
    #puros #sweet .caption {
      width: 165px; }

#illusive {
  height: 800px; }
  #illusive #landscape2 {
    left: 136px; }
  #illusive #landscape3 {
    left: 272px; }

#bling_bling {
  height: 300px;
  position: relative; }
  #bling_bling .piece {
    position: absolute; }
  #bling_bling #pride {
    left: 136px; }
  #bling_bling #jersey_girl {
    left: 272px; }

#signatures {
  height: 272px; }
  #signatures #tiembla_tierra {
    left: 136px; }
  #signatures #shango {
    left: 272px; }
  #signatures #oshun {
    left: 408px; }
  #signatures #machete {
    top: 136px; }
  #signatures #machetell {
    top: 136px;
    left: 136px; }
  #signatures #centalla_ndoki {
    top: 136px;
    left: 272px; }