body {
  background: #ffffff url(../images/bg-body.png) repeat-x;
  color: #999999;
  line-height: 1;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px; }

h1, h2, h3 {
  font-weight: normal; }

h3 {
  font-size: 20px;
  color: #808080; }

p {
  line-height: 2;
  padding: 0 0 0 12px; }

a {
  color: #808080; }
  a:hover {
    color: #ffffff;
    background-color: #808080;
    text-decoration: none; }

.page {
  background: transparent url(../images/bg-page.png) no-repeat;
  width: 1040px; }

#header {
  position: relative; }

#branding {
  display: none; }

#nav {
  float: right;
  text-align: center;
  border-right: 1px dotted #e9e9e9; }
  #nav li {
    position: relative;
    float: left;
    border-left: 1px dotted #e9e9e9;
    height: 192px;
    width: 128px; }
    #nav li a {
      position: absolute;
      bottom: 2px;
      width: 100%;
      display: block;
      padding-bottom: 8px;
      border-bottom: 6px solid #ffffff; }
      #nav li a:hover {
        border-bottom: 6px solid #bababa; }

#content {
  background: transparent url(../images/bg-content.png) repeat-y;
  margin: 275px 0 0 0;
  padding: 0 0 0 190px; }

.folder {
  margin: 40px 0 0 0; }
  .folder .info {
    width: 350px;
    float: right; }
    .folder .info p {
      padding: 0; }
  .folder img {
    background-color: #c5c5c5;
    padding: 1px;
    border: 1px solid #e2e2e2; }

.thumbs {
  float: left;
  width: 425px;
  margin: 0 0 115px 0; }
  .thumbs li {
    float: left;
    margin: 0 4px 2px 0; }

h2#ksspictures {
  text-indent: -9999px;
  background: transparent url(../images/repl-ksspictures.png) no-repeat;
  height: 27px; }

h2#kssdesigns {
  text-indent: -9999px;
  background: transparent url(../images/repl-kssdesigns.png) no-repeat;
  height: 27px; }

h2#ksscreation {
  text-indent: -9999px;
  background: transparent url(../images/repl-ksscreation.png) no-repeat;
  height: 27px;
  margin: 0 0 1em 0; }

h2#ksscontact {
  text-indent: -9999px;
  background: transparent url(../images/repl-ksscontact.png) no-repeat;
  height: 27px;
  margin: 3em 0 2em 0; }

#impress h2 {
  text-indent: -9999px;
  background: transparent url(../images/repl-impress.png) no-repeat;
  height: 27px;
  margin: 3em 0 2em 0; }

#nav_pictures a {
  text-indent: -9999px;
  background: transparent url(../images/repl-nav-pictures.png) no-repeat 25px 0; }

#nav_designs a {
  text-indent: -9999px;
  background: transparent url(../images/repl-nav-designs.png) no-repeat 25px 0; }

#nav_contact a {
  text-indent: -9999px;
  background: transparent url(../images/repl-nav-contact.png) no-repeat 26px 0; }

form {
  width: 440px; }
  form li {
    margin: 0 0 0.5em 0; }
  form label {
    float: left;
    color: #000000;
    margin: 0 0.25em 0.5em 0; }
  form .hint {
    float: left;
    margin: 0 0 0.5em 0; }
  form input {
    border: 1px solid #000000;
    background-color: #f5f5f5;
    width: 100%;
    height: 1.5em;
    padding: 0.25em; }
  form textarea {
    clear: left;
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    width: 100%;
    height: 10em;
    padding: 0.3em 0.15em 0.3em 0.15em; }

form#send_message {
  float: left; }

.vcard {
  line-height: 1.5em;
  width: 350px;
  padding: 0.8em 0 0 12px; }
  .vcard .org {
    margin: 0 0 1em 0; }
    .vcard .org .kss {
      color: #000000; }
  .vcard .adr {
    margin: 0 0 1em 0; }
  .vcard .email {
    color: #000000;
    text-decoration: none;
    display: block;
    margin: 0 0 1em 0; }

#flash_banner {
  width: 935px;
  height: 200px;
  position: absolute;
  top: 192px;
  left: 105px; }

#impress {
  margin: 2em 0 0 0; }
  #impress h3 {
    font-size: 1em;
    margin: 1.5em 0 0.5em 0; }

* html #nav li a { margin-left:-50%; }