/* general */
* {margin:0; padding:0; border:0;}
body, tr, td, p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
body {background: #fff; width: 940px; margin: 20px auto 0 auto}
h1 {font-family: Verdana, Geneva, sans-serif; font-size: 15px; margin: 0.3em 0 0.5em 0; }
h2 {font-family: Verdana, Geneva, sans-serif; font-size: 14px; margin: 1em 0 0.5em 0}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 1.1em 0 0.2em 0}
p {margin-top: 1em; margin-bottom: 0.5em}
a {color:#333366; outline:none}
a:hover {color:#3333cc;}
.bold {font-weight: bold}
.small {font-size: 90%}
.big {font-size: 110%}
.bigger {font-size: 130%}

.wrapper {width: 940px; background: url(i/body-bg.gif) repeat-y; float: left; }

/* header */
.header {width: 940px; height: 103px; float: left;}
.logo {float: left;}
.topmenu {float: left; width: 460px; height: 103px; color:#663333; font-weight:bold; font-size: 11px; background: #FFCC66}
.topmenu ul {margin: 5px 0 0 0}
.topmenu li {float: right; margin: 0 10px 0 5px; list-style: none; background: url(i/bullet.gif) no-repeat; padding-left: 10px; display:inline}
.topmenu a {text-decoration:none; color:#663333;}
.topmenu a:hover {text-decoration:underline;}
.topmenu .bottom-links {clear:both; text-align:right; margin: 5px 10px 0 0; float:right; display:inline}
.rightmenu {background:#771F20; float: left; width: 116px; height: 103px; text-align:center; }
.rightmenu li {list-style: none; margin:2px 0}
.rightmenu a {color:#FFF; text-transform:uppercase; font-size: 11px; text-decoration:none; font-weight:bold}
.rightmenu a:hover {text-decoration: underline}

/* left column */
.left {width: 274px; text-align:center; float:left;}
.left h1 {margin: 20px 10px 15px 20px; text-align:left}
.left p {margin-left: 20px; margin-right:15px; text-align:left}
.left .button {margin: 15px 0 20px 0}

/* center */
.center {width: 458px; float:left; padding-top: 20px}
.center h2 {font-style:italic; margin: 10px 0 10px 0;}
.center h2 a {text-decoration:none; color:#003333}
.center h2 a:hover {text-decoration:underline; }
.product {clear: both; margin: 0 50px 5px 0; text-align:right; float:left; width: 400px; display:inline}
.product img {float: right; margin:0 0 0 25px; display: inline}
.artist {margin: 0 0 5px 0}
.center .button {margin: -40px 0 0 50px;}
.centerBottom {margin: 10px 10px; font-size: 15px; font-weight: bold}
.centerBottom a {color: #22255D}

/* right */
.right {float: left; width: 208px;}
.testimonial h3 {text-transform: uppercase; color:#663333; margin: 0 0 15px 0; font-size: 10px;}
.testimonial p {margin: 0 0 10px 0; font-style:italic; font-family: Verdana, Geneva, sans-serif; font-size: 9px; font-weight:bold;}
.testimonial {background:#FFCC66; padding: 20px 10px 20px 13px}
.right h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; font-style:italic; margin:20px 10px 0 15px}
.categories {margin: 10px 10px 10px 15px}
.categories li {font-size: 11px; list-style:none}

/* footer */
.footer {clear: both; width: 940px; padding-top: 10px; margin-bottom: 10px}
.footerLink {float: left; font-size: 9px; margin: 0 275px 0 35px; text-align:center; }
.footerLink a {font-size:11px; color:#000}