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

.clear {
  display: inline-block; }

body {
  padding: 20px;
  background: #a3b1ca no-repeat top center; 
  color: #286c78; }

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

#branding {
  text-align: center; }
#intro {
  padding: 20px 0;
  background: #a3b1ca  no-repeat top left;
  border: 1px solid #286c78;
  margin: 20px 0 40px 0;
  width: 900px; }
  #intro #headshot {
    float: left;
    width: 150px; }
    #intro #headshot img {
      margin-left: 40px; }
  #intro #welcome {
    float: left;
    width: 500px; }
    #intro #welcome h2 {
      color: #00000;
      font-family: arial,helvetica,clean,sans-serif;
      font-weight: normal;
      font-size: 167%;
      margin: 10px 0; }
    #intro #welcome p {
      color: #286c78;
      line-height: 1.5em;
      margin-right: 40px; }
  #intro #contact {
    float: right;
    width: 250px;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 100%;
    color: #00000 }
    #intro #contact a {
      color: #286c78; }
    #intro #contact a:hover {
      color: #ffffcc }
    #intro #contact ul {
      margin: 0; }
    #intro #contact li {
      padding: 15px 0 20px 35px;
      list-style: none; }
    #intro #contact li.phone {
      background: no-repeat left center; }
    #intro #contact li.email {
      background: no-repeat left center; }


#nav {
  float: right;
  width: 199px;
  border-left: 1px solid #286c78; }
  #nav ul {
    margin: 0 10px; }
  #nav li.fineart a {
    background: url no-repeat left top; }
  #nav li.illustration a {
    background: url no-repeat left top; }
  #nav li.furniture a {
    background: url no-repeat left top; }
  #nav li.profile a {
    background: url no-repeat left top; }
  #nav li.design a {
    background: url 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: #286c78;
      text-decoration: none; }


#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: #ffffcc; }




#content {
  float: left;
  width: 600px; }
.piece {
  margin-bottom: 20px; }  
  .piece a.thumb {
    float: left;
    display: block;
    text-decoration: none;
    border: 1px solid #286c78;
    padding: 10px; }
  .piece a.thumb:hover {
    border: 1px solid #ffffcc; }
  .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 #286c78; }
    .piece dl dt {
      float: left;
      width: 100px;
      color: #286c78; }
    .piece dl dd {
      float: left;
      width: 110px; }
    .piece dl strike {
      color: #286c78; }

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

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

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

#main-body p {
  line-height: 1.5em;
  color: #286c78; }

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