.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clear {
  display: inline-block; }

body {
  padding: 10px;
  background: #150b01 url(/images/body_bg.jpg) no-repeat top center; 
  color: #e1a971; }

#wrapper {
  width: 900px;
  margin: 0 auto; }

#branding {
  text-align: center; }
#intro {
  padding: 20px 0;
  background: #000 url(/images/intro_bg.jpg) no-repeat top left;
  border: 1px solid #6f4b26;
  margin: 20px 0 40px 0;
  width: 900px; }
  #intro #headshot {
    float: left;
    width: 150px; }
    #intro #headshot img {
      border: 3px solid #000;
      margin-left: 40px; }
  #intro #welcome {
    float: left;
    width: 450px; }
    #intro #welcome h2 {
      color: #6f4b26;
      font-family: arial,helvetica,clean,sans-serif;
      font-weight: normal;
      font-size: 167%;
      margin: 10px 0; }
    #intro #welcome p {
      color: #6f4b26;
      line-height: 1.5em;
      margin-right: 40px; }
  #intro #contact {
    float: right;
    width: 250px;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 100%;
    color: #e1a971; }
    #intro #contact a {
      color: #e1a971; }
    #intro #contact a:hover {
      color: #dcdede; }
    #intro #contact ul {
      margin: 0; }
    #intro #contact li {
      padding: 8px 0 30px 35px;
      list-style: none; }
    #intro #contact li.phone {
      background: url(/images/phone.gif) no-repeat left center; }
    #intro #contact li.email {
      background: url(/images/airplane.gif) no-repeat left center; }

#nav {
  float: right;
  width: 199px;
  border-left: 1px solid #6f4b26; }
  #nav ul {
    margin: 0 10px; }
  #nav li.fineart a {
    background: url(/images/icon-fineart.gif) no-repeat left top; }
  #nav li.illustration a {
    background: url(/images/icon-illustration.gif) no-repeat left top; }
  #nav li.furniture a {
    background: url(/images/icon-furniture.gif) no-repeat left top; }
  #nav li.profile a {
    background: url(/images/icon-profile.gif) no-repeat left top; }
  #nav li.design a {
    background: url(/images/icon-design.gif) no-repeat left top; }
  #nav li {
    list-style: none;
    text-transform: uppercase;
    font-family: arial,helvetica,clean,sans-serif;
    font-weight: normal;
    margin: 10px 0;
    font-size: 93%;
    letter-spacing: 6px; }
    #nav li a {
      display: block;
      padding: 8px 0 10px 34px;
      color: #6f4b26;
      text-decoration: none; }

#redbubble {
  display: block;
  clear: both;
  margin-top: 40px;
  margin-left: 10px;
}

#nav li a:hover,
body.fineart #nav li.fineart a,
body.illustration #nav li.illustration a,
body.design #nav li.design a,
body.furniture #nav li.furniture a,
body.profile #nav li.profile a {
  background-position: 0px -99px;
  color: #e1a971; }



#content {
  float: left;
  width: 600px; }
.piece {
  margin-bottom: 20px; }  
  .piece a.thumb {
    float: left;
    background: black;
    display: block;
    text-decoration: none;
    background: black;
    border: 1px solid #6f4b26;
    padding: 10px; }
  .piece a.thumb:hover {
    border: 1px solid #6f4b26; }
  .piece dl {
    float: left;
    width: 210px;
    margin: 0 40px;
    font-size: 93%; }
    .piece dl dt, .piece dl dd {
      margin: 0;
      padding: .9em 0;
      border-bottom: 1px solid #6f4b26; }
    .piece dl dt {
      float: left;
      width: 100px;
      color: #6f4b26; }
    .piece dl dd {
      float: left;
      width: 110px; }
    .piece dl strike {
      color: #6f4b26; }

  ul.thumbnails {
  margin: 10; }
  ul.thumbnails li {
    list-style: none;
    float: left;
    margin: 10; }
  ul.thumbnails a {
    display: block;
    width: 64px;
    height: 64px;
    border: 3px solid #000;
    float: left;
    margin: 12px; }
  ul.thumbnails a.animation {
  	width: 100px;
  	height: 84px;}
  ul.thumbnails a:hover {
    border-color: #6f4b26; }

body.furniture ul.thumbnails a {
  width: 512px;
  height: 256px;
  display: block;
  background: black;
  text-decoration: none;
  background: black;
  border: 1px solid #6f4b26;
  padding: 10px;
  margin: 10px; }
body.furniture ul.thumbnails a:hover {
  border: 1px solid #f1ad0b; }

#main-body h2 {
  clear: both;
  font-family: arial,helvetica,clean,sans-serif;
  font-weight: normal;
  font-size: 100%;
  color: #c4884a;
  padding-bottom: 4px;
  border-bottom: 1px solid #6f4b26;
  letter-spacing: .7em; }

#main-body p {
  line-height: 1.5em;
  color: #6f4b26; }

#footer {
  padding-top: 10px;
  clear: both;
  color: #6f4b26;
  text-align: center; }
  #footer p {
    font-size: 93%; }