body  { background-image: url("../elements/whitepaper.gif"); background-repeat: repeat }
h1 { color: #000; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-stretch: ultra-expanded; text-align: center }
#pindockheadline { visibility: visible; position: absolute; z-index: 2; top: 0; left: 33%; width: 390px; height: 92px }
#tdhheadline { text-align: center; position: absolute; z-index: 3; top: 15px; left: 33%; width: 390px; height: 50px }
#subhead { font-weight: bold; font-stretch: ultra-expanded; position: absolute; top: 95px; left: 33%; width: 390px; height: 50px ; z-index: 4; }
#footer  { color: #000; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; position: absolute; z-index: 5; top: 90%; left: 23%; width: 75%; height: 10% }

#navigation { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../elements/piano-keys-set.gif); position: absolute; z-index: 1; top: 0; left: 0; width: 178px; height: 100%
     }

#octave5 { position: absolute; top: 0; left: 0; width: 178px; height: 210px ; z-index: 5; }
#ghostnotes     { background-image: url("../elements/ghost-notes.gif"); background-repeat: repeat-y; position: absolute; z-index: 1; top: 90px; right: 0; left: 30%; width: 65%; height: 100% }
#maintext             { color: #000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; padding: 0 12px 12px; position: absolute; z-index: 5; top: 27%; left: 55%; width: 250px; height: 360px }
#mainphoto     { text-align: center; position: absolute; z-index: 4; top: 27%; left: 22%; width: 270px; height: 340px; max-width: 31%; overflow: hidden; vertical-align: middle }
#choices          { color: black; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; position: absolute; z-index: 6; top: 27%; left: 85%; width: 120px; height: auto;}
#icon2  { position: absolute; z-index: 42; top: 0; left: 0; width: 60px; height: 60px }
#icon8     { position: absolute; z-index: 48; top: 10px; left: 60px; width: 60px; height: 60px }
#icon9    { position: absolute; z-index: 50; top: 53px; left: 10px; width: 60px; height: 60px }
#icon10     { position: absolute; z-index: 49; top: 110px; left: 0; width: 60px; height: 60px }
#icon3  { position: absolute; z-index: 43; top: 0; left: 55%; width: 60px; height: 60px }
#icon4   { position: absolute; z-index: 44; top: 50px; left: 200px; width: 60px; height: 60px }
#icon7   { position: absolute; z-index: 47; top: 80%; left: 200px; width: 60px; height: 60px }
#icon11  { position: absolute; z-index: 51; top: 48%; left: 200px; width: 60px; height: 60px }
#icon12   { position: absolute; z-index: 52; top: 64%; left: 180px; width: 60px; height: 60px }
#icon13      { position: absolute; z-index: 53; top: 77%; left: 128px; width: 60px; height: 60px }
#icon6  { position: absolute; z-index: 46; top: 80%; left: 10%; width: 60px; height: 60px }
#icon5   { position: absolute; z-index: 45; top: 64%; left: 0; width: 60px; height: 60px }
#text1             { position: absolute; z-index: 31; top: 0; left: 0; width: 100%; height: 100% }
#text1a { text-align: left; position: absolute; z-index: 31; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; }
#text7   { visibility: hidden; position: absolute; z-index: 37; top: 0; left: 0; width: 100%; height: 100% }
#text6     { visibility: hidden; position: absolute; z-index: 36; top: 0; left: 0; width: 100%; height: 100% }
#text5         { visibility: hidden; position: absolute; z-index: 35; top: 0; left: 0; width: 100%; height: 100% }
#text4       { visibility: hidden; position: absolute; z-index: 34; top: 0; left: 0; width: 100%; height: 100% }
#text3   { visibility: hidden; position: absolute; z-index: 33; top: 0; left: 0; width: 100%; height: 100% }
#text2         { visibility: hidden; position: absolute; z-index: 32; top: 0; left: 0; width: 100%; height: 100% }
#text12 { visibility: hidden; position: absolute; z-index: 42; top: 0; left: 0; width: 100%; height: 100% }
#text9  { visibility: hidden; position: absolute; z-index: 39; top: 0; left: 0; width: 100%; height: 100% }
#text10 { visibility: hidden; position: absolute; z-index: 40; top: 0; left: 0; width: 100%; height: 100% }
#icon4  { position: absolute; z-index: 44; top: 40px; left: 197px; width: 60px; height: 60px }
#totaltext   { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; z-index: 5; top: 27%; left: 25%; width: 58%; height: 60%; overflow: auto }
#setlist { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
#mp3player { color: #f00; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; visibility: visible; position: absolute; z-index: 5; top: 25%; left: 57%; width: 188px; height: 300px      }
#choicetext   { color: black; font-size: 9px; font-stretch: narrower; text-align: center }
#text8   { visibility: hidden; position: absolute; z-index: 37; top: 0; left: 0; width: 100%; height: 100% }
#text9   { visibility: hidden; position: absolute; z-index: 37; top: 0; left: 0; width: 100%; height: 100% }
#text11   { visibility: hidden; position: absolute; z-index: 37; top: 0; left: 0; width: 100%; height: 100% }
#text13   { visibility: hidden; position: absolute; z-index: 37; top: 0; left: 0; width: 100%; height: 100% }
#tdhpbheadline { height: 92px; width: 512px; left: 29%; top: 0; z-index: 10; position: absolute; visibility: visible; }
#utubemovie { height: auto; width: 425px; left: 22%; top: 130px; z-index: 4; position: absolute; }
#videotext { color: black; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 300px; width: 188px; left: 22%; top: 170px; z-index: 5; position: absolute; visibility: visible; margin-left: 440px; }
#btncontact { text-align: center; height: 16px; width: 110px; left: 0; top: 507px; z-index: 4; position: absolute; display: block;}
#btncontact a { text-decoration: none; color: white; display: block;}
#btnlinks { text-align: center; height: 16px; width: 110px; left: 0; top: 474px; z-index: 4; position: absolute; display: block;}
#btnlinks a { text-decoration: none; color: white; display: block;}
#btnweddings { text-align: center; height: 16px; width: 110px; left: 0; top: 440px; z-index: 4; position: absolute; display: block;}
#btnweddings a { text-decoration: none; color: white; display: block;}
#btnotherartists { text-align: center; height: 16px; width: 110px; left: 0; top: 386px; z-index: 4; position: absolute; display: block;}
#btnotherartists a { text-decoration: none; color: white; display: block;}
#btnlookalikes { text-align: center; height: 16px; width: 110px; left: 0; top: 350px; z-index: 4; position: absolute; display: block;}
#btnlookalikes a { text-decoration: none; color: white; display: block;}
#btnbluesbrothers { text-align: center; height: 16px; width: 115px; left: 0; top: 298px; z-index: 4; position: absolute; display: block;}
#btnbluesbrothers a { text-decoration: none; color: white; display: block;}
#btnmikesmith { text-align: center; height: 16px; width: 110px; left: 0; top: 264px; z-index: 4; position: absolute; display: block;}
#btnmikesmith a { text-decoration: none; color: white; display: block;}
#btnecg { text-align: center; height: 16px; width: 110px; left: 0; top: 230px; z-index: 4; position: absolute; display: block;}
#btnecg a { text-decoration: none; color: white; display: block;}
#btntdhparty { text-align: center; height: 16px; width: 110px; left: 0; top: 175px; z-index: 4; position: absolute; display: block;}
#btntdhparty a { text-decoration: none; color: white; display: block;}
#btntoodarnhot { text-align: center; height: 16px; width: 110px; left: 0; top: 140px; z-index: 4; position: absolute; display: block;}
#btntoodarnhot a { text-decoration: none; color: white; display: block;}
#btntansy { text-align: center; height: 16px; width: 110px; left: 0; top: 88px; z-index: 4; position: absolute; display: block;}
#btntansy a { text-decoration: none; color: white; display: block;}
#btnpindock { text-align: center; height: 16px; width: 115px; left: 0; top: 52px; z-index: 4; position: absolute; display: block;}
#btnpindock a { text-decoration: none; color: white; display: block;}
#btnhome { text-align: center; height: 16px; width: 110px; left: 0; top: 19px; z-index: 4; position: absolute; display: block;}
#btnhome a { text-decoration: none; color: white; display: block;}