* { margin: 0; padding: 0; }
body { font-family: Georgia, serif; background: #4b0e10; margin: 0 auto; }
img { display: block; margin: 0px; padding: 0px; border-width: 0px; }
.clear { clear: both; }

/* DIV IDs */
#page-wrap { width: 820px; position: relative; margin: 0 auto; overflow: hidden; }
#soundboard { width: 820px; height: 756px; background: url(../images/soundboard-logo.jpg) no-repeat; }
#main-page { background: white url(../images/bottom-logo.jpg) no-repeat bottom center; padding: 30px 30px 120px 30px; overflow: hidden; }
#toc { background: white url(../images/bottom-logo.jpg) no-repeat bottom center; padding: 30px 30px 120px 30px; overflow: hidden; }
#leftcol { width: 360px; float: left; margin-top: 20px; }
#rightcol { width: 360px; float: right; margin-top: 20px; }

/* PRODUCT HOME PAGES */
#productpage { width: 820px; height: 808px; background: white url(../images/prod-home-bkgnd.jpg) repeat-x; }
.modelName { font: normal 24px/30px "Lucida Sans", Arial, Helvetica, Sans-Serif; color: black; padding: 30px 0 0 20px; }
.modelNumber { font: bold 24px/30px "Lucida Sans", Arial, Helvetica, Sans-Serif; color: #4b0e10; margin-right: 20px; }

/* GENERAL TYPOGRAPHY */
p { font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; margin: 0 0 15px 0; color: #6a6a6a; }
p.intro { font: normal 18px/26px "Lucida Sans", Arial, Helvetica, Sans-Serif; margin: 0 0 15px 0; color: #000; }
p.intro strong { color: #4b0e10; font-weight: bold; }
p.center { text-align: center; }
 
/* FOOTER */ 
#footer { font: 10px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #ad9899; text-align: center; margin: 10px 0; }

/* HOME PAGE */ 
#soundboard h1 { font: normal 21px/35px Georgia, serif; text-align: center; padding: 4px 0; }

/* DIGITAL VS. ACOUSTIC */ 
#main-page h1 { font: normal 40px/35px Georgia, serif; text-align: left; color: #a68146; letter-spacing: -1px; padding-bottom: 20px; }
#main-page h2 { font: normal 25px/25px Georgia, serif; text-align: left; color: #000000; padding: 0 0 8px 0; margin: 0 0 10px 0; border-bottom: solid 1px #dddddd; }

/* TOC */ 
#toc h1 { font: normal 40px/35px Georgia, serif; text-align: left; color: #a68146; letter-spacing: -1px; padding-bottom: 20px; }
#toc h2 { font: normal 25px/25px Georgia, serif; text-align: left; color: #000000; padding: 0 0 8px 0; margin: 0 0 10px 0; border-bottom: solid 1px #dddddd; }
#toc h3 { font: normal 15px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #000000; margin-bottom: 10px; padding-top: 6px; border-top: 1px dotted #cccccc; }
#toc h4 { font: normal 15px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #000000; margin-bottom: 10px; padding-top: 6px; }
.tocmodel { font-weight: bold; color: #990000; padding-right: 5px; }
.tocphoto { font: 11px/20px "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #6a6a6a; float: left; text-align: center; margin-right: 18px; }
.player1 { font: bold 11px/14px "Lucida Grande", Arial, Helvetica, Sans-Serif; text-align: left; color: #aaaaaa; padding: 50px 0 3px 0; letter-spacing: 4px; }
.player2 { font: normal 23px/40px Georgia, serif; text-align: left; color: #6a6a6a; padding: 0 0 8px 0; border-top: dotted 1px #dddddd; }
.leftcoltoc { width: 360px; float: left; margin: 10px 0 30px 0; }
.rightcoltoc { width: 360px; float: right; margin-top: 10px; }
.category { font: normal 15px/15px Georgia, serif; text-align: left; color: #ffffff; background: #a68146; padding: 3px 3px 3px 10px; clear: both; margin-top: 30px; letter-spacing: 1px; word-spacing: 3px; }

/* BUTTONS */ 
.button { margin: 20px 0; text-align: center; }
.button a { font: bold 10px/14px "Lucida Grande", Arial, Helvetica, Sans-Serif; padding: 4px 20px 4px 6px; color: #990000; text-align: center; background: #efefef url(../images/button-arrow.png) no-repeat right; text-decoration: none; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.button a:hover { color: #000000; text-align: center; background: #efefef url(../images/button-arrow-hover.png) no-repeat right; text-decoration: none;  border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

/* MISC */ 
img.floatleft { float: left; margin: 3px 20px 10px 0; }