/* Welcome Illustration */

	.mobileWelcome																{ margin-top: -50px; height: 350px; position: relative; background-image: url('../images/ChapelMobile.png'); background-size: auto 100%; background-repeat:no-repeat; background-position: center bottom; }
	.ringMasterMobile															{ margin-left: -170px; width: 270px; height: 320px; bottom: -13px; left: 50%; position: absolute;  visibility: hidden; background: url('../images/ringMasterMobile.png') no-repeat center center; background-size: 100% 100%; }
	.booknowMobile																{ margin: 13px 0%; padding-bottom: 47%; width: 100%; background-image: url('../images/bookNowMobile.png'); background-size: auto 100%; background-repeat: no-repeat; background-position: center bottom; }

	.welcome																	{ margin-bottom: 15px; padding-bottom: 66%; width: 100%; position: relative; overflow: hidden; background-image: url('../images/background.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; }
	.welcome .object,
	.welcome .button															{ cursor: pointer; }

	.foliage																	{ top: 0px; bottom: 0px; position: absolute; background-size: 100% auto; background-repeat: no-repeat; transition: all 1.8s ease-in-out; -webkit-transition: all 1.8s ease-in-out; -moz-transition: all 1.8s ease-in-out; -o-transition: all 1.8s ease-in-out; z-index: 99; }
	.foliage_L																	{ width: 35%; left: 0px; background-image: url('../images/foliage_L.png'); background-position: left bottom; }
	.foliage_R																	{ width: 39%; right: 0px; background-image: url('../images/foliage_R.png'); background-position: right bottom; }
	.foliage_L.reveal															{ transform: translate(-100%,0px); -webkit-transform: translate(-100%,0px); -o-transform: translate(-100%,0px); -moz-transform: translate(-100%,0px); }
	.foliage_R.reveal															{ transform: translate(100%,0px); -webkit-transform: translate(100%,0px); -o-transform: translate(100%,0px); -moz-transform: translate(100%,0px); }

	.chapel																		{ width: 75%; height: 62%; top: 11.764%; left: 3%; position: absolute;  background-image: url('../images/chapel.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: right bottom; }
	.chapelrooftrigger															{ width: 15%; height: 14%; top: 9%; left: 54%; display: none; position: absolute; z-index: 99; }
	.raiserooflink																{ width: 15%; height: 14%; top: 9%; left: 54%; display: none; position: absolute; z-index: 99; }
	.chapelroof																	{ width: 37%; height: 22%; top: 9.4%; left: 31.4%; position: absolute; background-image: url('../images/chapel_roof.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: right bottom; }
	.chapelroof.open															{ top: 7%; left: 31.2%; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); }

	.ducks																		{ width: 15%; height: 14%; top: 10.5%; left: 60%; position: absolute; background-image: url('../images/ducks.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: right bottom; visibility: hidden; }
	.plane																		{ width: 55%; height: 13.382%; left: 15%; top: 2%; position: absolute; visibility: hidden; background-image: url('../images/plane.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; z-index: 98; }
	.DontEnter																	{ position: absolute; width: 23%; height: 46%; bottom: -1%; left: 39%; background-image: url('../images/DontEnter.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center;  visibility: hidden;}

	.dog_walker																	{ position: absolute; width: 23%; height: 25%; bottom: 3%; right: 2.4%; background-image: url('../images/dog_walker.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.fart																		{ position: absolute; width: 23%; height: 25%; bottom: 3%; right: 2.4%; }
	.cat																		{ position: absolute; width: 8%; height: 15%; bottom: 6%; right: 25%; background-image: url('../images/cat.png'); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; visibility: hidden; }
	.cat.disgust																{ background-position: right center;  }
	.fart_gas																	{ position: absolute; width: 3.4%; height: 5%; bottom: 5.1%; right: 15.4%; background-image: url('../images/fart.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: left center; display: none;  }
	.JackinBox																	{ position: absolute; width: 6.3%; height: 6%; bottom: 0.7%; right: 29%; background-image: url('../images/JackInBox.png'); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; visibility:hidden;}
	.JackinBox.open																{ background-position: right center; }
	.happenings																	{ position: absolute; width: 7%; height: 17%; bottom: 5.5%; right: 32%; background-image: url('../images/happenings.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: left center; visibility:hidden;}
	.happenings_trigger															{ position: absolute; width: 12%; height: 23%; bottom: 0.7%; right: 27%; display: none; }

	.opera_lady																	{ position: absolute; width: 4.5%; height: 18%; bottom: 39%; left: 17%; background-image: url('../images/opera_lady.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.car																		{ position: absolute; width: 13.3%; height: 20%; bottom: 39%; left: 2%; background-image: url('../images/2CV.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.contact																	{ position: absolute; width: 19%; height: 24%; bottom: 39%; left: 3%; display: none; }
	.awesomeness																{ position: absolute; width: 11%; height: 25%; bottom: 40%; left: 9%; background-image: url('../images/Awesomeness.png'); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center;  }
	.awesomeness.crack															{ background-position: right center;  }

	.cafe																		{ position: absolute; width: 9%; height: 14%; bottom: 33%; left: 57%; background-image: url('../images/CafeSign.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; cursor: pointer; }
	.parasol																	{ position: absolute; width: 19%; height: 40%; bottom: 23%; right: 22%; background-image: url('../images/parasol-active.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; cursor: pointer; }
	.cafe_trigger																{ position: absolute; width: 19%; height: 38%; bottom: 23%; right: 22%; display: none; }

	.book_now																	{ position: absolute; width: 27%; height: 35%; bottom: 64%; right: -2%; background-image: url('../images/book_now.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; z-index: 9998;}

	.KidsCart																	{ position: absolute; width: 15.5%; height: 17%; bottom: 28%; right: 5.27%; background-image: url('../images/KidsCart_hover.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.KidsBalloons																{ position: absolute; width: 14%; height: 23.5%; bottom: 35%; right: 5.27%; background-image: url('../images/KidsBalloons.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.kidsZone																	{  position: absolute; width: 15.5%; height: 23%; bottom: 28%; right: 5.27%; display: none; }

	.rocket																		{ position: absolute; width: 8%; height: 19%; bottom: 33%; left: 34%; background-image: url('../images/rocket.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.family																		{ position: absolute; width: 15%; height: 29%; bottom: 23%; left: 25%; background-image: url('../images/family.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.music																		{ position: absolute; width: 8%; height: 15%; bottom: 63.9%; left: 45.3%; background-image: url('../images/window_music_active.png'); background-image: url('../images/window_music.png'); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; }
	.music:hover																{  background-position: right center; }
	.music.active																{ background-image: url('../images/window_music_active.png');  background-position: center!important;  background-size: 100% 100%;}
	.banjo																		{ position: absolute; width: 10%; height: 17%; bottom: 66.0%; left: 47.4%; background-image: url('../images/banjo.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.spectacular																{ position: absolute; width: 22%; height: 11%; bottom: 57%; left: 39%; background-image: url('../images/spectacular.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }

	.easel																		{ position: absolute; width: 25%; height: 35%; bottom: 3%; left: 3%; background-image: url('../images/easel.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.artist																		{ position: absolute; width: 25%; height: 35%; bottom: 3%; left: 3%; background-image: url('../images/artist.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.canvas																		{ position: absolute; width: 25%; height: 35%; bottom: 3%; left: 3%; background-image: url('../images/canvas.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; display: none;  }
	.sun																		{ position: absolute; width: 10.5%; height: 16%; top: 1.76%; left: 0.78%; background-image: url('../images/sun.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }

	.tombstones																	{ position: absolute; width: 17%; height: 23%; bottom: 0%; left: 27%; background-image: url('../images/tombstones.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }

	.classes																	{ position: absolute; width: 5%; height: 14%; bottom: 60.5%; left: 60.5%; background-image: url('../images/window_classes_active.png'); background-image: url('../images/window_classes.png'); background-size:  200% 100%; background-repeat:no-repeat; background-position: left center; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; }
	.classes:hover																{ background-position: right center; }
	.classes.active																{ background-image: url('../images/window_classes_active.png');  background-position: center!important;  background-size: 100% 100%;}
	.yoga																		{ position: absolute; width: 12.4%; height: 14%; bottom: 62.5%; left: 57.6%; background-image: url('../images/yoga.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.groovy																		{ position: absolute; width: 11.8%; height: 12%; top: 22%; left: 66.5%; background-image: url('../images/groovy.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }

	.workshops																	{ position: absolute; width: 5%; height: 14%; bottom: 60.5%; right: 61%; background-image: url('../images/window_workshops_active.png'); background-image: url('../images/window_workshops.png'); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; }
	.workshops:hover															{ background-position: right center;    }
	.workshops.active															{ background-image: url('../images/window_workshops_active.png'); background-position: center!important; background-size: 100% 100%;}

	.knitting																	{ position: absolute; width: 9%; height: 27%; bottom: 54.5%; left: 29%; background-image: url('../images/workshops.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
	.wonderful																	{ position: absolute; width: 16%; height: 13%; top: 22%; left: 17%; background-image: url('../images/wonderful.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }

	.doors																		{ position: absolute; width: 11%; height: 23%; bottom: 37%; left: 44.5%; background-image: url('../images/doors.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center;  }
	.doors.active																{ background-image: url('../images/doors_hover.png'); }
	.ringmaster																	{ position: absolute; width: 22%; height: 49%; top: 43%; left: 39%; background-image: url('../images/ringmaster.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center;visibility: hidden;   }
	.toplevel																	{ z-index:6; }

	.visible																	{ visibility: visible; }
	.trigger_reveal																{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;  }