html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin: 0; padding: 0; }
body { background-image: url(images/header-background.gif); background-repeat: repeat-x; background-color: #333333; }
#wrapper { background-color: #FFFFFF; background-image: url(images/header-background.gif); background-repeat: repeat-x;}
#body-content { margin: 0px auto 0px auto; width: 970px; }
/* Header */
#facebook { float: left;}
#header-subnav { margin: 0px auto 0px auto; width: 970px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #999999; text-align: right; padding: 6px 25px 0px 0px; height: 24px; }
#header-subnav li{ display: inline; }
#header-subnav a{ color: #999999; text-decoration: none; }
#header-subnav a:hover{ color: #b33e16; text-decoration: none; }
#main-navigation { margin: 0px auto 0px auto; width: 970px; }
/* Home Boxes */
#featured-boxes { background-image: url(images/featured-background_09.jpg); background-repeat: no-repeat; height: 291px; }
#featured-boxes p{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; }
#box1 { width: 150px; float: left; padding: 90px 0px 0px 145px; }
#box2 { width: 150px; float: left; padding: 90px 0px 0px 175px; }
#box3{ width: 160px; float: left; padding: 90px 0px 0px 155px; }
.learn-more { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding: 30px 0px 0px 60px; }
.learn-more a{ color: #FFFFFF; text-decoration: none; }
.learn-more a:hover{ color: #b33e16; text-decoration: none; }
/* Subpage Wrapper */
#subpage { margin: 0px auto 0px auto; width: 970px; }
/* Left Navigation */
#left-navigation { float: left; padding-top: 20px; }
#left-navigation ul{ list-style: none; }
#left-navigation li{ display: block; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; margin: 5px; }
#left-navigation a{ padding: 5px 0px 0px 10px; }
#left-navigation p{ padding: 0px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; }
.left-navigation-images { padding: 10px 0px 10px 0px; }
.button { width: 213px; height: 32px; background-image: url(images/button.gif); background-repeat: no-repeat; color: #333333; }
.button a{ width: 213px; height: 32px; display: block; color: #333333; text-decoration: none; }
.button a:hover { width: 213px; height: 32px; display: block; background-image: url(images/button-on.gif); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; }
.button-on { width: 213px; height: 32px; background-image: url(images/button-on.gif); background-repeat: no-repeat; color: #333333; }
.button-on a{ width: 213px; height: 32px; display: block; color: #FFFFFF; text-decoration: none; }
.button-on a:hover { width: 213px; height: 32px; display: block; background-image: url(images/button-on.gif); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; }
/* Center Column Content Area */
#center-body { width: 455px; float: left; padding: 20px 0px 0px 20px; }
#center-body h1 { font-family: Trebuchet MS; font-size: 18px; color: #333333; padding: 0px 0px 15px 0px; }
#center-body p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; text-align: justify; padding: 0px 0px 15px 0px; }
#center-body a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0066CC; text-decoration: none; }
.table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-align: justify; padding: 0px 0px 15px 0px; }
#center-body-wide { width: 720px; float: left; padding: 20px 0px 0px 20px; }
#center-body-wide h1 { font-family: Trebuchet MS; font-size: 18px; color: #333333; padding: 0px 0px 15px 0px; }
#center-body-wide p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; text-align: justify; padding: 0px 0px 15px 0px; }
#center-body-wide a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0066CC; text-decoration: none; }
.thumbnails { padding: 0px 15px 20px 15px; }
/* Right Column Purchase */
#right-purchase { width: 240px; float: left; padding: 20px 0px 0px 25px; }
#right-purchase h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#333333; }
#right-purchase p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; }
#right-purchase a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0066CC; text-decoration: none; }
.deposit { font-size: 10px; }
/* Footer */
#footer { background-image: url(images/footer-backgroun-line.gif); background-repeat: repeat-x; }
#footer-contents { background-image: url(images/footer-background_10.gif); background-repeat: no-repeat; height: 358px; margin: 0px auto 0px auto; width: 970px; }
#footer-sub-nav { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #cccccc; padding: 150px 0px 0px 25px; }
#footer-sub-nav li{ display: inline; }
#footer-sub-nav a{ color: #666666; text-decoration: none; }
#footer-sub-nav a:hover{ color: #b33e16; text-decoration: none; }
#footer-main-nav { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #CCCCCC; padding: 10px 0px 0px 25px; }
#footer-main-nav li{ display: inline; }
#footer-main-nav a{ color: #CCCCCC; text-decoration: none; }
#footer-main-nav a:hover{ color: #b33e16; text-decoration: none; }
#copyright { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; padding: 10px 0px 0px 25px; }
#copyright a{ color: #666666; text-decoration: none; }
#copyright a:hover{ color: #b33e16; text-decoration: none; }
#social { float: right; padding: 170px 20px 0px 0px; }
/* Misc */
.clear { clear: both; }
#bottomfill { background-color: #333333; height: 100%; float: left; }
/* Whos Playing */
.whosplaying img{ padding: 0px 15px 15px 0px; }
#whosplaying p{ text-align: left; }
/* Photos */
#photogallery img { padding: 0px 23px 23px 0px; }
/* Videos */
.youtube { width: 200px; margin: 0px 40px 40px 0px; float: left; }
#youtube p { text-align: left; padding: 5px; }
/* Custom */
.purchase-right {width: 390px; position:absolute; top: 0; right: 0; padding-top: 47px; padding-right: 70px;}
tr.purchase-top {background-color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#FFFFFF;}
tr.purchase-a1 {background-color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
tr.purchase-a2 {background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
table.purchase {border: solid; border-width: 1px; border-color: #532a0f;}
/* Beyond */
p.title {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #532a0f; padding: 5px; margin: 0; clear: both;}
p.title-melodic {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #906a10; padding: 5px; margin: 0; clear: both;}
p.desc {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 5px 10px 0px 0px;}
img.mbira {margin: 0px 10px 40px 10px; float: left; clear: right;}
img.mbira-lessspace {margin: 0px 10px 10px 10px; float: left; clear: right;}
img.mbira-morespace {margin: 0px 10px 60px 10px; float: left; clear: right;}
img.mbira-mostspace {margin: 0px 10px 100px 10px; float: left; clear: right;}
.space-top {width: 350px;}
.space {padding-top: 5px; width: 350px; clear: both;}
.form {margin: 0;}
#center-body-beyond { width: 405px; float: left; padding: 20px 0px 0px 50px; }
#center-body-beyond h1 { font-family: Trebuchet MS; font-size: 18px; color: #333333; padding: 0px 0px 15px 0px; }
#center-body-beyond p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999999; text-align: justify; padding: 0px 0px 15px 0px; }
#center-body-beyond a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0066CC; text-decoration: none; }