body {
margin: 0;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color: #000;
background-image:url(images/bg-notes-3.jpg);
background-position: top center;
background-repeat:repeat-y;
}

#site {
width: 760px;
margin: 5px auto 0 auto;
border: 1px solid #c97803;
border: 1px solid #995b03;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}
#masthead {
background-color: #2b2223;
height: 72px;
position: relative;
}
h1, h2 {
margin: 0;
}
h1 {
width: 242px;
height: 72px;
}
h1 a {
display: block;
background-image:url(images/lagbaja-logo.gif);
width: 242px;
height: 72px;
text-indent: -9999px;
}
h2 {
color: #fff;
float: right;
}
#flash {
position: absolute;
top: 0;
right: 0;
}
/*
#home-link {
position: absolute;
bottom: 10px;
right: 70px;
}
#home-link a:link, #home-link a:visited {
color: #ccc;
font-size: 80%;
font-weight: bold;
}
#home-link a:hover {
color: #f90;
}
*/

#home-link {
position: absolute;
top: 15px;
right: 65px;
width: 37px;
height: 36px;
margin: 0;
}
#home-link a:link, #home-link a:visited {
display: block;
width: 37px;
height: 36px;
text-indent: -9999px;
background-image:url(images/home.jpg);
text-decoration: none;
}
#home-link a:hover {
background-position: 0 -36px;
}

#cart-link {
position: absolute;
top: 15px;
right: 20px;
width: 37px;
height: 36px;
margin: 0;
}
#cart-link a:link, #cart-link a:visited {
display: block;
width: 37px;
height: 36px;
text-indent: -9999px;
background-image:url(images/cart.jpg);
text-decoration: none;
}
#cart-link a:hover {
background-position: 0 -36px;
}

#main-nav {
margin:0;
padding: 0;
list-style: none;
background-image: url(images/main-nav-bg.jpg);
background-repeat:repeat-x;
position: relative;
height: 84px;
/*border-bottom: 2px solid #7f634e; */
}
#main-nav li {
float: left;
height: 84px;
position: absolute;
top: 0;
}
#main-nav li a {
display: block;
height: 84px;
background-image:url(images/nav-icons-bg.gif);
text-indent: -9999px;
}
#main-shop {
width: 76px;
left: 28px;
}
#main-media {
width: 82px;
left: 136px;
}
#main-drums {
width: 68px;
left: 239px;
}
#main-africano {
width: 79px;
left: 328px;
}
#main-about {
width: 102px;
left: 416px;
}
#main-forum {
width: 80px;
left: 541px;
}
#main-contact {
width: 88px;
left: 641px;
}
#main-nav li a {
display: block;
height: 84px;
}
#main-shop a:link, #main-shop a:visited {
background-position: -28px 0;
}
#main-media a:link, #main-media a:visited {
background-position: -136px 0;
}
#main-drums a:link, #main-drums a:visited {
background-position: -239px 0;
}
#main-africano a:link, #main-africano a:visited {
background-position: -328px 0;
}
#main-about a:link, #main-about a:visited {
background-position: -416px 0;
}
#main-forum a:link, #main-forum a:visited {
background-position: -541px 0;
}
#main-contact a:link, #main-contact a:visited {
background-position: -641px 0;
}
#main-shop a:hover, #shop #main-shop a {
background-position: -28px -84px;
}
#main-media a:hover, #media #main-media a {
background-position: -136px -84px;
}
#main-drums a:hover, #drums #main-drums a  {
background-position: -239px -84px;
}
#main-africano a:hover, #africano #main-africano a  {
background-position: -328px -84px;
}
#main-about a:hover, #about #main-about a {
background-position: -416px -84px;
}
#main-forum a:hover, #forum #main-forum a  {
background-position: -541px -84px;
}
#main-contact a:hover, #contact #main-contact a  {
background-position: -641px -84px;
}
#content {
position: relative;
padding: 0 20px 40px 100px;
overflow:hidden;
}
#shop-home-content {
position: relative;
padding: 0 20px 40px 40px;
overflow:hidden;
}
#wide-content {
position: relative;
padding: 0 20px 40px 20px;
overflow:hidden;
}

#home #content {
width: 100%;
padding: 20px 0 30px 0 !important;
background-color:#2b2223;
}
#home-column {
background-image:url(images/home-image.jpg);
width: 696px;
height: 468px;
background-repeat:no-repeat;
background-position:bottom;
border: 2px solid #ec8d27;
margin-left: auto;
margin-right: auto;
}
#home-column ul {
margin: 0;
padding: 0;
position: relative;
width: 696px;
height: 468px;
list-style: none;
}
#home-column ul li {
position: absolute;
}
#home-column ul li a {
display: block;
color: #000;
font-weight: bold;
font-size: 13pt;
text-indent: -9999px;
line-height: 2em;
}
#home-shop {
top: 162px;
left: 92px;
}
#home-shop a:link, #home-shop a:visited {
width: 139px;
height: 70px;
}
#home-media {
top: 268px;
left: 113px;
}
#home-media a:link, #home-media a:visited {
width: 78px;
height: 114px;
}

#home-contact {
top: 233px;
left: 44px;
}
#home-contact a:link, #home-contact a:visited {
width: 111px;
height: 33px;
}

#home-about {
top: 98px;
left: 252px;
}
#home-about a:link, #home-about a:visited {
width: 143px;
height: 169px;
}

#home-drums {
top: 285px;
left: 260px;
}
#home-drums a:link, #home-drums a:visited {
width: 105px;
height: 153px;
}

#home-forum {
top: 189px;
left: 396px;
}
#home-forum a:link, #home-forum a:visited {
width: 219px;
height: 150px;
}

#home-africano {
top: 397px;
left: 0px;
}
#home-africano a:link, #home-africano a:visited {
width: 69px;
height: 71px;
}


#home-column ul li a:hover {
text-indent: 0;
text-align: center;
background-image:url(images/home-link-bg.gif);
}
#home #main-nav {
display: none;
}
#main-column {
float: left;
width: 440px;
font-size: .85em;
margin-top: 0;
}
#main-column.no-side {
float: left;
width: 640px;
font-size: .85em;
margin-top: 0;
}

#home #main-column {
float: left;
text-align: left;
width: 440px;
padding: 15px 0 10px 40px;
color: #fff;
}
#home #main-column-wide {
float: left;
text-align: left;
width: 690px;
padding: 15px 0 10px 40px;
color: #fff;
}

#main-shop-column {
font-size: .85em;
margin-top: 0;
}
#side-column {
margin-top: 10px;
float: right;
width: 180px;
background-color: #fff;
font-size: .8em;
}
#home #side-column {
margin: 0 40px 0 0;
float: right;
width: 180px;
background-color: #2b2223;
color: #fff;
font-size: .9em;
padding: 15px 0 0 10px;
}

h3 {
clear: both;
background-position:right;
background-repeat:no-repeat;
margin: 0 0 1em 0;
padding-top: 2em;
color: #67a308;
}
#about h3 {
background-image: url(images/about-ttl.jpg);
}
#shop h3 {
background-image: url(images/eshop-ttl.jpg);
}
#media h3 {
background-image: url(images/media-ttl.jpg);
}
#drums h3 {
background-image: url(images/drums-ttl.jpg);
}
#africano h3 {
background-image: url(images/africano-ttl.jpg);
}
#forum h3 {
background-image: url(images/forum-ttl.jpg);
}
#contact h3 {
background-image: url(images/contact-ttl.jpg);
}
h4 {
color: #ea7e11;
}
h4.cd-title, h4.hat-title {
font-size: 1.5em;
margin-bottom: .25em;
}
h4.media-title {
font-size: 1.5em;
margin-top: 0;
margin-bottom: .25em;
padding-bottom: .1em;
border-bottom: 1px solid #ea7e11;
}
h5 {
font-size: 1.25em;
color: #5a8e07;
}
td h5 {
font-size: 1.25em;
color: #5a8e07;
margin: 0;
}

#shop-list {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
float: left;
width: 100%;
}
#shop-list li {
float: left;
width: 100px;
background-color: #fff;
margin: 0 15px 20px 0;
height: 220px;
}

#shop-main-list {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
float: left;
}
#shop-main-list li {
float: left;
background-color: #fff;
margin: 0 12px 20px 12px;
text-align: center;
}

/* Drum Section */

#drum-home-list {
list-style: none;
padding: 0;
margin: 20px 0 0 0;
}

#drum-home-list li {
float: left;
width: 148px;
border-left: 50px solid #fff;
border-bottom: 30px solid #fff;
text-align: center;
}
#drum-home-list li a:link, #drum-home-list li a:visited {
display: block;
font-size: .8em;
color: #67a308;
}
#drum-home-list li a:link img, #drum-home-list li a:visited img {
border: 1px solid #67a308;
}
#drum-home-list li a:hover img {
border: 1px solid #FF6600;
}
#drum-home-list li p {
margin-top: 5px;
}
#drum-home-list li p a:link, #drum-home-list li p a:visited {
color: #67a308;
}
#drum-home-list li p a:hover {
color: #FF6600;
}

.drum-list {
margin-left: 0;
padding-left: 0;
list-style: none;
float: left;
}
.drum-list li {
float: left;
width: 200px;
position: relative;
border-left: 20px solid #fff;
border-bottom: 30px solid #fff;
}
.drum-list li a img, .drum-list li img  {
border: 1px solid #1e1f21 !important;
float: left;
}
.drum-list li p  {
margin-top: 0;
text-align: center;
font-weight: bold;
}
.drum-list li p a:link, .drum-list li p a:visited {
position: absolute;
display: block;
width: 40px;
height: 33px;
text-indent: -9999px;
background-color: #FF9900;
background-image: url(images/drum-listen.gif);
background-position: 0 -33px;
top: 5px;
left: 5px;
}
.drum-list li p a:hover {
background-position: 0 0; 
}

/* Side Nav */

#side-column ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
#side-column ul li a:link,  #side-column ul li a:visited {
padding: 0 0 10px 23px;
display: block;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
text-decoration: none;
font-weight: bold;
color: #003300;
}
#side-column ul li a:hover,
.drum-1 #d-1 a,
.drum-2 #d-2 a,
.drum-3 #d-3 a,
.drum-4 #d-4 a,
.africano-1 #a-1 a,
.africano-2 #a-2 a,
.africano-3 #a-3 a,
.africano-4 #a-4 a,
.africano-5 #a-5 a,
.africano-6 #a-6 a,
.africano-7 #a-7 a,
.africano-8 #a-8 a,
.africano-9 #a-9 a,
.africano-10 #a-10 a,
.africano-11 #a-11 a,
.africano-12 #a-12 a
 {
color: #996633 !important;
background-position: -180px 0;
}

#side-column #side-shop-list {
margin-left: 0;
padding-left: 0;
}

#side-column #side-shop-list li a:link, #side-column #side-shop-list li a:visited {
height: 50px;
padding: 10px 0 0 55px;
line-height: 1em;
}
#cd-8 a {
background-image: url(images/cd-8-sm.gif) !important;
}
#cd-7 a {
background-image: url(images/cd-7-sm.gif) !important;
}
#cd-6 a {
background-image: url(images/cd-6-sm.gif) !important;
}
#cd-5 a {
background-image: url(images/cd-5-sm.gif) !important;
}
#cd-4 a {
background-image: url(images/cd-4-sm.gif) !important;
}
#cd-3 a {
background-image: url(images/cd-3-sm.gif) !important;
}
#cd-2 a {
background-image: url(images/cd-2-sm.gif) !important;
}
#cd-1 a {
background-image: url(images/cd-1-sm.gif) !important;
}
#cd-8 a:link, #cd-8 a:visited,
#cd-7 a:link, #cd-7 a:visited,
#cd-6 a:link, #cd-6 a:visited,
#cd-5 a:link, #cd-5 a:visited,
#cd-4 a:link, #cd-4 a:visited,
#cd-3 a:link, #cd-3 a:visited,
#cd-2 a:link, #cd-2 a:visited,
#cd-1 a:link, #cd-1 a:visited {
background-position: 0 -65px !important;
}
#cd-8 a:hover,
#cd-7 a:hover,
#cd-6 a:hover,
#cd-5 a:hover,
#cd-4 a:hover,
#cd-3 a:hover,
#cd-2 a:hover,
#cd-1 a:hover {
background-position: 0 -130px !important;
}
.cd-8 #side-column #side-shop-list #cd-8 a:visited,
.cd-7 #side-column #side-shop-list #cd-7 a:visited,
.cd-6 #side-column #side-shop-list #cd-6 a:visited,
.cd-5 #side-column #side-shop-list #cd-5 a:visited,
.cd-4 #side-column #side-shop-list #cd-4 a:visited,
.cd-3 #side-column #side-shop-list #cd-3 a:visited,
.cd-2 #side-column #side-shop-list #cd-2 a:visited,
.cd-1 #side-column #side-shop-list #cd-1 a:visited {
background-position: 0 -130px !important;
color: #996633;
} 

/* Hats */

#hat-8 a {
background-image: url(images/hat-side-gobi-brown.gif) !important;
}
#hat-7 a {
background-image: url(images/hat-side-gobi-blue.gif) !important;
}
#hat-6 a {
background-image: url(images/hat-side-gobi-wine.gif) !important;
}
#hat-5 a {
background-image: url(images/hat-side-gobi-misc.gif) !important;
}
#hat-4 a {
background-image: url(images/hat-side-abeti-aja-brown.gif) !important;
}
#hat-3 a {
background-image: url(images/hat-side-abeti-aja-blue.gif) !important;
}
#hat-2 a {
background-image: url(images/hat-side-abeti-aja-wine.gif) !important;
}
#hat-1 a {
background-image: url(images/hat-side-abeti-aja-misc.gif) !important;
}
#hat-8 a:link, #hat-8 a:visited,
#hat-7 a:link, #hat-7 a:visited,
#hat-6 a:link, #hat-6 a:visited,
#hat-5 a:link, #hat-5 a:visited,
#hat-4 a:link, #hat-4 a:visited,
#hat-3 a:link, #hat-3 a:visited,
#hat-2 a:link, #hat-2 a:visited,
#hat-1 a:link, #hat-1 a:visited {
background-position: 0 -65px !important;
}
#hat-8 a:hover,
#hat-7 a:hover,
#hat-6 a:hover,
#hat-5 a:hover,
#hat-4 a:hover,
#hat-3 a:hover,
#hat-2 a:hover,
#hat-1 a:hover {
background-position: 0 -130px !important;
}
.hat-8 #side-column #side-shop-list #hat-8 a:visited,
.hat-7 #side-column #side-shop-list #hat-7 a:visited,
.hat-6 #side-column #side-shop-list #hat-6 a:visited,
.hat-5 #side-column #side-shop-list #hat-5 a:visited,
.hat-4 #side-column #side-shop-list #hat-4 a:visited,
.hat-3 #side-column #side-shop-list #hat-3 a:visited,
.hat-2 #side-column #side-shop-list #hat-2 a:visited,
.hat-1 #side-column #side-shop-list #hat-1 a:visited {
background-position: 0 -130px !important;
color: #996633;
} 

/* Contact Form */

#contactform {
float: left;
}
#contactform ol {
margin: 20px 0 0 0;
padding: 20px 20px 0 20px;
list-style: none;
float: left;
}
#contactform li {
clear: left;
}
#contactform label {
display: block;
width: 100px;
float: left;
text-align: right;
padding-top: .15em;
}
#contactform input, #contactform textarea, #contactform select  {
margin-left: 10px;
float: left;
width: 200px;
}
#contactform  textarea  {
width: 280px;
}
#contactform ol, div.form-submit {
background-color: #ddd;
}
#contactform li {
border-top: .3em solid #ddd;
}
div.form-submit {
padding: 1em;
text-align: center;
clear: both;
}
div.form-submit input {
float: none !important;
}

/* Shop Pages */

#cd-image-box, #hat-image-box  {
float: left;
width: 175px;
padding-bottom: 1em;
}
#hat-image-box  {
padding-top: 1em;
}
#cd-image-box img, #hat-image-box img{
margin-bottom: 10px;
}
#cd-info-box, #hat-info-box {
float: left;
width: 260px;
padding-bottom: 1em;
}
.front-cd-cover, .back-cd-cover {
}
.cd-info, .hat-info {
list-style: none;
margin: 0;
padding-left: 0;
font-size: .9em;
}
.cd-songs {
}
li.cd-price {
padding-bottom: 1em;
font-size: 1.25em;
}
li.cd-price em {
font-size: .8em;
line-height: 1.5em;
}
li.buy-now {
padding-top: .5em;
padding-bottom: 1em;
}
li.buy-now a:link, li.buy-now a:visited {
display: block;
background-image: url(images/buy-now.gif);
width: 95px;
height: 28px;
text-indent: -9999px;
}
li.buy-now a:hover {
background-image: url(images/buy-now.gif);
background-position: 0 -28px;
}
#shop-list li {
text-align: center;
font-size: .9em;
font-weight: bold;
}
#shop-list a img {
border: 1px solid #fff;
}
#shop-list a.buy-now:link, #shop-list a.buy-now:visited {
display: block;
background-image: url(images/buy-now.gif);
width: 95px;
height: 28px;
text-indent: -9999px;
margin: 15px auto 0 auto;
}
#shop-list a.buy-now:hover {
background-position: 0 -28px;
}
#shop-list a.more-info:link, #shop-list a.more-info:visited {
display: block;
background-image:url(images/cd-details.gif);
width: 95px;
height: 21px;
text-indent: -9999px;
background-position: 0 -21px;
margin-left: auto;
margin-right: auto;
}
#shop-list.hats a.more-info:link, #shop-list.hats a.more-info:visited {
background-image:url(images/details.gif);
}
#shop-list a.more-info:hover {
background-position: 0 0;
}

#shop-main-list li h3 {
text-align: center !important;
}
#shop-main-list li p {
text-align: center !important;
}

#shop-main-list a img {
border: none;
}

#product-details {
clear:left;
}
#product-details h5 {
margin: 0;
padding: 0;
}

.product-detail-aux-photo {
margin: 0 10px 10px 0;
}

.img-r {
float: right;
margin: 0 -100px 10px 20px;
}
.img-l {
float: left;
margin: 0 20px 20px 0;
}

#bott-nav {
list-style: none;
text-align: center;
margin-left: 0;
padding-left: 0;
clear: both !important;
}
#bott-nav li {
display: inline;
margin: 0 23px 0 23px;
}
#bott-nav li a:link, #bott-nav li a:visited {
font-size: 10pt;
font-weight: bold;
color: #1c9e06;
color: #fe9b0c;
}
#bott-nav li a:hover {
color: #fe9b0c;
color: #f9cd8e;

}
#copyright {
clear: both;
color: #1c9e06;
color: #fe9b0c;
font-weight: bold;
font-size: 10pt;
text-align: center;
padding-bottom: 20px;
}
.next a:link, .next a:visited {
background-image: url(images/next.gif);
background-repeat:no-repeat;
display: block;
padding: 4px 0 6px 30px;
font-size: .9em;
font-weight: bold;
color: #67a308;
} 
.next a:hover {
background-position: 0 -33px;
color: #CC6633;
} 
.vid-list {
list-style: none;
margin-left: 0;
padding: 0;
}
.vid-list li a:link, .vid-list li a:visited  {
display: block;
padding-left: 40px;
padding-top: 3px;
padding-bottom: 12px;
background-image:url(images/video-bullet.gif);
background-repeat:no-repeat;
}
.vid-list li a:hover  {
background-position: 0 -100px;

}

#home h1 {
font-size: 150% !important;
}
#home h2 {
font-size: 120% !important;
}
#home h3 {
font-size: 100% !important;
}
#home #main-column-wide h1 {
font-size: 120% !important;
}
#home #main-column-wide h2 {
font-size: 100% !important;
}
#home #main-column-wide h3 {
font-size: 90% !important;
}
#home h1 {
width: auto;
height: auto;
color: #67a308;
padding: 0;
margin: 0;
}
#home h2 {
color: #fe9b0c;
float: none;
padding: 0;
margin: 0;
}
#home h3 {
clear: both;
margin: 0;
color: #f9cd8e;
padding: 0;
}
#home #side-column ul {
list-style:disc;
margin-left: 1em;
padding-left: 1em;
}