<style type="text/css">

body {
margin:0 0 0 0;
padding:0 0 0 0;
}

a:link {
color:#edb;
}

#basicBox a:visited{
color:#69b;
}

#topnav {

position:absolute;
top: 0px;
left:450px;
}

#topnav a:visited {

color:#69b;
}

.imageLinks {
color:000;
}


#border_tl {

position:absolute;
left:55px;
top:100px;
z-index:-1;

}

#border_tr {

position:absolute;
left:397px;
top:100px;
z-index:-1;

}


#border_l {

position:absolute;
left:55px;
top:180px;
z-index:-1;
}

#border_r {

position:absolute;
left:718px;
top:180px;
z-index:-1;
}

#border_b {

position:absolute;
left:55px;
top:635px;
z-index:-1;
}



#pianoheading {

position:absolute;
left:157px;
top:48px;
margin:0 0 50px 0;
z-index:2;


}




#directions{
color:#cdd;
}

#directions2{
color:#abc;
}

#basicBox{
color:#baa;
//margin:30px 0 30px 0;

}
#pianocontainer{
margin:145px 0 0 70px;

}

#pianos{

height: 500px;
overflow:auto;

}

#pianos table{


border:2px solid #999;

}

#pianos td.left{




z-index:-1;
line-height:1.2em;
border:2px double #555;
}


#pianos td.right{

color:#eef;
font: 1.0em georgia;
width: 400px;
margin:0 0 -100px 0;
border:2px double #555;
}

#hand {

position:absolute;
left:20px;
top:0px;
margin: 5 0 5 0;

z-index:3;
}

img { border:0; }


#bigPianoPic {

float:center;
z-index:1;
border: solid white 5px;
margin: 50px 0 0 50px;

}

#about1 {
color:#ffffff;
}

#about2 {
color:#e5e5f5;
margin: 0 0 30px 0;
}

#about_pics{
margin: -10px -275px 0px 15px;
padding:0 0 0 0;
float:right;

}

#about_pics img{

margin: 20px 0 20px 0px;

}

#bio{
padding:0 0 0px 280px;
margin:50px 50px 20px 15px;
font:1em georgia;
color:white;
z-index:-1;
float:right;
line-height:1.2em;

}

#bio h1 {

margin: 50 0 0 0;
color: brown;
font: 2em georgia;

}

#p_bio{

margin: 0 0 20 0;

}




#column {
top:143px;
left:21px;
z-index:0;
position:absolute;
}

#column p{

background-color:#100;
width: 180px;
color: #766;
font: 1.03em geneva;
text-align: center;
margin:10px 0 0 0;
border: 4px #533 solid;

}


#column a{
color: #bbb;
font:bold 1.03em geneva;
}

#column a:link{
font:bold 1.03em geneva;
}

#column p.bright {

color:#b1a9a9;

}

#column p.examples {
font-weight:bold;
font-style:italic;
color:#918989;
border:#422 solid 4px;

}

#column p.last {

//margin:20px 0 0 0;
color:#816960;
border:#533 double 4px;

}

#p1 {
width:185px;
height:100px;
color:#ccc;
font:  1.03em geneva;
text-align: left;
margin: -230px 0 0 313px;
line-height:1.25em;
}

#p2{
width:225px;

color:#ccc;
font:  1.03em geneva;
text-align: center;
margin: -190px 0px 0 -235px;
line-height:1.25em;
}

#p3 {
width:230px;
height:75px;
color:#ccc;
font:  1.03em geneva;
text-align: left;
margin: -185px 0 0 252px;
line-height:1.25em;
}

#section1{


position:absolute;
left: 245px;
top: 240px;

}

#section2{


position:absolute;
left: 475px;
top: 500px;
z-index: 3;
}

#section3{


position:absolute;
left: 245px;
top: 677px;
margin: 50px 0 0 0;
}

#main {
background: #000000;
}

#logo {

float: left;
}

#header {

float: left;
margin: -145px 0 0 219px;
}



#heading{

float: left;
margin: -29px 0 0 219px;
}

#heading2{

float: left;
margin: 50px 0 0 20px;
}

#navbar {


top: 0px;
//left:-30px;
margin: 10px 0px 0px 50px;
z-index:4;
}

a:visited{
color:#999;
}

#p_bio a:visited{
color:#fff;

}



#navbar ul {
position:absolute;
left: 330px;
//margin: 25px 0px 50px 0px;
}

#nav1 {
position:absolute;
left: 0px;
top: 0;
display:inline;
//margin: -50px 5em 0 5em;
}

#nav2 {
position:absolute;
left: 54px;
top: 0;
display:inline;
border:none;
//margin: -50px 5em 0 5em;
}

#nav3 {
position:absolute;
left: 130px;
top: 0;
display:inline;
border:none;
//margin: -50px 5em 0 5em;
}

#nav4 {
position:absolute;
left: 227px;
top: 0;
display:inline;
border:none;
//margin: -50px 5em 0 5em;
}






#footer{
text-align: center;
width:100%;
height:50px;
background-color:#211;
position:absolute;
top: 940px;
left: 0px;
}

#footer2{
text-align: center;
width:100%;
height:50px;
background-color:#211;
color:white;
clear:right;
margin:90px 0 0 0;
}

a.btm_lnks {

font: small verdana;
color: white;
}

#footer p{
padding: 0px 0 0 0;
color:white;
}

#footer2 p{
padding: 15px 0 0 0;
color:white;
}


#footer2 a:link{
padding:10px 0 0 0;
color:white;
font: small geneva;

}

#foot{
float:center;
}


#footer.a:link{
padding:20px 0 0 0;
color:white;
font: small geneva;

}


</style>