* {
	margin: 0;
	padding: 0;
}
body {
	background: #000 url(../images/background.gif) 0 0 repeat-x;
}

/* Container */
#container {
	position: relative;
	width: 22391px;
	height: 600px;
}

/* Rooms */
ul#rooms {
	float: left;
	width: 20637px;
	height: 600px;
}
ul#rooms li {
	float: left;
	height: 600px;
	margin-right: 41px;
	list-style-type: none;
}
ul#rooms li#entrance {
	width: 576px;
	margin-right: 42px;
	background: url(../images/02_entrance.jpg) 0 0 no-repeat;
}
ul#rooms li#partridge {
	width: 2070px;
	background: url(../images/03_partridge.jpg) 0 0 no-repeat;
}
ul#rooms li#doves {
	width: 1407px;
	background: url(../images/04_doves.jpg) 0 0 no-repeat;
}
ul#rooms li#hens {
	width: 1321px;
	background: url(../images/05_hens.jpg) 0 0 no-repeat;
}
ul#rooms li#birds {
	width: 1398px;
	margin-right: 0;
	background: url(../images/06_birds.jpg) 0 0 no-repeat;
}
ul#rooms li#rings {
	width: 1815px;
	margin-right: 0;
	background: url(../images/07_rings.jpg) 0 0 no-repeat;
}
ul#rooms li#geese {
	width: 1660px;
	background: url(../images/08_geese.jpg) 0 0 no-repeat;
}
ul#rooms li#swans {
	width: 1439px;
	background: url(../images/09_swans.jpg) 0 0 no-repeat;
}
ul#rooms li#maids {
	width: 1599px;
	background: url(../images/10_maids.jpg) 0 0 no-repeat;
}
ul#rooms li#ladies {
	width: 1486px;
	background: url(../images/11_ladies.jpg) 0 0 no-repeat;
}
ul#rooms li#lords {
	width: 1605px;
	background: url(../images/12_lords.jpg) 0 0 no-repeat;
}
ul#rooms li#pipers {
	width: 1412px;
	background: url(../images/13_pipers.jpg) 0 0 no-repeat;
}
ul#rooms li#drummers {
	width: 1752px;
	background: url(../images/14_drummers.jpg) 0 0 no-repeat;
}
ul#rooms li#exit {
	width: 645px;
	margin-right: 0;
	background: url(../images/15_exit.jpg) 0 0 no-repeat;
}

/* Waves */
.waves {
	position: absolute;
	top: 535px;
	left: 610px;
	height: 43px;
	width: 20637px;
}
#waves_back {
	z-index: 1;
	background: url(../images/waves_back.jpg) 0 0 repeat-x;
}
#waves_front {
	z-index: 3;
	background: url(../images/waves_front.png) 0 0 repeat-x;
}

/* Boat */
#boat {
	position: fixed;
	z-index: 2;
	top: 420px;
	left: 380px;
	width: 216px;
	height: 148px;
	background: url(../images/boat.png) 0 0 no-repeat;
}
.kiss {
	background-position: -216px 0 !important;
}

/* Intro */
#intro {
	position: relative;
	z-index: 5;
	float: left;
	width: 611px;
	height: 600px;
	background: url(../images/01_intro.png) 0 0 no-repeat;
}

/* Outro */
#outro {
	position: relative;
	z-index: 5;
	float: left;
	width: 1143px;
	height: 600px;
	background: url(../images/16_outro.png) 0 0 no-repeat;
}
#outro a {
	display: block;
	width: 1143px;
	height: 600px;
}

/* Doorways */
.doorway {
	position: absolute;
	z-index: 5;
	top: 0;
	width: 41px;
	height: 600px;
}
#doorway01 {
	left: 1187px;
	width: 42px;
	background: url(../images/doorway01.png) 0 0 no-repeat;
}
#doorway02 {
	left: 3299px;
	background: url(../images/doorway02.png) 0 0 no-repeat;
}
#doorway03 {
	left: 4747px;
	background: url(../images/doorway03.png) 0 0 no-repeat;
}
#doorway04 {
	left: 6109px;
	background: url(../images/doorway04.png) 0 0 no-repeat;
}
#doorway05 {
	left: 11023px;
	background: url(../images/doorway05.png) 0 0 no-repeat;
}
#doorway06 {
	left: 12503px;
	background: url(../images/doorway06.png) 0 0 no-repeat;
}
#doorway07 {
	left: 14143px;
	background: url(../images/doorway07.png) 0 0 no-repeat;
}
#doorway08 {
	left: 15670px;
	background: url(../images/doorway08.png) 0 0 no-repeat;
}
#doorway09 {
	left: 17316px;
	background: url(../images/doorway09.png) 0 0 no-repeat;
}
#doorway10 {
	left: 18769px;
	background: url(../images/doorway10.png) 0 0 no-repeat;
}
#doorway11 {
	left: 20562px;
	background: url(../images/doorway11.png) 0 0 no-repeat;
}

/* Quotes */
.quote {
	display: none;
	position: absolute;
	z-index: 1;
	top: 290px;
	width: 260px;
	height: 144px;
	background: url(../images/quote_bg.png) 0 0 no-repeat;
}
.quote span {
	display: block;
	width: 260px;
	height: 144px;
}
#quote01 {
	left: 2353px;
}
#quote01 span {
	background: url(../images/quote01.png) 0 0 no-repeat;
}
#quote02 {
	left: 4270px;
}
#quote02 span {
	background: url(../images/quote02.png) 0 0 no-repeat;
}
#quote03 {
	left: 5058px;
}
#quote03 span {
	background: url(../images/quote03.png) 0 0 no-repeat;
}
#quote04 {
	left: 6516px;
}
#quote04 span {
	background: url(../images/quote04.png) 0 0 no-repeat;
}
#quote05 {
	left: 10609px;
}
#quote05 span {
	background: url(../images/quote05.png) 0 0 no-repeat;
}
#quote06 {
	left: 11456px;
}
#quote06 span {
	background: url(../images/quote06.png) 0 0 no-repeat;
}
#quote07 {
	left: 13325px;
}
#quote07 span {
	background: url(../images/quote07.png) 0 0 no-repeat;
}
#quote08 {
	left: 14661px;
}
#quote08 span {
	background: url(../images/quote08.png) 0 0 no-repeat;
}
#quote09 {
	left: 16279px;
}
#quote09 span {
	background: url(../images/quote09.png) 0 0 no-repeat;
}
#quote10 {
	left: 17913px;
}
#quote10 span {
	background: url(../images/quote10.png) 0 0 no-repeat;
}
#quote11 {
	left: 20098px;
}
#quote11 span {
	background: url(../images/quote11.png) 0 0 no-repeat;
}

/* Rings */
.ring {
	position: absolute;
	z-index: 5;
	top: 300px;
	width: 150px;
	height: 300px;
	background: url(../images/ring.png) 0 0 no-repeat;
}
#ring01 {
	left: 7548px;
}
#ring02 {
	left: 7977px;
}
#ring03 {
	left: 8387px;
}
#ring04 {
	left: 8805px;
}
#ring05 {
	left: 9213px;
}

/* Drummers */
ul#drummers {
	position: absolute;
	z-index: 5;
	top: 266px;
	left: 18998px;
	height: 334px;
}
ul#drummers li {
	float: left;
	width: 154px;
	height: 334px;
	list-style-type: none;
	background: url(../images/drummer_off.gif) 0 0 no-repeat;
}
ul#drummers li#drummer04 {
	background: url(../images/drummer_one_arm_off.gif) 0 0 no-repeat;
}
ul#drummers li.drum {
	background: url(../images/drummer.gif) 0 0 no-repeat;
}
ul#drummers li.drum_one_arm {
	background: url(../images/drummer_one_arm.gif) 0 0 no-repeat !important;
}