/* Generated by KompoZer */
a.this:link {
  color: #aaa19c;
  text-decoration: none;
}
a.this:visited {
  color: #aaa19c;
  text-decoration: none;
}
a.this:hover {
  color: #aaa19c;
  text-decoration: underline;
}
#nav {
  margin: 0;
  padding: 0;
}
#nav li {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  height: 20px;
  float: left;
  position: relative;
}
#nav li a {
  height: 20px;
  text-indent: -9000px;
  display: block;
}
#nav .current a {
  background-position: 0 -20px;
}
a#home, a#biography, a#gallery, a#contact {
  width: 100px;
  height: 20px;
}
a#commissions {
  width: 120px;
  height: 20px;
}
a#home {
  background-image: url(images/home.png);
}
a#biography {
  background-image: url(images/biography.png);
}
a#gallery {
  background-image: url(images/gallery.png);
}
a#commissions {
  background-image: url(images/commissions.png);
}
a#contact {
  background-image: url(images/contact.png);
}
a#home:hover, a#biography:hover, a#gallery:hover, a#commissions:hover, a#contact:hover {
  background-position: 0 -20px;
}
div.container {
  margin: 20px auto 0;
  text-align: left;
  width: 870px;
  line-height: 150%;
  background-color: white;
}
div.navcontainer {
  float: right;
  max-width: 520px;
  padding-top: 10px;
}
div.title {
  float: left;
  max-width: 400px;
}
div.header {
  background-color: #333333;
  height: 40px;
  padding-left: 3px;
}
div.footer {
  padding: 0.2em;
  color: white;
  background-color: #aaa19c;
  clear: left;
  font-size: small;
  font-family: Garamond;
}
h1.header {
  margin: 0;
  padding: 0;
}
div.left {
  border-right: 1px solid #aaa19c;
  margin: 0;
  padding: 12px;
  float: left;
  width: 195px;
  color: #aaa19c;
  font-size: medium;
  font-family: Garamond;
  line-height: 26px;
}
* html div.left {
  width: 219 px;
}
.gallerycontainer {
  position: relative;
  border-right: 1px solid #aaa19c;
  margin: 0;
  padding: 12px;
  float: left;
  width: 195px;
  color: #aaa19c;
  font-size: medium;
  font-family: Garamond;
  line-height: 26px;
}
* html .gallerycontainer {
  width: 219 px;
}
div.content {
  padding: 1em;
  border-left-width: 1px;
  border-left-color: #aaa19c;
  margin-left: 220px;
  font-family: Garamond;
  font-size: small;
  color: #aaa19c;
  text-align: center;
}
div.thumb {
  margin: 7px;
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
div.thumb p {
  text-align: center;
}
div.picture {
  margin: 0 auto;
  text-align: left;
  width: 500px;
  font-size: medium;
  color: #aaa19c;
  font-family: Georgia;
}
div.picture h1 {
  color: #333333;
  text-decoration: bold;
  font-size: 12 px;
  margin-bottom: 0px;
  margin-top: -1ex;
  line-height: 4ex;
}
div.picture h2 {
  color: #aaa19c;
  text-decoration: bold;
  font-size: 10 px;
  margin-bottom: 0px;
  margin-top: -0.5ex;
  line-height: 4ex;
}
div.picture h3 {
  color: #333333;
  text-decoration: bold;
  font-size: 10 px;
  margin-bottom: 0px;
  margin-top: -1ex;
  line-height: 4ex;
}
.thumbnail img {
  margin: 5px 5px 5px 5px;
  text-decoration: none;
}
.thumbnail:hover {
  background-color: transparent;
  text-decoration: none;
}
.thumbnail:hover img {
  border:  none;
  text-decoration: none;
}
.thumbnail span {
  width: 550px;
  padding: 5px;
  position: absolute;
  left: -1000px;
  visibility: hidden;
  text-decoration: none;
  text-align: center;
  font-family: Georgia;
  color: #aaa19c;
  font-size: x-small;
}
.thumbnail span img {
  width: 550px;
  border-width:  0;
  padding: 2px;
  text-decoration: none;
  text-align: center;
  font-family: Georgia;
  color: #aaa19c;
  font-size: x-small;
}
.thumbnail:hover span {
  visibility: visible;
  top: 20px;
  left: 250px;
  z-index: 50;
  text-decoration: none;
}

