#piano-cont li { background-image: none; }

#piano-cont { background-color: black; border: 2px #535c7b solid; height: 300px; width: 700px; }
#piano-bg,#piano-bg-sharp { width: 625px; height: 208px; margin: 32.5px 41px 32.5px 41px; }
#piano-bg { background: transparent url('bg-piano.png') no-repeat top left; }
#piano-bg-sharp { background: transparent url('bg-piano-sharp.png') no-repeat top left; }

#piano-bg ul,#piano-bg-sharp ul { list-style-type: none; margin: 0; padding: 0; }
#piano-bg li, #piano-bg-sharp li { display: block; float: left; margin: 0; padding: 0; text-align: center; }

#C1, #C2,#F1,#F2        { width: 50px; }
#B1,#B2,#E1,#E2         { width: 50px; }
#A1,#A2,#G1,#G2,#D1,#D2 { width: 27px; }

.firstwhitekey#C1, .firstwhitekey#F1, firstwhitekey#C2, .firstwhitekey#F2 { width: 40px; }
.firstwhitekey#B1,.firstwhitekey#E1, .firstwhitekey#B2, .firstwhitekey#E2 { width: 65px; }
.firstwhitekey#A1,.firstwhitekey#G1,.firstwhitekey#D1, .firstwhitekey#A2,.firstwhitekey#G2,.firstwhitekey#D2 { width: 42px; }


#piano-bg,#piano-bg-sharp { text-align: center; }

#piano-bg .blackkey, #piano-bg .firstblackkey, #piano-bg-sharp .blackkey, #piano-bg-sharp .firstblackkey {
  width: 52px; height: 209px; color: white; background: transparent url('key.png') no-repeat top left; text-align: right;
}

.firstblackkey { border-left: 10px solid;  }

#head { background: #a0bff8 url('http://helios-sites.com/images/piano-logo-bg.png') no-repeat top center; height: 92px; }