body{
background:url(../images/pianoLeft.jpg) no-repeat fixed 50% 0; 
text-align: left; 
padding: 0px; 
margin: 0px;
}


/*--this is for IE 5.5 and IE 6 --*/
div#books {
background: url(../images/books.jpg) no-repeat;
width: 400px;
height: 400px;
position: absolute;
top: 40%; 
left: -40px;
}

/*-- this is for IE 7 and other browsers -- */
body > div#books {
background: url(../images/books.jpg) no-repeat;
width: 400px;
height: 400px;
position: fixed;
top: 40%; 
left: -40px;
}



/*

#books{
background: url(../images/books.jpg) no-repeat;
width: 400px;
height: 400px;
position: fixed;
top: 40%; 
left: -40px;
}
*/

/*--this is for IE 5.5 and IE 6 --*/

div div#mask {  
position: absolute;
width: 100%; 
height: 5000px; 
background-color: white;  
filter:alpha(opacity=50);-moz-opacity:.70;opacity:.50;

}

/*-- this is for IE 7 and other browsers -- */

body > div div#mask {
background-color: white;  
position: fixed;
width: 75%; 
height: 100%; 
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}



/*
#mask {
background-color: white;  
position: fixed;
width: 75%; 
height: 100%; 
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

*/





/*--this is for IE 5.5 and IE 6 --*/
/*
div#container {
width: 75%; 
margin-left: 8%;
padding-bottom: 200px;
position: relative;
top: 0px;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
background-color: white;  
border: 1px solid red; 
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
*/

/*-- this is for IE 7 and other browsers -- */
/*
body > div#container {
#container{
width: 75%; 
margin-left: 8%;
padding-bottom: 200px;
position: relative;
top: 0px;
border-left: 1px solid green;
border-top: 1px solid white;
border-right: 1px solid white;
}
*/



#container{
width: 75%; 
margin-left: 8%;
padding-bottom: 200px;
position: relative;
top: 0px;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
}


.title{
background: url(../images/title.gif) no-repeat;
border-bottom: 1px solid #9c6a1d;
font-family: times;
font-size: 30px;
font-style: italic;
color: #9c6a1d;
padding: 0px 0px 0px 40px;
height: 40px;
width: 55%;
margin-bottom: 50px;
margin-top: 10px;
}



form{
padding: 0px;
margin: 0px;
}


hr{
background-color: #9c6a1d;
height: 1px;
border: none;
padding: 0px;
margin: 0px;
width: 97%;
}


a {
color: #9c6a1d;
text-decoration: none;
}

a:hover{
color: #dc9527;
text-decoration: none;
}



td{
font-family: verdana; 
font-size: 12px;
}

li{
/*list-style:none;*/
}

h1{
font-size: 15px;
font-wieght: bold;
}


/*-- classes for the home page -*/

#left_sheet_music_home { 
background: url(../images/bottom_corner_home_bg.jpg) no-repeat;
width: 320px;
height: 400px;
position: absolute;
bottom: 0px; 
right: 0px; 
}

.scroll_container{
position: absolute;
top: 130px;
left: 130px;

}


.scroll_container_reviews{
position: absolute;
top: 240px;
left: 200px;

}


/*
#logo {
background: url(../images/logo.gif) no-repeat; 
width: 300px; 
height: 160px; 
float: right; 
margin-right: 0px;
}
*/



/*--this is for IE 5.5 and IE 6 --*/
div div#content {
background: url(../images/logo.gif) no-repeat 90% 80px; 
position: relative;
top: 0px;
font-family: Verdana;
font-size: 12px;
padding: 100px 10px 0px 20px;
}

/*-- this is for IE 7 and other browsers -- */
body > div div#content {
background: url(../images/logo.gif) no-repeat 90% 80px; 
position: relative;
top: 0px;
font-family: Verdana;
font-size: 12px;
padding: 100px 10px 0px 20px;
}

/*
#content{
background: url(../images/logo.gif) no-repeat 90% 80px; 
position: relative;
top: 0px;
font-family: Verdana;
font-size: 12px;
padding: 100px 10px 0px 20px;
}
*/

/*--this is for IE 5.5 and IE 6 --*/
div div#fader {
visibility: hidden;
}

/*-- this is for IE 7 and other browsers -- */
body > div div#fader {
visibility: visible;
height: 75px;
width: 75%;
margin-left: 8%;
position: fixed;
top: 0px;
left: 0px;
}



/*--this is for IE 5.5 and IE 6 --*/
div div#menu_container {
height: 75px;
width: 750px;
position: absolute;
padding: 10px 0px 0px 50px;
top: 0px;
left: 0px; 
background: url(../images/menu_container.gif) no-repeat;
}

/*-- this is for IE 7 and other browsers -- */
body > div div#menu_container {
height: 75px;
width: 75%;
margin-left: 8%;
position: fixed;
padding: 10px 0px 0px 50px;
top: 0px;
left: 0px; 
background: url(../images/menu_container.gif) no-repeat;
}


/*--  menus  --*/

.menu_divider{
float: left;
padding: 0px px 0px 0px;
height: 35px;
width: 20px;
background: url(../images/divider.gif) no-repeat center;
}



/*-------------------------*/

.menu_home{
background: url(../images/home_menu.gif) no-repeat;
width: 60px;
height: 20px;
float: left;
}

.menu_home:link, .menu_home:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_home:hover{ 
background-position: 0 -20px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/


.menu_news{
background: url(../images/news_menu.gif) no-repeat;
width: 60px;
height: 20px;
float: left;
}

.menu_news:link, .menu_news:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_news:hover{ 
background-position: 0 -20px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/



.menu_contact{
background: url(../images/contact_menu.gif) no-repeat;
width: 85px;
height: 20px;
float: left;
}

.menu_contact:link, .menu_news:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_contact:hover{ 
background-position: 0 -20px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/


.menu_bio{
background: url(../images/biography_menu.gif) no-repeat;
width: 110px;
height: 28px;
float: left;
}

.menu_bio:link, .menu_bio:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_bio:hover{ 
background-position: 0 -30px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/



.menu_catalog{
background: url(../images/catalog_menu.gif) no-repeat;
width: 80px;
height: 28px;
float: left;
}

.menu_catalog:link, .menu_catalog:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_catalog:hover{ 
background-position: 0 -28px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/

.menu_discography{
background: url(../images/discography_menu.gif) no-repeat;
width: 130px;
height: 28px;
float: left;
}

.menu_discography:link, .menu_discography:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_discography:hover{ 
background-position: 0 -30px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/


.menu_links{
background: url(../images/links_menu.gif) no-repeat;
width: 60px;
height: 20px;
float: left;
}

.menu_links:link, .menu_links:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_links:hover{ 
background-position: 0 -20px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/

.menu_reviews{
background: url(../images/reviews_menu.gif) no-repeat;
width: 85px;
height: 28px;
float: left;
}

.menu_reviews:link, .menu_reviews:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.menu_reviews:hover{ 
background-position: 0 -28px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-------------------------*/



.purchase_button{
background: url(../images/purchase_button.gif) no-repeat;
width: 100px;
height: 28px;
margin: 0px;

}

.purchase_button:link, .purchase_button:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.purchase_button:hover{ 
background-position: 0 -28px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-----------------------*/

.existing_customer{
background: url(../images/existing_customer.gif) no-repeat;
width: 200px;
height: 28px;
border: none;

}

.existing_customer:link, .existing_customer:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.existing_customer:hover{ 
background-position: 0 -28px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-----------------------*/

.new_customer{
background: url(../images/new_customer.gif) no-repeat;
width: 300px;
height: 28px;
border: none;

}

.new_customer:link, .new_customer:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.new_customer:hover{ 
background-position: 0 -28px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-----------------------*/

.confirm{
background: url(../images/confirm_account.gif) no-repeat;
width: 300px;
height: 28px;
border: none;

}

.confirm:link, .confirm:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.confirm:hover{ 
background-position: 0 -28px;
color: black;
text-decoration: none;
cursor: auto;
}

/*-----------------------*/

.continue{
background: url(../images/continue.gif) no-repeat;
width: 300px;
height: 28px;
border: none;

}

.continue:link, .continue:visited{
background-position: 0 0px;
color: white;
text-decoration: none;
}

.continue:hover{ 
background-position: 0 -28px;
color: black;
text-decoration: none;
cursor: auto;
}


.movements_list{
height: 20px;

}

.error{
color: red;
}

.footer_label{
font: 8px verdana;
color: #999999;
padding-top: 50px;
padding-bottom: 100px;
text-align: center;
/*border-top: 1px solid #80c453;*/
}

.footer_label a {
color: #999999;
text-decoration: none;
}

.footer_label a:hover{
color: #000000;
text-decoration: underline;
}