HTML { height: 100%; }
BODY {
  background-color: #CC4;
  width: 100%;
  height: 100%;
}
IMG { display: block; }
#landing-content, #gallery-content, #bio-content, #contact-content {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  width: 802px;
  z-index: 100;
  top: 50px;
}
#splash {
  background-color: #729805;
  border: 1px solid black;
  width: 800px;
}
#landing-menu {
  width: 800px;
  height: 32px;
  max-height: 32px;
  clear: both; 
  background: url(../images/buttons.png) no-repeat scroll;
}
#landing-menu LI {
  display: block;
  list-style-type: none;
  float: left;
}
#landing-menu A {
  display: block;
  text-indent: -5000px;
  overflow: hidden;
  height: 31px;
  max-height: 31px;
  background: url(../images/buttons.png) no-repeat scroll;
}
#menu-dolls A { width: 157px; background-position: 0 0; }
#menu-dolls A:hover { background-position: 0 -32px; }
#menu-wallhangings A { width: 169px; background-position: -157px 0; }
#menu-wallhangings A:hover { background-position: -157px -32px; }
#menu-tiles A { width: 112px; background-position: -326px 0; }
#menu-tiles A:hover { background-position: -326px -32px; }
#menu-tshirts A { width: 120px; background-position: -438px 0; }
#menu-tshirts A:hover { background-position: -438px -32px; }
#menu-bio A { width: 103px; background-position: -558px 0; }
#menu-bio A:hover { background-position: -558px -32px; }
#menu-contact A { width: 87px; background-position: -661px 0; }
#menu-contact A:hover { background-position: -661px -32px; }

#landing-menu IMG { position: relative; }
#landing-menu IMG:hover { top: -32px; }
#copyright {
  font-size: 90%;
  color: #030;
  text-align: center;
  width: 100%;
  z-index: 1;
}

#content P {
  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 115%; color: #013;
  margin: 10px;
}
#content A {
  text-decoration: none;
  color: #ee6;
  font-weight: bold;
  font-size: 125%;
  background: url(/images/bead-bullet.gif) no-repeat scroll center right;
  padding-right: 20px;
}


.gallery-control {
  color: #fff;
  background-color: #729805;
  border: 1px solid #CC9;
  padding: 185px 4px;
  margin: 6px 3px;
  position: relative;
  z-index: 200;
  cursor: pointer;
}
.gallery-control:hover { background-color: #83a916; }
#gallery-wrapper { width: 700px; }
.gallery-images {
  list-style-type: none;
  overflow: hidden;
  z-index: 199;
  width: 5000px;
 }
.gallery-image {
  border: 1px solid #333;
  background-color: #CC9;
  display: block;
  float: left;
  height: 395px;
  width: 94px;
  margin: 3px;
  padding: 5px;
  font-size: 90%;
  text-align: left;
  line-height: 90%;
}
.gallery-image IMG { border: 2px solid #000; }
.gallery-image A, .gallery-images A:visited {
  color: #000;
  text-decoration: none;
}
.piecetitle { font-size: 105%; font-weight: bold; }
.piececomment { font-size: 75%; font-style: italic; }
.piecedimensions { font-size: 85%; }
.pieceimages { margin-top: 5px; }
.pieceimages LI {
  padding: 0 0 2px 20px;
  line-height: 12px;
  margin; 1px 0 0 10px;
  font-weight: bold;
  background: url(/images/bead-bullet.gif) no-repeat scroll center left;
}

#shirt-thumbnails {
  width: 290px;
  float: left;
  margin: 10px 10px 0 10px;
}
#tile-thumbnails {
  width: 225px;
  float: left;
  margin: 10px 10px 10px 30px;
}
#tile-thumbnails LI,
#shirt-thumbnails LI {
  list-style-type: none;
  margin: 0 10px 10px 0;
  float: left;
}
#shirt-thumbnails A {
  font-size: 10px;
  color: #030;
  text-decoration: none;
}
#tile-thumbnails IMG,
#shirt-thumbnails IMG {
  border: 2px solid #060;
  display: block;
}

#shirt-text { font-size: 15px; }
#tile-text { font-size: 14px; }
#shirt-text,
#tile-text {
  color:#d0d033;
  font-family: Trebuchet MS, sans serif;
  line-height: 25px;
  text-align: left;
  margin-top: 20px;
}