/* Re-re-r-r-r-reset!!! */
html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
a {
  color: inherit;
}

.float_right {
  float: right;
}

body {
  background: #000 url(/images/sky_fade.jpg) repeat-x;
  font-family: Arial;
  font-size: 13px ;
}

#orbs {
  position: absolute;
  top: 0px; left: 0px;
  width: 927px; height: 261px;
  background: url(/images/orbs.jpg) no-repeat;
}

#wordmark {
  position: absolute;
  top: 75px; left: 50px;
  width: 370px; height: 35px;
  overflow: hidden;
}
  #wordmark a {
    display: block;
    width: 370px; height: 0px;
    padding-top: 35px;
  }

#body {
  width: 878px;
  position: absolute;
  top: 260px; left: 48px;
  background: #000 url(/images/body.jpg) no-repeat;
  min-height: 400px;
}

#pull_quote h2 {
  position: absolute;
  top: 200px; left: 50px;
  width: 879px; height: 0px;
  padding-top: 61px;
  overflow: hidden;
}

/* Navigation */
#main_nav {
  list-style: none;
  text-transform: uppercase;
  position: absolute;
  top: 0px; left: 50px;
  width: 839px;
  margin: 6px 11px 0 25px;
  font-size: 11px;
}
  #main_nav li {
    float: left;
    margin-right: 14px;
  }
  #main_nav li.float_right {
    float: right;
  }
    #main_nav li a {
      color: #a0a7b9; 
      text-decoration: none;
    }


/* Portfolio! */
#sites {
  color: #898989;
  padding-top: 25px;
}
  #sites h3 {
    font-family: "Futura Std Light", "FuturaStd-Light", "Futura", Arial;
    font-size: 18px;
    color: #bbca93;
  }
    #sites h3 a {
      text-decoration: none;
    }
  #sites .site {
    padding: 25px 25px 50px 25px;
    height: 244px;
  }
    #sites .site .site_description {
      margin-top: 25px;
      width: 315px;
      line-height: 18px;
    }
      #sites .site .site_description a {
        color: #9393a2;
      }
    #sites .site_images a {
      display: block;
      width: 485px;
      right: 0px;
    }
    #sites .site_images img {
      width: 485px;
      border: 1px solid #28283f;
    }

/* Codework */
#codework_nav {
  position: absolute;
  top: 50px; left: 25px;
  width: 207px; height: 164px;
  background: url(/images/codework_nav.jpg);
}
  #codework_nav ul {
    padding: 50px 0 0 12px;
    list-style: none;
  }
    #codework_nav ul li {
      font-family: "Futura Std Light", "FuturaStd-Light", "Futura", Arial;
      font-size: 14px;
      color: #a9a6b9;
      margin: 0 0 10px 0;
    }
    #codework_nav a {
      text-decoration: none;
    }
    
#codework_intro {
  margin: 0px 25px 0 255px;
  padding-top: 48px;
  color: #b3cc8b;
  font-size: 15px;
  line-height: 22px;
  height: 164px;
}

.codework_image {
  width: 823px;
  margin: 50px 0 0 23px;
  background: url(/images/codework_image.png) no-repeat;
  padding: 4px 4px 0 4px;
}
.codework_image_bottom {
  width: 831px; height: 1px;
  margin: -3px 0 0 23px;
  background: url(/images/codework_image_bottom.png) no-repeat;
}

.code {
  margin: 50px 25px 50px 25px;
  font-size: 12px;
}
  .code h3 {
    font-family: "Futura Std Light", "FuturaStd-Light", "Futura", Arial;
    color: #b3cc8b;
    font-size: 20px;
  }
  .code .code_description {
    position: absolute;
    width: 250px;
    right: 25px;
    color: #b3cc8b;
    padding: 15px;
    background: #141414;
    border: 1px solid  #1e2344;
    line-height: 1.5em;
  }
  
/* Gallery CSS */

#gallery_thumbs {
  margin: 50px 0 0 25px;
  width: 330px;
}
  #gallery_thumbs a {
    display: block;
    border: 1px solid #28283f;
    width: 90px;
    height: 90px;
    float: left;
    margin: 0 12px 12px 0;
  }
    #gallery_thumbs a:hover {
      border: 2px solid #44466f;
      margin: -1px 11px 11px -1px;
    }
  
#gallery_big {
  width: 500px; height: 500px;
  position: absolute;
  top: 45px;
  right: 20px;
  background: url(/images/gallery_big_back.jpg) no-repeat;
  padding: 6px 6px 50px 6px;
}
.image_wrapper {
  position: absolute;
  width: 500px; height: 500px;
  display: none;
}
  .image_description {
    color: #a0a7b9;
    border-top: 1px solid #1f1f3b;
    font-size: 12px;
    line-height: 1.5em;
    padding: 10px;
    position: absolute;
    bottom: 0; left: 0;
    width: 480px;
    background: url(/images/75_dark.png);
    display: none;
  }