a {color: #bd8704}
a:hover {color: #3f2415}
img {border: 0}
.clear {clear: both}
form {margin: 0; padding: 0}

body {margin: 10px; background-color: #dddddd; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #3f2415}

.wrap {width: 980px; margin: 0 auto; border: 5px solid #ffffff; background-color: #ffffff}

#header {height: 132px; background-image: url(../images/back_header.gif)}
#header #logo {float: left; margin: 40px 0 0 22px}
#header #tagline {float: right; margin: 20px 25px 0 0}
#header ul {margin: 10px 30px 0 0; padding: 0; list-style: none; float: right}
#header ul li {display: block; float: left}
#header ul li a {display: block; float: left; padding: 5px 10px; text-decoration: none}
#header ul li a:hover {color: #ffffff}
#header ul li.cart a {background-image: url(../images/icon_cart.gif); background-repeat: no-repeat; background-position: center right; padding-right: 25px}

#nav {height: 43px; background-image: url(../images/back_nav.gif); clear: both}
#nav ul {margin: 0; padding: 0 0 0 15px; list-style: none}
#nav ul li {display: block; float: left; font-size: 14px; font-weight: bold}
#nav ul li a {display: block; float: left; padding: 10px 15px; text-decoration: none}
#nav ul li a:hover {color: #ffffff}

#content {padding: 20px 30px 40px 30px; clear: both; background-image: url(../images/back_content.gif); background-repeat: repeat-x}
#content h1 {margin: 0; font-size: 24px; letter-spacing: -1px; font-weight: normal}

ul.products {margin: 15px -20px 15px 0; padding: 0; list-style: none}
ul.products li {width: 183px; height: 220px; overflow: hidden; padding: 15px; display: block; float: left; margin: 0 20px 20px 0; border: 1px solid #CEC0B7}
ul.products li img.product {margin: -15px -15px 15px -15px}
ul.products li img.buy {margin: 10px 0 0 0}
ul.products li p {margin: 0; color: #bd8704}
ul.products li p b {color: #3f2415}

#footer {background-color: #BD8703; clear: both; padding: 10px 30px 30px 30px}
#footer ul {margin: 0; padding: 0; list-style: none}
#footer ul li {display: block; float: left; font-size: 11px}
#footer ul li a {display: block; float: left; padding: 5px 15px 5px 0; text-decoration: none; color: #E4CE98}
#footer ul li a:hover {color: #ffffff}
#footer p {clear: both; font-size: 11px; color: #E4CE98; margin: 0}