* { padding: 0; margin: 0; }

body { background: #C8915B url(/images/site/bg-body.jpg); font-family: "Courier New", Courier, monospace; font-size: 62.5%; margin: 1% 0; }
h1, h2, h3 {font-size: 1.6em; margin: 0 0 10px 0;}
p {font-size: 1.2em; margin: 0 0 15px 0; }
ul {font-size: 1.2em; margin: 0 0 15px 25px;}
dl {font-size: 1.2em; margin: 0 0 15px 0; }
a {color: #000000; text-decoration: none;}
a img {border: 0;}
map a img, area a img {border: 0;}

#wrapper { display: block; width: 980px; background: #4F3E20 url(/images/site/frame.jpg); margin: 0 auto; clear: both; }
#frametop {float: left; width: 880px; height: 50px; padding: 0 50px; background: #4F3E20 url(/images/site/frametop.jpg); }
#framemiddle {float: left; width: 880px; padding: 0 50px; background: #4F3E20 url(/images/site/framemiddle.jpg);}
#framebottom {float: left; width: 880px; height: 50px; padding: 0 50px; background: #4F3E20 url(/images/site/framebottom.jpg); }
#content { float: left; width: 880px; min-height: 464px; background: #D3D3D3 url(/images/site/frame-background.jpg); }

#logo { margin: 16px 0 0 20px; }

#nav { width: 840px; height: 45px; text-align: center; background: url(/images/site/bg-nav.gif); margin: 0 0 0 20px; }
ul.nav {  width: auto; list-style: none; margin: 0 auto; }
ul.nav li { display: inline; width: auto; height: 45px; line-height: 45px; text-align: center; }
ul.nav li a { padding: 0 17px; text-decoration: none; color: #000000; }

#homeleft { float: left; width: 480px; padding: 10px 0 60px 20px; }
img.candy {position: relative; top: -0px; left: 0px; z-index: 1;  }
.home {float: left; width: 100%; background: url(/images/site/pure-hand-candy.png) no-repeat 500px 80px;}

#cats { float: left; width: 150px; height: 284px; padding: 20px 10px 20px 30px; background: url(/images/site/bg-cats.png); margin: 0 20px 0 20px; }
ul.cats { list-style: none; margin: 0;}
ul.cats { list-style: none; height: 30px; line-height: 30px;}
ul.cats li a {  text-decoration: none; color: #000000; }

div#section { float: left; width: 600px; background: url(/images/site/bg-section.png) no-repeat; margin: 0px 0 0 0; }
ul.products {float: left; width: 600px; height: 280px; font-size: 1.1em; text-align: center; list-style: none; padding: 30px 0 0 0; margin: 0 0 20px 0;}
ul.products li {float: left; width: 105px; height: 120px; padding: 20px 21px 0 24px;}
ul.products li img {margin: 0 0 3px 0;}
.paginate {text-align: right; padding: 0 100px 0 0;}

#product { float: left; width: 600px; height: 333px; background: url(/images/site/bg-product.png) no-repeat; margin: -5px 0 15px 0; }
.prodimage {float: left; width: 220px; padding: 80px 40px 0 45px;}
.prodimage img {margin: 0 0 20px 0;}
.proddesc {float: left; width: 270px; padding: 30px 0 0 0;}
dl.prod-spec {}
dl.prod-spec dt {font-weight: bold;}
dl.prod-spec dd {margin: 0 0 10px 0;}



#main {float: left; width: 540px; margin: 0 0 20px 0;}