*{
margin: 0px;
padding: 0px;
font-size: 18px;
}

a:link { color: blue; font-size: 18px; text-decoration: none; }
a:visited { color: blue; text-decoration: none; } 
a:hover { color: red; }

a.small:link { color: blue; font-size: 10px; text-decoration: none; }
a.small:visited { color: blue; text-decoration: none; } 
a.small:hover { color: red; }

.wrapper{
position: relative;
width: 95%;
border: 1px solid #e1e1e1;
margin: 5px auto 10px auto;
padding: 5px;
font-size: 18px;
background-color: #F8FBFC;
}

.center{
position: relative;
width: 85%;
border: 1px solid #e1e1e1;
margin: 5px auto 10px auto;
text-align: center;
padding: 5px;
font-size: 18px;
background-color: #F8FBFC;
}

table, th, td
{
border-collapse:collapse;
border: 0px solid white;
padding: 5px;
}



table.bunkhouse {border-collapse:collapse; border: 2px solid white;}
td.simple {width: 12%; text-align:left; font-size: 18px; border-collapse:collapse; border: 3px solid white;}
td.heading {width: 12%; text-align:left; font-size: 18px; font-weight: bold; bgcolor: #9F9A9A;}


td.text {width: 60%; text-align:left; font-size: 18px;}
td.image {width: 40%; text-align:left; font-size: 18px;}
td.left {width: 100%; text-align:left; font-size: 18px;}
td.center {width: 100%; text-align:center; font-size: 18px;}
td.text2 {width: 75%; text-align:left; font-size: 18px;}
td.image2 {width: 25%; text-align:left; font-size: 18px;}
td.textbunk {width: 50%; text-align:left;}
td.imagebunk {width: 50%; text-align:left;}

h1 {font-size: 36px; }
h2 {font-size: 26px; }
h3 {font-size: 20px; }

.boxOne{ position: relative; top: 10px; left: 3%; right: 3%; width: 94%; height: 500px; border: 1px solid #000; background: transparent; z-index: 500; }

.boxDining{ position: absolute; top: 10px; left: 40%; right: 25%; width: 35%; height: 200px; border: 1px solid #000; background: #EB389A; z-index: 500; }

.boxKitchen{ position: absolute; top: 10px; left: 30%; right: 70%; width: 10%; height: 100px; border: 1px solid #000; background: #EB389A; z-index: 500; }

.boxLobby{ position: absolute; top: 110px; left: 30%; right: 70%; width: 10%; height: 100px; border: 1px solid #000; background: #AF8DE1; z-index: 500; }

.boxBedroom{ position: absolute; top: 10px; left: 75%; right: 5%; width: 20%; height: 130px; border: 1px solid #000; background: #EB389A; z-index: 500; }

.boxBedroom{ position: absolute; top: 10px; left: 75%; right: 5%; width: 20%; height: 130px; border: 1px solid #000; background: #EB389A; z-index: 500; }

.boxLoo{ position: absolute; top: 140px; left: 85%; right: 5%; width: 10%; height: 70px; border: 1px solid #000; background: #EB389A; z-index: 500; }

.boxBathroom{ position: absolute; top: 210px; left: 85%; right: 5%; width: 10%; height: 100px; border: 1px solid #000; background: #EB389A; z-index: 500; }

.boxLanding{ position: absolute; top: 140px; left: 75%; right: 15%; width: 10%; height: 170px; border: 1px solid #000; background: #EB389A; z-index: 400; }

.boxOtherCaves{ position: absolute; top: 210px; left: 40%; right: 20%; width: 40%; height: 100px; border: 1px solid #000; background: #675656; z-index: 500; }

.boxCaveCorridor{ position: absolute; top: 310px; left: 40%; right: 20%; width: 40%; height: 100px; border: 1px solid #000; background: #AF8DE1; z-index: 500; }

.boxCave{ position: absolute; top: 310px; left: 80%; right: 5%; width: 15%; height: 50px; border: 1px solid #000; background: #FA89C7; z-index: 500; }

.boxSolid1{ position: absolute; top: 360px; left: 15%; right: 5%; width: 80%; height: 70px; border: 1px solid #675656; background: #675656; z-index: 500; }

.boxSolid2{ position: absolute; top: 80px; left: 11%; right: 80%; width: 9%; height: 130px; border: 1px solid #675656; background: #675656; z-index: 500; }

.boxSolid3{ position: absolute; top: 10px; left: 2%; right: 93%; width: 5%; height: 100px; border: 1px solid #675656; background: #675656; z-index: 500; }

.boxSolid4{ position: absolute; top: 10px; left: 2%; right: 93%; width: 5%; height: 100px; border: 1px solid #675656; background: #675656; z-index: 500; }

.boxSolid5{ position: absolute; top: 160px; left: 2%; right: 93%; width: 5%; height: 270px; border: 1px solid #675656; background: #675656; z-index: 500; }

.boxSolid6{ position: absolute; top: 260px; left: 7%; right: 85%; width: 8%; height: 50px; border: 1px solid #675656; background: #675656; z-index: 500; }

.boxSolid7{ position: absolute; top: 430px; left: 2%; right: 5%; width: 93%; height: 50px; border: 1px solid #675656; background: #675656; z-index: 500; }

.boxSolid8{ position: absolute; top: 285px; left: 80%; right: 5%; width: 15%; height: 25px; border: 1px solid #675656; background: #675656; z-index: 550; }

.boxCommunal{ position: absolute; top: 210px; left: 15%; right: 60%; width: 25%; height: 150px; border: 1px solid #000; background: #AF8DE1; z-index: 500; }

.boxBikes{ position: absolute; top: 310px; left: 7%; right: 85%; width: 8%; height: 120px; border: 1px solid #000; background: #AF8DE1; z-index: 500; }

.boxBins{ position: absolute; top: 10px; left: 7%; right: 80%; width: 13%; height: 70px; border: 1px solid #000; background: #AF8DE1; z-index: 500; }

.boxBinCorridor{ position: absolute; top: 80px; left: 2%; right: 85%; width: 13%; height: 180px; border: 1px solid #000; background: #AF8DE1; z-index: 400; }

.box1{ position: absolute; top: 10px; left: 22%; right: auto; width: auto; height: auto; border: 1px solid #000; background: yellow; font-size: 11px; text-align: center; z-index: 600; }

.box2{ position: absolute; top: 170px; left: 17%; right: auto; width: auto; height: auto; border: 1px solid #000; background: yellow; font-size: 11px; text-align: center; z-index: 600; }

.box5{ position: absolute; top: 135px; left: auto; right: 59.5%; width: auto; height: auto; border: 1px solid #000; background: yellow; font-size: 11px; text-align: center; z-index: 600; }

.box6{ position: absolute; top: 235px; left: 12.5%; auto; right: auto; width: auto; height: auto; border: 1px solid #000; background: yellow; font-size: 11px; text-align: center; z-index: 600; }

.box7{ position: absolute; top: 340px; left: 36%; auto; right: auto; width: auto; height: auto; border: 1px solid #000; background: yellow; font-size: 11px; text-align: center; z-index: 600; }

.box8{ position: absolute; top: 340px; left: 70%; right: auto; width: auto; height: auto; border: 1px solid #000; background: yellow; font-size: 11px; text-align: center; z-index: 600; }

.box9{ position: absolute; top: 185px; left: auto; right: 59.5%; width: auto; height: auto; border: 1px solid #000; background: yellow; font-size: 11px; text-align: center; z-index: 600; }

#lightbox {
	position: absolute;
	top: 0;
	left: 35%;
	right: auto;
	width: auto;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	z-index: 1001;
	display: none;
}
#lightbox-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
	display: none;
}
.close-image{
    display: block;
    float:right;
    position:relative;
    top:-10px;
    right: -10px;
    height: 20px;
	z-index: 1002;
}
#close-image{
    display: block;
    float:right;
    position:relative;
    top:-10px;
    right: -10px;
    height: 20px;
	z-index: 1003;
}
