*:not(p) { margin: 0; padding: 0; border-style: none; border-width: 0; outline-style: none; }

body { background-color: #120e0a; width: 100%; height: 100%; overflow: hidden; }

.no-touchevents .legacy-notice-touch {
	display: none;
}

.touchevents .legacy-notice-safe {
	display: none;
}

.legacy-notice { 
	background-color: #bf5b5d; 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100vw; 
	height: 100%; 
	z-index: 99999;
	color: white;
	display: flex;
	align-items: center;
  	justify-content: center;
  	font-family: Arial, Helvetica, sans-serif;
  	line-height: 1.4em;
}

.legacy-notice a { 
	color: white;
	text-decoration: underline;
}

.confirm {
	background: #fff;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	line-height: 80px;
	text-align: center;
	color: #bf5b5d !important;
	display: inline-block;
	text-decoration: none !important;
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
}

.notice-inner {
	max-width: 620px;
	padding: 30px;
	text-align: center;
}

.legacy-notice img {
	width: 16px;
	display: inline-block;
	margin-bottom: 8px;
}

.hide {
	display: none !important;
}
#loading { background-color: #120e0a; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; display: block; }
#loader { background-image: url(../graphics/ajax-loader.gif); position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-top: -12px; margin-left: -8px; }
#audio {  }
#silk { background-image: url(../graphics/lace3.jpg); position: absolute; top: 50%; left: 50%; width: 1800px; height: 1200px; margin-top: -600px; margin-left: -900px; }
#card1, #card1C { background-color: transparent; position: absolute; top: 10px; left: 30px; width: 224px; height: 317px; }
#card2, #card2C { background-color: transparent; position: absolute; top: 0; left: 230px; width: 224px; height: 317px; }
#card3, #card3C { background-color: transparent; position: absolute; top: -20px; left: 450px; width: 224px; height: 317px; }
#card4, #card4C { background-color: transparent; position: absolute; top: 20px; left: 656px; width: 224px; height: 317px; }
.option { cursor: url(../graphics/cursors/option.png), url(graphics/cursors/option.cur), url(../graphics/cursors/option.cur), pointer; }
.click { cursor: url(../graphics/cursors/click.png), url(graphics/cursors/click.cur), url(../graphics/cursors/click.cur), pointer; }
.watch { cursor: url(../graphics/cursors/watch.png), url(graphics/cursors/watch.cur), url(../graphics/cursors/watch.cur), pointer; }
#landing { background-image: url(../graphics/landing.jpg); position: absolute; top: 50%; left: 50%; width: 1600px; height: 1021px; margin-top: -510px; margin-left: -800px; }
#doorway-holder-f { background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 1600px; height: 900px; }
#doorway-holder-f-wrapper { background-repeat: no-repeat; position: absolute; right: -20px; bottom: 0; width: 1600px; height: 900px; }
#doorway-top-f { background-image: url(../graphics/doorway-top.jpg); position: absolute; top: 0; right: 0; width: 417px; height: 541px; }
#doorway-main-f { background-image: url(../graphics/doorway-left.jpg); background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; width: 1183px; height: 900px; }
#doorway-door-f { background-image: url(../graphics/doorway.png); position: absolute; right: 0; bottom: 0; width: 417px; height: 359px; }
#doorway-inside-f { background-image: url(../graphics/doorway-inside-f.jpg); position: absolute; top: 0; left: 0; width: 300px; height: 506px; }
#doorway-inside-f-wrapper { position: absolute; right: 190px; bottom: -20px; width: 300px; height: 506px; }
#doorway-holder-m { position: absolute; width: 1600px; height: 900px; }
#doorway-holder-m-wrapper { position: absolute; left: -20px; bottom: 0; width: 1600px; height: 900px; }
#doorway-top-m { background-image: url(../graphics/doorway-top-m.jpg); position: absolute; top: 0; left: 0; width: 417px; height: 541px; }
#doorway-main-m { background-image: url(../graphics/doorway-main-m.jpg); background-repeat: no-repeat; position: absolute; right: 0; bottom: 0; width: 1183px; height: 900px; }
#doorway-door-m { background-image: url(../graphics/doorway-m.png); position: absolute; left: 0; bottom: 0; width: 417px; height: 359px; }
#doorway-inside-m-wrapper { position: absolute; left: 190px; bottom: -20px; width: 300px; height: 506px; }
#doorway-inside-m { background-image: url(../graphics/doorway-inside-m.jpg); position: absolute; top: 0; left: 0; width: 300px; height: 506px; }
#doorway-f-click1, #doorway-f-click2 { position: absolute; left: 1180px; bottom: 0; width: 230px; height: 340px;  cursor: url(../graphics/cursors/click.png), url(graphics/cursors/click.cur), url(../graphics/cursors/click.cur), pointer;}
#doorway-m-click1, #doorway-m-click2 { position: absolute; right: 1180px; bottom: 0; width: 230px; height: 340px; cursor: url(../graphics/cursors/click.png), url(graphics/cursors/click.cur), url(../graphics/cursors/click.cur), pointer;}
#doorway-f-click2, #doorway-m-click2 { display: none; }
#wrapper { position: relative; width: 2000px; height: 25850px; }
#waves01 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves02 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves03 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves04 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves05 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves06 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves07 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves08 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves09 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves10 { background-image: url(../graphics/wave.png); background-repeat: repeat-x; position: absolute; width: 120%; height: 42px; }
#waves01-wrapper { position: absolute; left: -30px; bottom: 0; width: 120%; height: 42px; }
#waves02-wrapper { position: absolute; left: -60px; bottom: 20px; width: 120%; height: 42px; }
#waves03-wrapper { position: absolute; left: -100px; bottom: 40px; width: 120%; height: 42px; }
#waves04-wrapper { position: absolute; left: -30px; bottom: 60px; width: 120%; height: 42px; }
#waves05-wrapper { position: absolute; left: -90px; bottom: 80px; width: 120%; height: 42px; }
#waves06-wrapper { position: absolute; left: -30px; bottom: 100px; width: 120%; height: 42px; }
#waves07-wrapper { position: absolute; left: -60px; bottom: 120px; width: 120%; height: 42px; }
#waves08-wrapper { position: absolute; left: -100px; bottom: 140px; width: 120%; height: 42px; }
#waves09-wrapper { position: absolute; left: -30px; bottom: 160px; width: 120%; height: 42px; }
#waves10-wrapper { position: absolute; left: -90px; bottom: 180px; width: 120%; height: 42px; }
#diver { position: absolute; }
#diverwrapper { position: absolute; right: -175px; bottom: 900px; width: 175px; height: 269px; }
#swimmerwrapper { position: absolute; left: 200px; bottom: -60px; width: 90px; height: 117px; }
#swimmer { position: absolute; }
#introcard { color: #252323; font-size: 10px; font-family: Arial, sans-serif; font-weight: bold; background-image: url(../graphics/introcard.png); text-transform: uppercase; letter-spacing: 2px; position: absolute; top: 50%; left: 50%; width: 508px; height: 360px; z-index: 100; margin-top: -180px; margin-left: -250px; }
#titleA { font-size: 26px; font-family: "Times New Roman", Times, serif; font-weight: normal; font-style: italic; text-transform: lowercase; text-align: center; position: absolute; top: 50px; left: 0; width: 500px; }
#titleB { font-size: 26px; font-family: "Times New Roman", Times, serif; font-weight: normal; font-style: italic; text-transform: lowercase; text-align: center; position: absolute; top: 50px; left: 0; width: 500px; }
.quote { font-size: 10px; font-style: normal; text-transform: uppercase; }
#title { background-image: url(../graphics/title.png); position: absolute; top: 50px; left: 65px; width: 365px; height: 73px; }
#credit1 { background-image: url(../graphics/credit1.png); position: absolute; top: 120px; left: 150px; width: 168px; height: 51px; z-index: 10; display: none; }
#credit2 { line-height: 24px; background-image: url(../graphics/credit2.png); text-align: center; position: absolute; top: 150px; left: 70px; width: 329px; height: 48px; display: none; }
#credit3 { line-height: 24px; background-image: url(../graphics/credit3.png); text-align: center; position: absolute; top: 184px; left: 95px; width: 272px; height: 31px; display: none; }
#credit4 { line-height: 24px; background-image: url(../graphics/credit4.png); text-align: center; position: absolute; top: 220px; left: 105px; width: 269px; height: 92px; display: none; }
#begin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
#cards { position: absolute; top: 50%; left: 50%; width: 900px; height: 350px; margin-top: -175px; margin-left: -450px; display: none; }
#card1C, #card2C, #card3C, #card4C { background-color: transparent; z-index: 9; display: none; cursor: url(../graphics/cursors/option.png), url(graphics/cursors/option.cur), url(../graphics/cursors/option.cur), pointer; }
#stairs-wrapper { position: absolute; top: 0; left: 50%; width: 1600px; height: 22792px; margin-left: -800px; display: none; }
#stairs-inner { position: relative; width: 1600px; height: 22792px; }
#stairs-bottom { background-image: url(../graphics/stairs-bottom.jpg); position: absolute; left: 0; bottom: 0; width: 1600px; height: 20041px; }
#stairs-complete { background-image: url(../graphics/stairs-complete.jpg); position: absolute; top: 0; left: 0; width: 1600px; height: 22792px; }
#stairs-top { background-image: url(../graphics/stairs-top.jpg); position: absolute; top: 0; left: 0; width: 1600px; height: 2751px; }
#roofcircle { position: absolute; top: 0; left: 409px; width: 680px; height: 651px; overflow: hidden; }
#statuemale, #statuefemale { background-image: url(../graphics/statue.jpg); position: absolute; top: 1861px; left: 655px; width: 310px; height: 257px; display: none; }
#bonnet { background-image: url(../graphics/bonnet.jpg); position: absolute; top: 1859px; left: 618px; width: 440px; height: 534px; }
#dancers { position: absolute; top: 538px; left: 586px; width: 461px; height: 191px; }
#door-cover { background-image: url(../graphics/door-cover.png); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 491px; height: 191px; }
#dancers1 { background-image: url(../graphics/dancers1.png); position: absolute; top: 10px; left: 30px; width: 124px; height: 136px; }
#dancers2 { background-image: url(../graphics/dancers2.png); position: absolute; top: 0; left: 30px; width: 137px; height: 133px; }
#dancers3 { background-image: url(../graphics/dancers3.png); position: absolute; top: 15px; left: 320px; width: 138px; height: 165px; }
#speech-f, #speech-m { background: none !important; position: absolute; top: 479px; left: 556px; width: 506px; height: 189px; }
#speech-f img, #speech-m img, #roofcircle img, #card1 img, #card2 img, #card3 img, #card4 img { background: none !important; }
#sophia { background-image: url(../graphics/sophia.png); position: absolute; top: 468px; left: 1160px; width: 99px; height: 275px; display: none; }
#mister { background-image: url(../graphics/mister.png); position: absolute; top: 383px; left: 475px; width: 66px; height: 216px; display: none; }
#door-f, #door-cover-f { position: absolute; top: 339px; left: 943px; width: 89px; height: 136px;}
#door-m, #door-cover-m { position: absolute; top: 339px; left: 581px; width: 89px; height: 136px;}
#door-cover-f, #door-cover-m { z-index: 100; display: block; }
#astrolady { background-image: url(../graphics/venus2.png); position: absolute; top: 0; left: 0; width: 91px; height: 282px; }
#venus-click { position: absolute; top: 0; left: 0; width: 91px; height: 282px; display: none; }
#astro-wrapper { position: absolute; top: 50%; left: 50%; width: 40px; height: 100px; }
#stars { position: absolute; top: 50%; left: 50%; width: 1620px; height: 1013px; margin-top: -506px; margin-left: -810px; }
#stars-inner { background-image: url(../graphics/stars.jpg); position: absolute; top: 0; left: 0; width: 1620px; height: 1013px; }
#fan { background-image: url(../graphics/fan.png); position: absolute; top: 0; left: 100px; width: 1104px; height: 694px; z-index: 10; }
#feather1 { background-image: url(../graphics/feather1.png); position: absolute; top: 450px; left: 400px; width: 759px; height: 397px; z-index: 20; }
#feather2 { background-image: url(../graphics/feather2.png); position: absolute; top: 175px; left: 620px; width: 626px; height: 351px; z-index: 101; }
#feather3 { background-image: url(../graphics/feather3.png); position: absolute; top: 300px; left: 370px; width: 573px; height: 517px; z-index: 10; }
#cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; }
#wallpaper { background-image: url(../graphics/wallpaper.jpg); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#frame { background-image: url(../graphics/frame3.png); position: absolute; top: 50%; left: 50%; width: 752px; height: 596px; margin-top: -298px; margin-left: -373px; }
#video { position: absolute; top: 50%; left: 50%; width: 400px; height: 265px; margin-top: -150px; margin-left: -200px; }
.slideshow { position: absolute; top: 50%; left: 50%; width: 1600px; height: 1000px; margin-top: -500px; margin-left: -800px; padding: 0; }
.slide { margin: 0; padding: 0 }
#links { background-image: url(../graphics/introcard.png); position: absolute; right: 10px; bottom: -200px; width: 508px; height: 360px; }
#c-sophie { position: absolute; top: 20px; left: 20px; }
#c-horse { position: absolute; top: 80px; left: 18px; }
#c-monkey { position: absolute; top: 110px; left: 21px; }
#c-orlando { position: absolute; top: 25px; left: 272px; }
#c-meadow { position: absolute; top: 90px; left: 310px; }