* { margin: 0; padding: 0;}
html, body {height: 100%; }
body {font: 12px/19px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color: #999; background: url(/img/body-bg.gif) repeat-x rgb(43,32,36); }

div#container { position: relative; width: 824px; margin: 0 auto; height: 100%; }

div#header { height: 147px; background: #000; margin-bottom: 42px; }
div#header a img {position: absolute; top: -2px; left: -70px; }
div#header h1 {display: none;}

div#navigation ul {float: right; display: inline; list-style: none; }
div#navigation ul li {display: inline;  }
div#navigation ul li a {float: left; padding: 75px 35px 25px 35px; text-decoration: none; text-transform: uppercase; color: #666; font-size: 10px; background: url(/img/hover-star.png) no-repeat 1000px 0; }
div#navigation ul li a:hover {background: url(/img/hover-star.png) no-repeat 50% 45px; color: #ccc; }

div#content {float: left; display: inline; width: 530px; margin-bottom: 38px; }
ul#categoryThumbnails { list-style: none; }
ul#categoryThumbnails li {float: left; margin: 0 20px 12px 0; width: 155px; height: 150px; overflow: hidden;}
ul#categoryThumbnails li a img {border: 1px solid #ccc; }
ul#categoryThumbnails li h3 {font-size: 11px; line-height: 1em; color: #999; }

p#openingParagraph {font-size: 14px; line-height: 21px; text-align: justify}

div#extra {position: relative; float: right; display: inline; width: 201px; padding: 30px 35px 35px 30px; background: url(/img/extra-bg.gif) repeat-x 0 100% #000; margin-top: 33px;  }
div#extra b#rightEdge { position: absolute; top: 0; right: 0; height: 100%; width: 22px; background: url(/img/extra-bg-vertical.gif) repeat-y;}
div#extra b#bottomRight {position: absolute; bottom: 0; right: 0; background: url(/img/extra-bg-br.gif); height: 22px; width: 22px;}
div#extra p {text-align: left; }
div#extra p#pullQuote {color: #ccc; font-size: 21px; line-height: 25px; }

div#footer { position: relative; height: 19px; width: 100%;  clear: both; padding: 30px 0 0; margin: -49px 0 0; background: url(/img/footer-bg.gif) repeat-x #000; text-align: center; }
div#footer p { width: 824px; margin: 0 auto; font-size: 10px; color: #666; }

div.clearFloat { width: 100%; clear: both; background: transparent; }

div#details {float: left; width: 420px;  }
div#details img.model {float:left; margin: 0 12px 0 0; }
img#placeholder {float: left; display: inline; border: 1px solid #ccc; margin: 0 0 14px 0; }
p#caption {clear: both; width: 100%; }

ul#imagegallery {list-style: none; float: right; width: 360px; }
ul#imagegallery li {float: left; margin: 0 5px 0 0; }
ul#imagegallery li a img {border: 1px solid #ccc; }
ul#imagegallery li a:hover img {border: 1px solid #fff; }

ul#imagegallery li.subcategory {clear: both; margin-top: 14px; width: 100%; }

ul#jewelleryCategories {float: right; clear: right; width: 360px; margin: 14px 0 0 0; list-style: none;}
ul#jewelleryCategories li a{ color: #666; text-decoration: none; }
ul#jewelleryCategories li#currentpage a { color: #fff; }

h1,h2,h3 { margin-bottom: 14px;  font-weight: normal; color: #666; }
h2 {font-size: 18px; }
h3 {font-size: 14px; }
p {margin-bottom: 14px; text-align: justify; }
h2 a { text-decoration: none; color: #666; }
a img {border: none; }
a {color: #ccc;}
a:hover {color: #ccc; }

img#bioPic {float: left; border: 1px solid #fff; margin: 10px 10px 10px 0; }

ul#introImages {list-style: none; margin-top: 21px }
ul#introImages li {float: left; margin: 0 30px 0 0; }
ul#introImages li img {border: 1px solid #999; }
img#jewel {position: relative; top: -30px; ; }

#contactform { position: relative; padding-bottom: 14px; color: #999; width: 100%;  }
#contactform span { display: block; width: 100%; margin: 2px 0; padding: 3px 0; background: transparent; }
#contactform span label { float: left; width: 100%; clear: both; }
#contactform span input, textarea	{width: 300px; background: rgb(43,32,36); border: 1px solid #333; color: #999; overflow: auto; }
#contactform span input#send {width: 100px; }
#contactform ul { margin: 12px 0 48px 15px; list-style: none;}