/* CSS Document */

body { margin: 0 auto; padding: 0; background: #e7e5d4 url(../images/bg-top.jpg) repeat-x; font-family:Arial;}

/* main container */
#container  { width: 900px; margin: 0 auto; height:auto;} 

/* main divs */
#head { width: 900px; height:210px; background-image: url(../images/head.jpg); background-repeat:no-repeat; position:relative;}
#logo {width: 380px; height:20px; padding-left:40px; float:left;}
#menu-bar { width: 900px; height:40px; background-image: url(../images/menu-bar.jpg); background-repeat:repeat-x; position:relative;}
#content { width: 900px; height:auto; padding-top:10px; position:relative;}
#cart-content {width: 710px; height:auto; padding-top:10px; position:relative; margin: 0 auto;}
#paypal-info-wrapper {width: 710px; height:auto; padding-top:40px; position:relative;}
#paypal-logo {width: 80px; height:auto; float:left;}
#paypal-info {width: 615px; height:auto; float:right; padding-left:15px;}
#left-box {width: 170px; float:left; height:auto;}
#sample-box {width: 170px; float:left; height:auto;}
#player {width: 170px; height:200px; float:left;}
#player2 {width: 170px; height:200px; float:left;}
#player3 {width: 170px; height:200px; float:left;}
#right-box {width: 710px; float:right; height:auto; padding-left:20px;}
#library-left {width: 320px; float:left; height:auto; padding-right:20px;}
#library-right {width: 350px; float:left; height:auto; padding-right:20px;}
#library-foot {width: 710px; clear:both; height:auto; padding-top:20px;}
#quote-bubble {width: 137px; height:260px; float:left; background-image:url(../images/bubble.jpg); background-repeat:no-repeat; padding:10px 20px 100px 13px; position:relative;}
#quote-bubble p {font: 11px Verdana; color:#000; margin-top: 6px; margin-bottom: 6px;}
#footer {width: 900px; height:50px; background-color:#e7e5d4; clear:both;}
#menu{margin: 0; color:#7F6219; padding: 0; padding-top:7px; font: bold 12px Tahoma; text-align:center;}
#menu li{display: inline;}
#menu li a{text-align:center; padding-left:15px; padding-right:15px; color:#7F6219; text-decoration: none;}
#menu li a:hover{color:#000000;}
#keywords { width: 900px; position:relative; padding-top:300px; height:auto;}
#keywords p {font: 11px Verdana; color:#adada9; margin-top: 6px; margin-bottom: 6px;}
#step-1 {width: 650px; padding-left:60px;  height: 50px; background-image:url(../images/1.jpg); background-repeat:no-repeat; margin-top:20px; }
#step-2 {width: 650px; padding-left:60px;  height: 50px; background-image:url(../images/2.jpg); background-repeat:no-repeat; }
#step-3 {width: 650px; padding-left:60px;  height: 50px; background-image:url(../images/3.jpg); background-repeat:no-repeat; }
#get-started {width: 500px; height:auto; float:left;}
#get-started a { font: 14px Arial; color:#7F6219; text-decoration:underline;}
#get-started a:hover { text-decoration:none;}
#go {width: 120px; padding-top:20px; height:auto; float:left;}

.list {list-style-type: none; padding: 0; margin:0;}
.list li {font: 14px Arial; color:#7F6219; margin:0;}

ol { margin-bottom:0; margin-top:0}
ol li {font: 11px Arial; color:#7F6219; }
  
.cd-head {width: 710px; height:auto; padding-left:190px; position:relative;}
.cd-wrapper {
   width: 900px;
   height:auto;
   position:relative;
   padding: 20px 0 10px 0;
   overflow:hidden;
   border-bottom:1px solid #7F6219; 
}

.cameo-cd {
   width: 565px;  
   padding:0 0 0 145px;
   background:url(../images/cameo-cd.jpg);   
   background-repeat:no-repeat;
   float:right;
   position:relative;
}

#cameo-cd-songlist {
   width: 555px;
   padding: 5px; 
   background:#f4f4f4;
}

.footwork-cd {
   width: 565px;  
   padding:0 0 0 145px;
   background:url(../images/footwork-cd.jpg);   
   background-repeat:no-repeat;
   float:right;
   position:relative;
}

#footwork-cd-songlist {
   width: 555px;
   padding: 5px; 
   background:#f4f4f4;
}

.prima-cd {
   width: 565px;  
   padding:0 0 0 145px;
   background:url(../images/prima-cd.jpg);   
   background-repeat:no-repeat;
   float:right;
   position:relative;
}

#prima-cd-songlist {
   width: 555px;
   padding: 5px; 
   background:#f4f4f4;
}

.cd-viewcart {
   width: 565px;
   height:auto;
   position:relative;
   padding: 20px 0 10px 335px; 
}

/* main styles */
p {font: 14px Arial; color:#7F6219; margin-top: 6px; margin-bottom: 6px; }
h1 {font: bold 18px Arial; color:#7F6219; margin-top: .5em; margin-bottom: .5em;}
h2 {font: bold 18px Arial; color:#2688c5; margin-top: .5em; margin-bottom: .5em;}
h3 {font: bold 14px Arial; color:#2688c5; margin-top: .8em; margin-bottom: -.3em;}
img { border:none;}
.blue {color:#2688c5; font: bold 14px;}
.orange {color:#ffc129;}
.right { text-align:right;}
a {outline: none; color:#2688c5; text-decoration:underline;}
a:hover { text-decoration:none;}
.align-right { text-align:right;}
.tp-pd-10 { padding-top:10px;}
.flt-img-lft { float:left; padding-right:15px;}
hr {border: 0; width: 100%; color: #7F6219; background-color: #7F6219; height: 1px; margin: 5px 0 5px 0;}
.top-bord {border-top:1px solid #7F6219; padding-top:10px;}
.no-margin { margin:0;}
.sm-text {font: 11px Verdana; color:#000; margin-top: 6px; margin-bottom: 6px; padding:0 5px 0 5px;}