* { font-size: 100%; margin: 0; padding: 0; }
html { height: 100%; }
body { background: #ffffff url(../images/bg_body.jpg) repeat-x; color: #666666; font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; text-align: justify; min-width: 810px; }
/* =Anchors
----------------------------------------------- */
a img { border: none; }
a:link { background: transparent; color: #666666; }
a:visited, a:hover, a:focus, a:active { background: transparent; color: #000000; }
/* =Lists
----------------------------------------------- */
#content ol { list-style-position: inside; list-style-type: lower-roman; }
#content ul { list-style-type: none; }
#content ul li { background: transparent; }
#content dt { font-weight: bold; }
#validation li { display: inline; margin-right: 4px; }
/* =Wrappers
----------------------------------------------- */
#wrapper-a { background: url(../images/drum_skin_right.png) no-repeat 793px 44px; border-bottom: 10px double #505148; width: auto; }
#wrapper-b { border-bottom: 10px solid #505148; width: auto; }
#wrapper-c { background: url(../images/bg_wrapper.jpg) repeat-y; text-align: left; width: 788px; }
#content { background: transparent url(../images/drum_tattoo_top_bar.jpg) no-repeat 0 0; width: auto; }
/* =Heading
----------------------------------------------- */
#heading { position: relative; }
#heading h1, #heading h2 { left: -9999px; position: absolute; }
#homebutton { left: 52px; position: absolute; text-indent: -9999px; top: 45px; }
#homebutton a { background: url(../images/home_button.png) no-repeat 0 0; display: block; height: 33px; overflow: hidden; width: 33px; }
/* =General layout
----------------------------------------------- */
#content-a { float: left; width: 386px; }
#content-a-inner { padding: 15px 20px 0 30px; }
#content-b { float: left; width: 402px; }
#content-b-inner { padding: 45px 20px 0 5px; }
#footer { background: transparent url(../images/footer.png) no-repeat 0 0; clear: both; height: 50px; text-indent: -9999px; }
/* =Main Navigation
----------------------------------------------- */
#nav-main{ background: url(../images/bg_nava.jpg) #FFFFFF no-repeat 0 100%; list-style-type: none; padding-bottom: 38px; }
#nav-main li { margin: 0; }
#nav-main li a { display: block; height: 23px; overflow: hidden; text-indent: -9999px; width: 184px; }
#nav-main-about a { background: url(../images/bg_nava_about.jpg) no-repeat 0 0; }
#nav-main-downloads a { background: url(../images/bg_nava_downloads.jpg) no-repeat 0 0; }
#nav-main-tutorials a { background: url(../images/bg_nava_tutorials.jpg) no-repeat 0 0; }
#nav-main-contact a { background: url(../images/bg_nava_contact.jpg) no-repeat 0 0; }
#nav-main-drumskin a { background: url(../images/bg_nava_contact.jpg) no-repeat; }
#nav-main-about a:hover, #nav-main-about a:focus, #nav-main-about a:active, #nav-main-downloads a:hover, #nav-main-downloads a:focus, #nav-main-downloads a:active, #nav-main-tutorials a:hover, #nav-main-tutorials a:focus, #nav-main-tutorials a:active, #nav-main-contact a:hover, #nav-main-contact a:focus, #nav-main-contact a:active { background-position: -280px 0; }