/* CSS Document */
/* for sticky footer ------------------------------------------------------------------------------------- */
* { 
	margin:0; 
	padding:0;
} 
html, body, form, #wrapper, #wrapper_noimg {
	height: 100%;
}
body > #wrapper {
	height: auto; 
	min-height: 100%;
}
#main {
	padding-bottom: 103px;
}
#footer {
	position: relative;
	margin-top: -103px;
	height: 103px;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

img { behavior: url(iepngfix.htc) } /* Fix png for Older browsers

/* end sticky footer ------------------------------------------------------------------------------------- */
html, body { 
	font-family: arial, verdana, sans-serif;
   	color: #ddd;
   	background-color: #000000;
	font-size: 12px;
	line-height: 1.3
}
body {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
div, ul, ol, h1, h2, h3, h4, h5, img {
	margin: 0;
	padding: 0;
	display: block;
}
h1, h2, h3, h4, h5 {
	color: #fec05b;
	font-style: italic;
}
h1 {
	font-family: "Palatino Linotype", helvetica, verdana, arial; font-style: normal;
	font-size: 36px; font-style: italic;
}
ul li {
	list-style: none;
}
a:link {
	text-decoration: none;
	color: #cbaa64;
}
a:visited {
	text-decoration: none;
	color: #cbaa64;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}
em a:link, em a:visited {color: #eec665; text-decoration: underline;}
em a:hover, em a:active {color: #6f0c0c; text-decoration: underline;}
em {	
	text-decoration: none;	
	font-weight: bold; 
	color: #eec665;
}
/* Structural ID's --------------------------------------------------------------------------- */
#wrapper {
   	background: url(images/content.jpg) no-repeat -100px 183px;   
	width: 1000px;
	background-color: #000;
}
.noimg#wrapper {
	background: #000;
}
.guestbook#wrapper { 
	background: url(images/content_guestbook4.jpg) no-repeat 0px 179px;
}
.guestbook_noimg#wrapper {background: #000;}
.guestbook2#header {
	background: url(images/header_guestbook5.jpg) no-repeat top center;
}
.contact#wrapper {background: url(images/contact_background.jpg) no-repeat 100px 200px;}
#header {
   background: url(images/header5.jpg) no-repeat top center;
   width: 1000px;
   height: 179px; 
}
#footer {
	background: url(images/footer.jpg) no-repeat bottom center;
	width: 1000px; 
}
#footer img {
	position: absolute; bottom: 104px; left: 50px;
}
#footer p {
	color: #5d4d37;
	padding: 5px 0 0 0;  
	text-align: center;
}
#ftr_contact a:link, #ftr_contact a:visited {
	color: #5d4d37; 
	text-decoration: none;
	padding: 0 30px 0 30px;
}
#ftr_contact a:hover, #ftr_contact a:active {
	color: #ffffff;
	padding: 0 30px 0 30px;
}
#content.full {
	position: relative;
	top: 10px; left: 0px;
	width: 1000px;
	margin: 0; padding: 0;
}
#content {
	width: 600px;
	min-height: 400px;
	position: relative; top: 10px;
	z-index: 5;
	text-align: left;
	margin: 0 auto;
}
.guestbook #content {min-height: 480px;}
#content.full h1 {
	top: 20px; left: 230px;
}

#content h1 {
	color: #cbaa64;
	position: relative; top: 20px; left: 30px; 
}
#content p {
	width: 510px; 
	color: #ded3c2;
	font-weight: bold;
	padding: 10px 0 0 50px; 
	position: relative; top: 30px; left: 30px; 
}
/* -- SITE NAVIGATION ------------------------------------------------ */
#menu { 
	
	position: relative; top: 148px; left: 0px;
	width: 1000px; height: 29px; 
	margin: 0; padding: 0;
	z-index: 5;
	
}
#menu li {padding: 0; margin: 0; float: left;}
.nav{
	float: left;
    display:-moz-inline-box;
    display:inline-block;
    overflow:hidden;
    background:url(images/nav_sprite_new3.jpg) no-repeat top left;
    position: relative; left: 60px;
	text-indent: -4000px;
    *text-indent:0px;

    font:0/0 Arial;
	vertical-align:bottom;
    
    height:29px;
}
 
 

.nav_home{width: 93px; background-position: 0px 2px; }
a:hover.nav_home{background-position:-860px 2px;}
a:active.nav_home, a:focus.nav_home{outline: none; background-position: -860px 2px;}

.nav_listen{background-position:-93px 2px; width: 100px;}
a:hover.nav_listen{background-position:-953px 2px;}
a:active.nav_listen, a:focus.nav_listen{outline: none; background-position:-953px 2px;}

.nav_about{background-position:-193px 2px; width: 99px;}
a:hover.nav_about{background-position:-1053px 2px;}
a:active.nav_about, a:focus.nav_about{outline:none; background-position:-1053px 2px;}
 
.nav_order{background-position:-292px 2px; width: 143px;}
a:hover.nav_order{background-position:-1152px 2px;}
a:active.nav_order, a:focus.nav_order{outline: none; background-position: -1152px 2px;}
 
.nav_lessons{background-position:-435px 2px; width: 177px;}
a:hover.nav_lessons{background-position:-1295px 2px;}
a:active.nav_lessons, a:focus.nav_lessons{outline: none; background-position:-1295px 2px;}
 
.nav_guestbook{background-position:-612px 2px; width: 141px;}
a:hover.nav_guestbook{background-position:-1472px 2px;}
a:active.nav_guestbook, a:focus.nav_guestbook{outline: none; background-position:-1472px 2px;}

.nav_contact{background-position:-753px 2px; width: 108px;}
a:hover.nav_contact{background-position:-1613px 2px;}
a:active.nav_contact, a:focus.nav_contact{outline: none; background-position:-1613px 2px;} 
/* -- END SITE NAVIGATION -------------------------------------------- */		
/* -------------  LISTEN PAGE ------------------------------------------------------------------------------- */
#sidebar { 
	float: right;
	width: 200px; 
	height: 100%;
	position: relative; top: -20px; right: 50px;
	text-align: center;
}
#sidebar img {
	border: none; 
	padding: 0 0 7px 0px; 
	margin: 0 auto;
}
#sidebar li {
	padding: 0 0 15px 0; width: 200px;
}
#listen {
	min-height: 450px;
	width: 800px;
	float: left;
	position: relative; top: 0; left: 0;
	background: url(images/cd1.jpg) no-repeat 90px 80px;
}
#listen p, #listen2 p, #listen3 p {margin: 0; padding: 0; position: relative; top: 70px; left: 220px;}
#listen h2, #listen2 h2, #listen3 h2 {
	font-size: 28px; font-family: "palatino linotype", helvetica, arial, times; 
	color: #5a8029; 
	position: relative; top: 50px; left: 330px;
}
#listen2 {
	min-height: 450px;
	width: 800px;
	float: left;
	position: relative; top: 0; left: 0;
	background: url(images/cd2.jpg) no-repeat 90px 80px;
}
#listen2 h2 {
	color: #c80547; 
}
#listen3 {
	min-height: 450px;
	width: 800px;
	float: left;
	position: relative; top: 0; left: 0;
	background: url(images/cd3.jpg) no-repeat 90px 80px;
}
#listen3 h2 {
	color: #ffffff; 
}

#cdInstruct ol {
	position: relative; top: 30px; left: 345px; 
	font-size: 14px; 
	color: #c2bdbd; 
margin: 0 0 -10px 0
}
Target Internet Explorer 7:
[idName="actualidName"] { list-style-position:inside; }

#cdInstruct li {
	
}
#cdInfo {
	position: relative; top: 60px; left: 390px;
	font-size: 12px; 
	color: #c2bdbd; 
}
#cdInstruct a, #cdInstruct a:visited {color: #787474; text-decoration: underline;}
#cdInstruct a:hover, #cdInstruct a:active {color: #ccc;}
#cdInfo a:link, #cdInfo a:visited {color: #5a8029;}
#cdInfo a:hover, #cdInfo a:active {color: #eec665;}

#listen2 #cdInfo a:link, #cdInfo a:visited {color: #c80547;}
#listen2 #cdInfo a:hover, #cdInfo a:active {color: #eec665;}

#listen3 #cdInfo a:link, #cdInfo a:visited {color: #d32b2b;}
#listen3 #cdInfo a:hover, #cdInfo a:active {color: #eec665;}


/* Classes ---------------------------------------------------------------------------------- */
.hidden {
	display: none;
}
.center {
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.font-fancy {
	font-family: 'palatino linotype', helvetica, verdana, arial, times, serif;
	font-size: 16px;
}
.font-fancy a {clear: both; display: block;}
#content .font-fancy {width: 495px;}
.small {font-size: 11px; text-indent: 1em;} /* used on order page */
.strong {font-weight: bold;}
/* -------------------------------------------------- ABOUT PAGE ---------------------------- */
#content.about p {
font-size: 12px;
width: 600px;
margin: 0 auto;
padding: 0 0 10px 0;
font-weight: normal; color: #ccc;}
#content.about {padding: 0 0 50px 0;}
#content.about p img {padding: 0 0 10px 0;}
/* -----------------------------------------------END ABOUT PAGE ---------------------------- */


/* -------------------------------------------------- AUDIO PLAYER ---------------------------- */
.ymp-skin{background-image:url(http://thesoundofpiano.com/images/my_sprite7.png)!impor\
tant;}
.ymp-skin


a.ymp-btn-page-target em.ymp-skin,a.ymp-btn-page-target:hover
em.ymp-skin,a.ymp-btn-page-target:active
em.ymp-skin{background:url(http://l.yimg.com/hr/10374/img/mp/target.gif)
no-repeat 0 0!important;}
.ymp-color-main{opacity: .5; background-color:#511!important;}
.ymp-color-tray{background-color:#222!important;}
.ymp-color-text-main,.ymp-color-text-main:link{color:#333!important;}
.ymp-color-text-tray,.ymp-color-text-tray:link{color:#fff!important;}
.ymp-player-max #ymp-body{width:569px!important;}
.ymp-player-max #ymp-body #ymp-getplayer{display:none!important;}
.ymp-player-max #ymp-body #ymp-body-base{width:559px!important;}
.ymp-player-max #ymp-body #ymp-body-strip{width:556px!important;}
.ymp-player-max #ymp-body #ymp-btn-pop{display:none!important;}
.ymp-player-max #ymp-body #ymp-yahoo-logo{display:none!important;}
#ymp-tray #ymp-tray-body ul li
a.playing{background-color:#511!important;}
#ymp-tray ul li a:hover{background-color:#222!important;}
#ymp-tray #ymp-btn-tray em.ymp-color-text-tray{color:#fff!important;}
#ymp-relevance{display:none!important;}
#ymp-body
#ymp-rhap-getunlimited{color:#fff!important;font-weight:Bold!important;}
#ymp-body #ymp-btn-max span.ymp-animarrow{background:transparent
url(http://l.yimg.com/hr/10374/img/mp/closed.gif) no-repeat scroll 0
0!important;}
/* ------------------------------------------- */
#price_head ul {width: 400px;  padding: 10px 0 0 0;}
#price_head .price_price li {width: 200px; display: block; float: left;}
#shipCalc {border: solid 1px #151515;}
#shipCalc li {margin: 0 auto;}
#shipCalc li h4 {background-color: #000000; padding: 5px 0 5px 0;}
#shipCalc li h5 {border-top: solid 2px #000; font-family: arial, serif; font-size: 11px; font-style: normal; color: #fff;}
#shipCalc ul {text-align: left; background-color: #000000; }
#shipCalc li {width: 180px; text-align: center; background-color: #180101; padding: 2px 0 2px 0;}
#sidebar p {width: 200px; text-align: left; padding: 0; margin: 0;}
ul.price_price {position: relative; left: 10px;}
ul.contact_addy {position: relative; left: 10px;}
#order_info h4 {clear: both; padding: 5px 0 5px 0;}
#order_info ol {position: relative; left: 30px; top: 0; padding: 0; margin: 0;}
#order_info p.shift_up {top: 15px;}
#order_info h2 {padding: 15px 0 0 0;}
#order_info p {padding: 0 0 15px 0; margin: 0 0 0 -22px; width: 450px; font-weight: normal;}
#order_info {width: 450px; position: relative; top: 0; left: 250px; float: left; padding: 0 0 30px 0;}

#order_info h3 {display: block; width: 300px; padding: 2px; margin: 0; position: relative; top: 10px; left: 120px;}
#order_info a {color: #cbaa64}
#order_info a:visited, #order_info h3 a:active {color: #cbaa64}
#order_info a:hover {color: #fff}




#lbQty {
background-color: #000;
color: #fde4bd;
}
#lbShipmethod {
background-color: #000;
color: #fde4bd;
}

#cddata {width: 600px; padding: 20px 0 30px 250px;}
#cddata h5 {display: inline; padding: 0 0 0 10px;}
#cddata li {padding: 3px 0 0 10px;}
#cddata .cdtrack {padding: 20px 0 0 0;}



#guestbookInstruct {padding: 0; margin: -30px 0 0 0; text-align: center;}
#guestbookInstruct p {background-color: #000; padding: 0; margin: 0;}
#guestbookInstruct h2 {margin: 70px auto 30px auto; position: relative; left: 40px; font-family: "palatino linotype", arial, georgia, serif; font-size:26px;}
#guestbookinstruct2 {height: 50px;}

.guestbook h4, .guestbook_noimg h4 {position: relative; top: 33px; left: 200px; color: #cbaa64; z-index: 0; width: 676px; clear: both; border-top: solid 3px #470404; padding: 0 0 0 10px;}
.guestbook #content p {position: relative; top: 90px; left: 50px; clear: both; padding: 0; margin: 20px auto; font-size: 14px; font-family:  "palatino linotype", arial, georgia, serif; color: #fdd28d; width: 500px; font-style: italic;}
.guestbook_noimg #content p {position: relative; top: 60px; left: 40px; clear: both; padding: 0; margin: 20px auto; font-size: 14px; font-family:  "palatino linotype", arial, georgia, serif; color: #cbaa64; width: 600px; font-style: italic;}
.guestbook a, .guestbook_noimg a {color: #fff; text-decoration: underline; position: relative; top:0px;}
.guestbook a:hover {color: #6c0d0d;}
.guestbook_noimg h2 a:hover {color: #fec05b; text-decoration: none;}


#guestbookview {padding: 0; width: 686px; position: relative; top: 50px; left: 200px; background-color: #000; color: #ccc;}
#guestbookview td {border-bottom: solid 0px #000; padding: 2px 0 0 10px; background-color: #000; z-index: 3;}


#guestbookview a, #guestbookview a:active, #guestbookview a:visited {color: #fdd28d; z-index: 3; font-weight: bold;}



#guestpen {position: absolute; top: 70px; left: 100px;}

.regStyle td {border-top: solid 2px #470404;}


#contact_content h3 {position: relative; top: 40px; left: 78px; color: #400; font-size: 18px;}
#contact_content {width: 600px; position: relative; top: 0; left: 200px;}
#contact_content p {width: 500px;}
#email {position: absolute; top: 215px; left: 80px;}
#email h2 {display: inline; padding: 0 135px 0 0; font-size: 16px;}
#email a {font-weight: bold; font-size: 16px; color: #2f2f2f; text-decoration: underline;}
#email a:hover {font-weight: bold; font-size: 16px; color: #ccc; text-decoration: underline;}
#addy {position: absolute; top: 115px; left: 80px;}
#addy h2 {font-size: 16px;}
#contact_content p.center {position: absolute; top: 250px; text-align: left; width: 600px;}



.commenta2 {color: #999;}
.city1 { text-align: right; width: 201px;}




#rfvtbName {position: relative; top: 248px; left: 515px; font-weight: bold; display: block; clear: both; margin: 0; padding: 0; width: 160px; line-height: 1; height: 12px; font-family: arial; font-size: 12px;}
#rfvtbCity {position: relative; top: 249px; left: 515px; font-weight: bold; display: block; clear: both;  margin: 0; padding: 0; width: 160px; line-height: 1; height: 12px; font-family: arial; font-size: 12px;}
#rfvtbEmail {position: relative; top: 250px; left: 515px; font-weight: bold; display: block; clear: both; margin: 0; padding: 0; width: 160px; line-height: 1; height: 12px; font-family: arial; font-size: 12px;}

.#content .lager {
font-size: 12px;
width: 1000px;
margin: 0 auto;
padding: 0 0 10px 0;
font-weight: normal; color: #ccc;
}
.#content .lager {
font-size: 12px;
width: 1000px;
margin: 0;
padding: 0 0 10px 0;
font-weight: normal; color: #ccc;
}

.lager img {display: inline; position: relative; top: 0; left: 0; width: 450px; margin: 0 auto; padding: 0; }
#content.lager p {width: 1000px; padding: 0; margin: 50px 0 20px 0; position: relative; top: 0; left: 0; text-align: center;}
#content.lager {position: relative: top: 0; left: 0; width: 1000px;}
#content.lager h1 {position: relative; top: 20px; left: 230px;}


/* contact */
#content.contactfrm form {width: 450px; position: absolute; top: 160px; left: 180px; color: #fdd28d; font-weight: bold;}
#content.contactfrm ul {width: 370px; margin: 0; padding: 0; position: absolute;}
#content.contactfrm li {width: 370px; line-height: 1.5; margin: 0; padding: 0; height: 25px;}
#content.contactfrm input {position: absolute; right: 20px; width: 280px;}
#content.contactfrm textarea {width: 280px; height: 120px; position: absolute; right: 20px;}
#content.contactfrm li.l_form.tallItem {height: 130px;}
      /* borders */
#content.contactfrm li input {background-color: #C3A99C; color: #000; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#content.contactfrm li textarea {background-color: #C3A99C; color: #000; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#content.contactfrm li #SubmitForm {width: 120px; border-top: solid 2px #9a8989; border-bottom: solid 2px #444; border-right: solid 2px #efcdbc; border-left: solid 2px #444;}
#content.contactfrm li #SubmitForm:hover {border-top: solid 1px #9a8989; border-bottom: solid 1px #444; border-right: solid 1px #efcdbc; border-left: solid 1px #444; padding: 1px;}
#content.contactfrm li .ValidateMessage {position: absolute; right: -90px; text-align: left; width: 100px; color: #f00;}

#content.contactfrm li #TextBoxQ {width: 110px;}



#wrapper.guestbook #content.full form {width: 400px; position: relative; left: 330px; top: 90px; margin: 0; padding: 0;min-height: 500px;  color: #fdd28d; font-weight: bold;}
#wrapper.guestbook #content.full ul {width: 400px; margin: 0; padding: 0; position: absolute; left: 0;}
#wrapper.guestbook #content.full li {width: 300px; text-align: left; margin: 0; padding: 0; height: 25px;}
#wrapper.guestbook #content.full li input {text-align: left; width: 200px; position: absolute; right: 120px;}
#wrapper.guestbook #content.full li select {text-align: left; width: 204px; position: absolute; right: 120px;}
#wrapper.guestbook #content.full .tall {height: 110px; width: 400px;}
#wrapper.guestbook #content.full li textarea {  height: 100px; position: absolute; right: 0; width: 320px;}
#wrapper.guestbook #content.full .antispamoni {width: 400px;}
#wrapper.guestbook #content.full .antispamoni input {width: 150px; position: absolute; right: 0; }
#wrapper.guestbook #content.full #SubmitForm {position: absolute; right: 0; width: 154px; text-align: center; }

#wrapper.guestbook #content.full li input, #wrapper.guestbook #content.full li select {background-color: #C3A99C; color: #000; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#wrapper.guestbook #content.full li textarea {background-color: #C3A99C; color: #000; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#wrapper.guestbook #content.full li #SubmitForm {width: 120px; border-top: solid 2px #9a8989; border-bottom: solid 2px #444; border-right: solid 2px #efcdbc; border-left: solid 2px #444;}
#wrapper.guestbook #content.full li #SubmitForm:hover {border-top: solid 1px #9a8989; border-bottom: solid 1px #444; border-right: solid 1px #efcdbc; border-left: solid 1px #444; padding: 1px;}
#wrapper.guestbook #content.full li .ValidateMessage {position: absolute; right: -90px; text-align: left; width: 100px; color: #f00;}




/* pre cut 12-8-09
*html #content .contact_form li h5 {display: inline;}

#content .contact_form {width: 550px; position: relative; top: 120px; left: 100px; height: 500px;}
#content .contact_form li {margin: 0; padding: 2px; width: 500px;  }
#content .contact_form li span {display: inline-block; width: 100px; padding: 0; margin: 0; vertical-align: top;}
*html #content .contact_form li h5 {display: inline;}
#content .contact_form input {width: 300px; display: inline; background: none; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#content .contact_form textarea {width: 300px; display: inline; background: none; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#content .contact_form #func {padding: 0; margin: 0 0 0 100px; width: 305px; display: block; border-bottom: solid 2px #444; border-left: solid 2px #444; border-top: solid 2px #9a8989; border-right: solid 2px #efcdbc;}

.rfvalidate {width: 200px; position: absolute; top: 300px; left: 50px;}
#rfvtbName2, #rfvtbsubject2, #rfvtbmessage2, #rfvtbemail2 {display: block; margin: 0; padding: 0;}


/* 12-11-09
#content .contact_form {width: 550px; position: relative; top: 120px; left: 160px; height: 500px;}
#content .contact_form li {margin: 0; padding: 2px; width: 500px;  }
#content .contact_form li span {display: inline-block; width: 100px; padding: 0; margin: 0; vertical-align: top; top; color: #fec05b; font-weight: bold; font-style: italic;}

#content .contact_form input {width: 300px; display: inline; background-color: #C3A99C; color: #000; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#content .contact_form textarea {width: 300px; display: inline; background-color: #C3A99C; color: #000; border-top: solid 2px #444; border-right: solid 2px #444; border-bottom: solid 2px #9a8989; border-left: solid 2px #efcdbc;}
#content .contact_form #func {padding: 0; margin: 0 0 0 100px; width: 304px; display: block; border-bottom: solid 2px #444; border-left: solid 2px #444; border-top: solid 2px #9a8989; border-right: solid 2px #efcdbc;}

.rfvalidate {width: 200px; position: absolute; top: 300px; left: 50px;}
#rfvtbName2, #rfvtbsubject2, #rfvtbmessage2, #rfvtbemail2 {display: block; margin: 0; padding: 0;}