html {
  margin: 0;
  padding: 0;
  background-color: #b9b5aa;
}
body {
  margin: 17px 0 0 0;
  padding: 9px 0 91px 0;
  background: transparent url(../img/background_common.png) no-repeat top center;
  text-align: center;
  color: #53534a;
  font: normal 12px/1.4 Georgia, sans-serif;
}
#page {
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  /* Odd number of pixels prevents FF3 rounding errors (i.e. stutter on drag-resize): */
  width: 980px;
  height: 660px;
}

h1 {
  font: normal 40px Georgia, sans-serif;
  color: white;
  margin-bottom: 0.4em;
  text-transform: lowercase;
}
h2 {
  font: normal 14px Georgia, sans-serif;
  color: white;
}
p {
  margin: 0 0 1.2em 0;
}
a, a:visited {
  color: #debe7e;
}

#logo {
  position: absolute;
  left: 23px;
  top: 41px;
  width: 291px;
  height: 73px;
}
.header .nav {
  position: absolute;
  left: 550px;
  top: 98px;
  width: 405px;
  font: 17px Georgia, sans-serif;  
}
.header .nav div {
  float: left;
  width: 107px;
  text-transform: lowercase;
}
.header .nav div.last {
  width: auto;
}
.header .nav a, .header.nav a:visited {
  color: #c99f3e;
  text-decoration: none;
}
.header .nav a:hover, .header .nav a.active {
  color: #53534a;
}

.main {
  position: absolute;
  left: 0;
  top: 150px;
  height: 310px;
  padding: 15px 0 0 17px;
}
.leadIns {
  position: absolute;
  left: 0;
  top: 444px;
}


body#home {
  background: transparent url(../img/background_home.png) no-repeat top center;
}
#home .main {
  position: absolute;
  left: 0;
  top: 129px;
  padding: 0;
}

#home .main img {
  position: absolute;
  left: 0;
  top: 0;
  width: 610px;
  height: 315px;
}
#home .main .overlay1 {
  display: block;
  position: absolute;
  left: 426px;
  top: 219px;
  width: 104px;
  height: 78px;
}
#home .main .overlay2 {
  display: block;
  position: absolute;
  left: 532px;
  top: 219px; /* -129 -26 */
  width: 70px;
  height: 78px;
}
#home .main .content {
  position: absolute;
  left: 617px;
  top: 21px;
  padding: 20px 0 0 21px;
  width: 340px; /* 363-21; fit .highlight content below. */
  height: 254px; /* 274-20 */
}
#home .main .content .highlight {
  width: 340px;
  margin-left: -21px;
  padding: 7px 0 10px 21px;
  color: white;
  background-color: #debe7e;
  border: 1px dotted white;
  border-left: none;
}
#home .main .content h2 {
  font-size: 15px;
  color: white;
}
#home .main .content p {
  margin: 4px 0;
  width: 320px;
}
#home .main .content a, #home .main .content a:visited {
  color: white;
}
#home .main .content .learnmore {
  font: 10px Arial, sans-serif;
}
#home .leadIns .section {
  position: absolute;
  top: 0;
  font: 10px Arial, sans-serif;
}
#home .leadIns .section a, #home .leadIns .section a:visited {
  color: #c99f3e;
}
#home .leadIns .section img {
  margin-bottom: 20px;
}
#home .leadIns .jewelry {
  left: 70px;
  width: 150px;
}
#home .leadIns .customJewelry {
  left: 250px;
  width: 175px;
}
#home .leadIns .pieces {
  position: absolute;
  left: 619px;
  top: 6px;
  width: 348px;
}
#home .leadIns .pieces div {
  float: left;
}

#about .main .left {
  float: left;
  width: 610px;
  margin-right: 30px;
}
#about .main .right {
  float: left;
  width: 310px;
  padding-top: 60px;
}
#about .main blockquote {
  color: white;
  font-style: italic;
  padding: 0 15px;
  width: 280px;
}
#about .main .highlight {
  margin-top: 25px;
  padding: 10px 15px;
  width: 280px; /* 310-15-15 */
  font-size: 16px;
  line-height: 1.2;
  color: white;
  background-color: #debe7e;
}
#about .main .highlight a, #about .main .highlight a:visited {
  color: white;
  text-decoration: none;
}
#about .overlay1 {
  display: block;
  position: absolute;
  left: 786px;
  top: 142px;
}
#about .overlay2 {
  display: block;
  position: absolute;
  left: 893px;
  top: 123px;
}


#contact .main .left {
  float: left;
  width: 610px;
  margin-right: 30px;
}
#contact .main .right {
  float: left;
  width: 310px;
  padding-top: 60px;
}
#contact form {
  margin-top: 24px;
  color: white;
  font: 10px Arial, sans-serif;
}
#contact form td, th {
  padding: 2px 5px;
  vertical-align: top;
}
#contact form td {
  width: 190px;
}
#contact form th {
  font-weight: normal;
  text-align: left;
  width: 50px;
}
#contact form input, #contact form textarea {
  width: 172px;
}
#contact form .validation {
  font-weight: bold;
  color: red;
}

body#shop {
  background: transparent url(../img/background_shop.png) no-repeat top center;
}
#shop h1 {
  float: left;
}
#shop .heading {
  float: left;
  padding-top: 8px;
  margin-left: 20px;
  width: 550px;
}
#shop .pager {
  position: absolute;
  left: 758px;
  top: 47px;
  width: 103px;
  height: 25px; /* 27-2 */
  padding-top: 6px;
  background: transparent url(../img/pager.png);
  text-align: center;  
  font: normal 12px Arial, sans-serif;
  color: #9cc5ca;
}
#shop .pager a, #shop .pager a:visited {
  color: #c99f3e;
}
#shop .pager a.active {
  color: #53534a;
}
#shop .viewCart {
  position: absolute;
  left: 758px;
  top: 343px;
}
#shop .container {
  position: absolute;
  top: 74px;
  left: 0;
  width: 980px;
  height: 259px;
  overflow: hidden;
}
#shop .container .borderLeft {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#shop .container .borderRight {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#shop .scroller {
  position: relative;
  left: 0;
  width: 4900px; /* 980 * 5 pages */
  height: 259px;
}
/* 980px wide, minus two 35px border images and 5px padding to either side, leaves 900px total, 300px per item. */
#shop .scroller .page {
  float: left;
  width: 980px;
  margin: 20px 40px 9px 40px;
  width: 900px; /* 980-40-40 */
  height: 230px; /* 259-20-9 */
}
#shop .scroller .item {
  float: left;
  width: 290px; /* 300-10 */
  height: 230px;
  padding: 0 5px;
  font: normal 10px Arial, sans-serif;
}
#shop .scroller .item .image {
  float: left;
  padding-top: 10px;
  margin-right: 8px;
  height: 220px; /* 230-10 */
}
#shop .scroller .item h3 {
  font: italic 16px Georgia, sans-serif;
  color: #debe7e;
  margin-bottom: 4px;
}
#shop .scroller select {
  font: 9px Arial, sans-serif;
}
#shop .scroller .item .description {
  height: 80px;
  margin-bottom: 10px;
}
#shop .scroller .item .style {
  font: italic 12px Georgia, sans-serif;
  color: #debe7e;
  margin-top: 25px;
  margin-bottom: 10px;
}
#shop .scroller .item .custom {
  margin-bottom: 10px;
  height: 35px;
}



.footer {
  position: absolute;
  right: 20px;
  top: 691px;
  width: 300px;
  font: 10px Arial, sans-serif;
  text-align: right;
}
.footer a, .footer a:visited {
  color: white;
  text-decoration: none;
}