html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;padding:0 0 10px 0;margin:0 0 0 10px;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {
font-family:Georgia, "Times New Roman", Times, serif;
background-repeat:no-repeat;
background-color:#282216;
background-image: url(/images/main_back.jpg);
background-position: top center;
}
#header {
width:930px;
margin:25px auto 0 auto;
}
.logo {
width:667px;
height:94px;
float:left;
margin:0;
padding:10px 0 0 0;
}
#header a:link {
color:#9A9498;
text-decoration: none;
}
#header a:hover {
color:#9A9498;
text-decoration:underline;
}
/*layout*/

#container {
width:895px;
margin:0 auto 0 auto;
background-color:#EEEBEA;
border:3px solid #fff;
background-image: url(/images/back_grnd.jpg);
}
#left {
float:left;
width:655px;
}
#right  {
float:right;
width:240px;
height:100%;
}
#center {
float:left;
width:650px;
background-color:#660000;
}
#content {
float:left;
width:655px;
}
.copy {
width:617px;
margin:20px 0 20px 20px;
}
.benefits {
width:617px;
margin:20px 0 20px 20px;
}
#footer {
width:895px;
margin:10px auto;
text-align:center;
font-size:80%;
}
#footer p {
text-align:center;
font-size:80%;
color:#fff;
}
.support {
margin:15px 0 0 0;
font-weight: 800;
font-size:90%;
}
.support p {
margin:20px 0 30px 0;
font-weight: 500;
font-size:100%;
}
.support a {
color:#660000;
text-decoration:none;
border-bottom:1px dashed #660000;
}
.support a:hover {
text-decoration:none;
color:#282216;
border-bottom:1px dashed #282216;
}
/*layout-end*/
.copy_main {
width:612px;
margin:20px 0 20px 20px;
}
.copy_main p {
color:#282216;
margin:0 0 7px 0;
font-size:90%;
}
.copy p {
color:#282216;
margin:0 0 7px 0;
font-size:90%;
}
.copy h1 {
margin:0 0 15px 0;
font-size:105%;
font-weight:bold;
color:#660000;
}
.copy h2 {
font-size:90%;
margin:0 0 10px 0;
font-weight:bold;
color:#282216;
}
.copy ul {
color:#282216;
float:left;
margin:0 0 0 15px;
font-size:90%;
}
.copy li {
margin:0 0 0 10px;
list-style-type: square;
}
.addthis {
margin:20px auto 10px auto;
}
.button_main {
width:100px;
margin: 10px 0 0 0;
padding:1px;
border:1px solid #660000;
background-color:#fff;
}
.button_main p {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-weight:normal;
font-size:11px;
padding:3px 3px 3px 3px;
text-align:center;
color:#fff;
background-color:#660000;
}
.button_main a {
color:#fff;
text-decoration:none;
}
.button_main p:hover {
text-align:center;
color:#fff;
background-color:#282216;
}
.about_front {
width:612px;
margin:20px 0 20px 20px;
padding:20px 0 0 0;
border-top:1px solid #660000;
}
.button {
width:130px;
margin: 20px 0 0 0;
padding:1px;
border:1px solid #660000;
background-color:#fff;
}
.button p {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-weight:normal;
font-size:11px;
padding:3px 3px 3px 3px;
text-align:center;
color:#fff;
background-color:#660000;
}
.button a {
color:#fff;
text-decoration:none;
}
.button p:hover {
text-align:center;
color:#fff;
background-color:#282216;
}
.benefits p {
color:#282216;
margin:10px 0 7px 0;
font-size:90%;
}
.benefits h1 {
margin:0 0 5px 0;
font-weight:bold;
color:#660000;
}
.benefits ul {
color:#282216;
margin:0 0 20px 15px;
font-size:90%;
}
.benefits li {
margin:0 0 0 10px;
list-style-type: square;
}
#right ul {
margin:10px auto 0 auto;
padding:0;
font-weight:500;
font-size:100%;
text-align:center;
}
#right li {
font-size:70%;
display:inline;
list-style-type:none;
margin:0 0 0 7px;
}
#right li a {
color:#282216;
text-decoration: none;
border-bottom:1px dashed #282216;
}
#right li a:hover {
color:#660000;
border-bottom:1px dashed #660000;
}
#right h1 {
font-size:140%;
color:#282216;
margin:0 0 15px 0;
text-align:center;
font-weight:bold;
}
#right p {
font-size:11px;
color:#282216;
margin:0px;
padding:0;
text-align:center;
border-top:1px solid #D1C5AB;
}
#right h2.menu {
width:176px;
margin:0 auto 0 auto;
padding-top:10px;
padding-bottom:10px;
font-size:70%;
line-height:1.2em;
text-align:left;
border-top:1px solid #E8E2D2;
}
.icon {
float:left;
margin:-3px;
padding:0 5px 0 0;
}
#right h2.menu a {
color:#282216;
text-decoration:none;
}
#right h2.menu a:hover {
color:#660000;
}
#right h3.serv {
width:176px;
margin: 5px auto 15px auto;
padding-bottom:15px;
font-size:90%;
font-weight:600;
line-height:1.2em;
text-align:center;
}
#right h3.serv a {
color:#282216;
text-decoration:none;
}
#right h3.serv a:hover {
color:#660000;
}
#learned {
width:176px;
margin:0 auto 20px auto;
padding:7px;
background:#E8E2D2;
}
#learned h3.play  {
padding-bottom:10px;
font-size:70%;
font-style:italic;
font-weight:bold;
text-align:left;
color:#660000;
}
#learned p.amy  {
font-size:10px;
color:#282216;
margin:0;
padding:5px 0 0 0;
text-align:left;
border-top:1px solid #D1C5AB;
}
.piano {
margin:0;
padding:0 0 0 0;
width:640px;
height:250px;
}
.hear {
text-align:center;
font-size:80%;
line-height:130%;
padding:0;
}
.creative_logo {
margin:20px auto 20px auto;
width:150px;
height:100px;
background: url(/images/creative_logo_sml.jpg) no-repeat;

}
.keyboard {
margin:35px auto 0px auto;
width:171px;
height:70px;
background: url(/images/keyboard_sml_working.jpg);
}
.swish {
margin:20px auto 20px auto;
width:106px;
height:41px;
background-image: url(/images/swish.gif);
}
#center ul {
padding-left: 0;
margin-left:5px;
background-color:#660000;
color:#000;
text-shadow: 0 0 1px 2px #000;
float: left;
width: 100%;
}
#center li { 
display: inline;
}
#center a {
padding: 0.2em 1em;
background-color:#660000;
color:#fff;
text-decoration: none;
float: left;
}
#center a:hover {
background-color: #820000;
color: #fff;
}
#center p {
text-align:center;
margin:0 0 0 10px;
padding: 0.2em 1em;
font-size:110%;
color:#fff;
}
#center p:link {
text-align:center;
padding: 0.2em 1em;
font-size:100%;
color:#fff;
}
.system {
width:617px;
padding:0 0 15px 0;
}
.system ul {
color:#282216;
float:left;
margin:0 0 0 15px;
font-size:90%;
}
.system li {
margin:0 0 0 10px;
list-style-type: square;
}
.system img {
margin:-20px 0 0 30px;
width:252px;
}
.photo {
margin:5px 15px 5px 0;
float:left;
padding:7px;
border:1px solid #5A483E;
background:#fff;
}
.photo_david img {
}
.video_player {
margin:5px 10px 20px 0;
width:150px;
height:100px;
padding:5px;
float:left;
border:1px solid #5A483E;
background: url(/images/vid_testimonials.jpg) center bottom #fff;
background-repeat: no-repeat;
}
.testimonials {
margin:10px 10px 0 0px;
padding:10px 15px 0 0px;
border-top:1px solid #D1C5AB;
}
ul.compare {
width:400px;
float:left;
margin:10px 0 15px 0;
font-size:90%;
}
ul.compare li {
margin:0 0 25px 20px;
list-style-type:square;
}
.example_one {
margin:20px 0 30px 400px;
diplay:block;
width:148px;
height:40px;
}
.example_two {
margin:20px 0 30px 400px;
diplay:block;
width:148px;
height:40px;
}
.example_three {
margin:20px 0 30px 400px;
diplay:block;
width:148px;
height:40px;
}
.example_four {
margin:20px 0 30px 400px;
diplay:block;
width:148px;
height:40px;
}
.credit_cards {
margin:0 auto;
width:190px;
height:120px;
background: url(/images/creditcards.jpg);
}
.buy_now {
margin:0 auto;
width:190px;
height:40px;
background: url(/images/buynow_button.gif);
}
.buy_now:hover {
margin:0 auto;
width:190px;
height:40px;
background: url(/images/buynow_button.gif) 0px -40px;
}
.beginners {
margin:0 0 0px 20px;
padding-right:10px;
float:left;
width:130px;
border-right:1px solid #D1C5AB;
}
.teachers, .advanced {
margin:0 0 0px 20px;
padding-right:10px;
float:left;
width:130px;
border-right:1px solid #D1C5AB;
}
.singers {
float:left;
margin:0 0 0px 20px;
width:130px;
}
.beginners, .teachers, .advanced, .singers, p {
color:#282216;
font-weight:normal;
font-size:11px;
line-height:1.4em
}
.beginners, .teachers, .advanced, .singers, h2 {
font-weight:bold;
font-size:100%;
color:#660000;
}
.beginners img, .teachers img, .advanced img, .singers img {
margin-bottom:5px;
padding:5px;
border:1px solid #000;
background-color:#fff;
}
.small_dave {
float:left;
margin:0 15px 20px 0;
border:1px solid #282216;
width:50px;
height:60px;
}
.join {
width:190px;
margin:30px auto 20px auto;
border:1px solid #fff;
}
.join p {
font-weight:bold;
}
.cart {
width:617px;
margin:20px 0 20px 20px;
border-bottom:1px solid #D1C5AB;
}
/*
.cart p {
color:#282216;
margin:40px 0 7px 0;
font-size:90%;
}
*/
.cart h1 {
margin:15px 0 20px 0;
font-weight:bold;
color:#660000;
}
.products {
width:420px;
margin:0 0 0 180px;
padding:0 0 20px 0;
}
.products p {
color:#282216;
padding:7px 0 0 0;
font-size:90%;
}
.products h2 {
color:#282216;
padding:7px 0 0 0;
font-size:100%;
}
.cart_pic {
width:160px;
margin:0;
padding:0 20px 5px 0;
float:left;
}
.cart_pic_books {
width:140px;
margin:0;
padding:0 20px 5px 20px;
float:left;
}
p.cart_items {
font-size:100%;
margin:0 0 30px 20px;
}
.product {
float:left;
margin:10px 0 0 0;
}

.clear {
clear:both;
}
#youtubeplayer {
padding:20px auto 0 auto;
}
/*contact us */

.contact_left {
float:left;
margin:20px 0 20px 20px;
width:390px;
}
.contact_left h1 {
margin:0 0 20px 0;
font-size:105%;
font-weight:bold;
color:#660000;
}
.contact_left h2 {
margin:10px 0 0 0;
font-weight:bold;
line-height:1.8em;
font-size:16px;
color:#000;
}
.contact_left p {
margin:0 0 10px 0;
line-height:1.6em;
font-size:14px;
color:#000;
}
.contact_right h2 {
margin:0 0 0 30px;
font-weight:bold;
line-height:1.8em;
font-size:16px;
color:#000;
}
.contact_right {
margin:70px 0 5px 420px;
padding:0px 0 10px 0;
width:220px;
}
p.contact {
font-size:16px;
text-align:left;
margin:10px;
line-height:1.6em;
color:#363636;
}
p.back {
margin:0 0 10px 0;
}
p.back a {
color:#660000;
text-decoration:none;
border-bottom:1px dashed #66000;
}
p.back a:hover {
color:#660000;
border-bottom:1px dashed #000;
}
.input {
width:250px;
margin:0px 0px 0px 0;
border:1px solid #363636;
background:#fff;
}
.input:hover {
border: 1px solid #f00;
background: #fff;
}
.textarea {
width:340px;
margin:0px 0px 0px 0;
border: 1px solid #363636;
background: #fff;
}
.textarea:hover {
border: 1px solid #363636;
background: #fff;
}
.contact_button {
width: 100px;
color:#fff;
margin:0px 0px 20px 0;
border: 1px solid #fff;
padding:2px;
background:#660000;
}
.contact_button:hover {
border: 1px solid #fff;
background: #363636;
}
label {
color:#363636;
display: block;
width: 150px;
margin: 5px 4px 2px 0;
text-align:left;
}