* { border-width: 0; outline-style: none; }
html,body { background-color: #505355; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; }
.loading { color: #fff; background-color: #505355; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; opacity: 0.9;}
.loader { background-image: url(../graphics/ajax-loader.gif); position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin-top: -30px; margin-left: -15px; }
#loading-text { color: #f2f2f2; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; position: fixed; bottom: 0; width: 100%; z-index: 999999; margin-bottom: 10px; }
#loading-text a { color: #f2f2f2; text-decoration: underline; }
#main-cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8000; cursor: default; display: none; }
.return-button,.return-button-video { position: fixed; top: 5px; left: 5px; width: 64px; height: 64px; z-index: 5000; }
.return-button {display: none;}
.return-button-video {display: block;}
.back { opacity: 0.5; }
.noflash { padding-top: 300px; padding-left: 450px; }
#sittingroom { background-image: url(../graphics/carpet-main.jpg); background-repeat: repeat; position: absolute; top: 1500px; left: 0; width: 9000px; height: 6500px; }
/*Menu*/
#menu { background-image: url(../graphics/table.jpg); background-repeat: no-repeat; position: absolute; top: 4100px; left: 2500px; width: 1940px; height: 934px; }
#menu-anchor { position: absolute; top: 100px; left: 140px; }
#link-record { position: absolute; top: 300px; left: 980px; width: 400px; height: 380px; z-index: 100;  }
#link-scrapbook { position: absolute; top: 130px; left: 500px; width: 300px; height: 150px; z-index: 100;  }
#link-furniture { position: absolute; top: 140px; left: 840px; width: 200px; height: 150px; z-index: 100;  }
#link-paintings { position: absolute; top: 590px; left: 560px; width: 190px; height: 170px; z-index: 100;  }
#link-about { position: absolute; top: 320px; left: 245px; width: 200px; height: 200px; z-index: 100;  }
#link-tv { position: absolute; top: 480px; left: 850px; width: 140px; height: 210px; z-index: 100;  }
#link-lyrics { position: absolute; top: 210px; left: 170px; width: 300px; height: 120px; z-index: 100; }
#link-email { position: absolute; top: 610px; left: 160px; width: 190px; height: 100px; z-index: 100;  }
.link-lyrics { cursor: url(graphics/c-lyrics.cur), pointer; }
.link-lyrics { cursor: url(../graphics/c-lyrics.png) 32 32, pointer; }
.link-record { cursor: url(graphics/c-music.cur), pointer; }
.link-record { cursor: url(../graphics/c-music.png) 32 32, pointer; }
.link-scrapbook { cursor: url(graphics/c-theatre.cur), pointer; }
.link-scrapbook { cursor: url(../graphics/c-theatre.png) 32 32, pointer; }
.link-furniture { cursor: url(graphics/c-objects.cur), pointer; }
.link-furniture { cursor: url(../graphics/c-objects.png) 32 32, pointer; }
.link-paintings { cursor: url(graphics/c-painting.cur), pointer; }
.link-paintings { cursor: url(../graphics/c-painting.png) 32 32, pointer; }
.link-about { cursor: url(graphics/c-about.cur), pointer; }
.link-about { cursor: url(../graphics/c-about.png) 32 32, pointer; }
.link-tv { cursor: url(graphics/c-video.cur), pointer; }
.link-tv { cursor: url(../graphics/c-video.png) 32 32, pointer; }
.link-email { cursor: url(graphics/c-email.cur), pointer; }
.link-email { cursor: url(../graphics/c-email.png) 32 32, pointer; }
/*Scrapbook*/
#study { background-image: url(../graphics/carpet-study.jpg); background-repeat: repeat; position: absolute; top: 3800px; left: 5500px; width: 4000px; height: 1500px; }
#desk { background-image: url(../graphics/desk-lo.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 500px; width: 2124px; height: 842px; }
#desk-anchor { position: absolute; top: 0; left: 30px; }
#scrapbook { position: absolute; top: -100px; left: 60px; width: 1000px; height: 800px; }
/*Paintings*/
#paintings { position: absolute; top: 2500px; left: 4500px; width: 1500px; height: 850px; }
#paintings-anchor { position: absolute; top: 0; left: 0; }
#artbook { background-image: url(../graphics/paintings-lo.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 1346px; height: 843px; }
#paintings-book { position: absolute; top: -40px; left: 20px; width: 1100px; height: 650px; }
/*furniture*/
#furniture-anchor { position: absolute; top: 0; left: 750px; }
#furniture-book { position: absolute; top: -100px; left: 100px; width: 1000px; height: 800px; }
/*About*/
#about { background-image: url(../graphics/kitchen-tiles.jpg); background-repeat: repeat; position: absolute; top: 0; left: 2000px; width: 3000px; height: 1500px; }
#about-anchor { position: absolute; top: 0; left: 0; }
#kitchen-surface { background-image: url(../graphics/kitchen-surface.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 1720px; height: 900px; }
#page-1 { background-image: url(../graphics/page-1a.jpg); position: absolute; top: 0; left: 415px; width: 493px; height: 682px;}
#page-1-forward { position: absolute; left: 55px; bottom: 100px; width: 120px; height: 40px; cursor: pointer;}
#page-2 { background-image: url(../graphics/about-2.jpg); position: absolute; top: 0; left: 415px; width: 493px; height: 682px; }
#page-2-forward { position: absolute; left: 55px; bottom: 110px; width: 100px; height: 40px; cursor: pointer;  }
#page-2-back {  position: absolute; left: 155px; bottom: 110px; width: 130px; height: 40px; cursor: pointer;  } 
#page-3-link {  position: absolute; left: 470px; top: 570px; width: 160px; height: 40px; cursor: pointer;}
#biog-book { position: absolute; top: -180px; left: -150px; width: 1500px; height: 1000px; }
/*Lyrics*/
#lyrics { background-image: url(../graphics/lyrics-base.jpg); background-repeat: no-repeat; background-position: 0 923px; position: absolute; top: 5000px; left: 0; width: 1920px; height: 1969px; }
#lyrics-anchor { position: absolute; top: 950px; left: 0; width: 1000px; height: 800px; }
#lyrics-book { position: absolute; top: -200px; left: 25px; width: 1000px; height: 1100px; }
/*Audio*/
#audio { background-image: url(../graphics/record-player-lo.jpg); background-repeat: no-repeat; position: absolute; top: 3000px; left: 700px; width: 1373px; height: 850px; }
#audio-anchor { position: absolute; top: 2px; left: 0; width: 1px; height: 1px;}
#record-holder { position: absolute; top: 28px; left: 182px; display: block; }
#shine { position: absolute; top: 28px; left: 212px; z-index: 100; display: block; }
#player-arm { position: absolute; top: -290px; left: 554px; z-index: 200; }
#song-select { position: absolute; top: 105px; left: 750px; width: 215px; height: 215px;}
#itunes { position: absolute; top: 230px; left: -15px; width: 170px; height: 30px;}
#amazon { position: absolute; top: 260px; left: -15px; width: 170px; height: 20px;}
#paypal { position: absolute; top: 280px; left: -15px; width: 80px; height: 30px;}
.paypal { width: 80px; height: 30px; }
.off { position: absolute; top: 0; left: 0; width: 215px; height: 215px; display: none; }
#track1 { position: absolute; top: 36px; left: 0; width: 160px; height: 24px; cursor: pointer; display: block; }
#track2 { position: absolute; top: 60px; left: 0; width: 160px; height: 24px; cursor: pointer; display: block; }
#track3 { position: absolute; top: 84px; left: 0; width: 160px; height: 24px; cursor: pointer; display: block; }
#track4 { position: absolute; top: 108px; left: 0; width: 160px; height: 24px; cursor: pointer; display: block; }
#track5 { position: absolute; top: 132px; left: 0; width: 160px; height: 24px; cursor: pointer; display: block; }
#track6 { position: absolute; top: 156px; left: 0; width: 160px; height: 24px; cursor: pointer; display: block; }
#off1 { background-image: url(../graphics/track1.jpg); background-repeat: no-repeat; cursor: pointer; }
#off2 { background-image: url(../graphics/track2.jpg); background-repeat: no-repeat; cursor: pointer; }
#off3 { background-image: url(../graphics/track3.jpg); background-repeat: no-repeat; cursor: pointer; }
#off4 { background-image: url(../graphics/track4.jpg); background-repeat: no-repeat; cursor: pointer; }
#off5 { background-image: url(../graphics/track5.jpg); background-repeat: no-repeat; cursor: pointer; }
#off6 { background-image: url(../graphics/track6.jpg); background-repeat: no-repeat; cursor: pointer; }
#cover { position: absolute; top: 0; left: 0; width: 215px; height: 215px; z-index: 100; cursor: default; display: none; }
/*Video*/
#video-room { background-image: url(../graphics/carpet-main.jpg); position: absolute; top: 5800px; left: 3000px; width: 4000px; height: 3000px; }
#video-anchor { position: absolute; top: 1420px; left: 1200px; width: 100%; height: 100%; }
#tv { background-image: url(../graphics/tv-2.jpg); background-repeat: no-repeat; background-position: 0 400px; position: absolute; top: 1000px; left: 995px; width: 1721px; height: 2000px; }
.tvbase { position: absolute; top: 1400px; left: 0; }
#top-static { background-image: url(../graphics/static-top.gif); position: absolute; top: 557px; left: 835px; width: 506px; height: 128px; }
#video-buttons { position: absolute; top: 200px; left: 260px; width: 220px; height: 200px; z-index: 999; }
#fizz { position: absolute; top: 0; left: 0; width: 220px; height: 38px; cursor: pointer; }
#party { position: absolute; top: 38px; left: 0; width: 220px; height: 30px; cursor: pointer; }
#rothko { position: absolute; top: 65px; left: 0; width: 220px; height: 25px; cursor: pointer; }
#touched { position: absolute; top: 96px; left: 0; width: 220px; height: 30px; cursor: pointer; }
#ajax {  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: none; background-image: url(../graphics/tv-back.jpg);  }
/*General*/
#divider1 { background-image: url(../graphics/divider-hor.png); background-repeat: repeat-x; position: absolute; top: 1490px; left: 2000px; width: 2300px; height: 69px; z-index: 1000; margin-top: -30px; }
#divider2 { background-image: url(../graphics/divider-hor.png); background-repeat: repeat-x; position: absolute; top: 2490px; left: 2000px; width: 2300px; height: 69px; z-index: 1000; margin-top: -30px; }
#divider3 { background-image: url(../graphics/divider-ver.png); background-repeat: repeat-y; position: absolute; top: 3800px; left: 5500px; width: 69px; height: 1500px; z-index: 1000; margin-left: -35px; }
#divider4 { background-image: url(../graphics/divider-hor.png); background-repeat: repeat-y; position: absolute; top: 6000px; left: 3000px; width: 3000px; height: 69px; z-index: 1000; margin-top: -30px; }
#corridor { background-image: url(../graphics/wood-lo.jpg); position: absolute; top: 1500px; left: 2000px; width: 2300px; height: 1000px; }
/*Chapel*/
#chapel-wrap { position: absolute; top: 0px; left: 0px; width: 100vw; }
#chapel-button { line-height: 17px; box-sizing: border-box; padding: 20px; font-size: 13px; letter-spacing: 1px; font-family: sans-serif; color: white; position: absolute; top: 10px; right: 10px; width: 160px; height: 160px; border-radius: 50%; border: 3px white solid; background-color: #2172b6; text-align: center;}
#chapel-button a { display: block; text-decoration: none; letter-spacing: 0px; padding: 1px; font-style:: italic; color: white; font-weight: 700;}
#chapel-button p { border-bottom: 1px #FFF dotted; padding-bottom: 10px;}