<style type = "text/css">
<!-- lounge -->
#pix1 a img {position: absolute; top: 160px; left: 105px; border-style: solid; border-color: #d9EEFF; 
			width: 100px; height: 60px}
<!-- mouseout state -->
#pix1 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix1 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix1 a:hover { background: #d9EEFF}
#pix1 a:hover img.hid {visibility: visible}
#pix1 a:hover img.box {visibility: visible}
	
<!-- double bedroom -->
#pix2 a img {position: absolute; top: 85px; left: 245px; border-style: solid; border-color: #d9EEFF;
			width: 100px; height: 60px}
<!-- mouseout state -->
#pix2 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix2 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix2 a:hover { background: #d9EEFF}
#pix2 a:hover img.hid {visibility: visible}
#pix2 a:hover img.box {visibility: visible}

<!-- bathroom -->
#pix3 a img {position: absolute; top: 290px; left: 247px; border-style: solid; border-color: #d9EEFF; 
			width: 90px; height: 30px}
<!-- mouseout state -->
#pix3 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix3 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix3 a:hover { background: #d9EEFF}
#pix3 a:hover img.hid {visibility: visible}
#pix3 a:hover img.box {visibility: visible}

<!-- ensuite -->
#pix4 a img {position: absolute; top: 225px; left: 245px; border-style: solid; border-color: #d9EEFF; 
			width: 100px; height: 25px}
<!-- mouseout state -->
#pix4 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix4 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix4 a:hover { background: #d9EEFF}
#pix4 a:hover img.hid {visibility: visible}
#pix4 a:hover img.box {visibility: visible}

<!-- single bedroom -->
#pix5 a img {position: absolute; top: 435px; left: 245px; border-style: solid; border-color: #d9EEFF; 
			width: 100px; height: 60px}
<!-- mouseout state -->
#pix5 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix5 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix5 a:hover { background: #d9EEFF}
#pix5 a:hover img.hid {visibility: visible}
#pix5 a:hover img.box {visibility: visible}

<!-- kitchen -->
#pix6 a img {position: absolute; top: 400px; left: 105px; border-style: solid; border-color: #d9EEFF; 
			width: 100px; height: 60px}
<!-- mouseout state -->
#pix6 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix6 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix6 a:hover { background: #d9EEFF}
#pix6 a:hover img.hid {visibility: visible}
#pix6 a:hover img.box {visibility: visible}

<!-- front sea view -->
#pix7 a img {position: absolute; top: 75px; left: 105px; border-style: solid; border-color: #d9EEFF; 
			width: 100px; height: 60px}
<!-- mouseout state -->
#pix7 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix7 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix7 a:hover { background: #d9EEFF}
#pix7 a:hover img.hid {visibility: visible}
#pix7 a:hover img.box {visibility: visible}

<!-- balcony view -->
#pix8 a img {position: absolute; top: 560px; left: 243px; border-style: solid; border-color: #d9EEFF; 
			width: 120px; height: 20px}
<!-- mouseout state -->
#pix8 a img.hid{
	width: 310px; height: 228px;
	position: absolute; top: 130px; left: 570px;
	visibility: hidden; border-style: outset; border-color: #FFFF00; border-width: 15px}
#pix8 a img.box{<!-- dimensions box-->
	position: absolute; top: 265px; left: 417px;
	visibility: hidden}
<!-- mouseover state -->
#pix8 a:hover { background: #d9EEFF}
#pix8 a:hover img.hid {visibility: visible}
#pix8 a:hover img.box {visibility: visible}

<!-- setting the background image -->
div { width: 400px; height: 600px; margin: 15px; position: absolute; top: 0px; left:0px; background-repeat: no-repeat; background-color: #d9EEFF}
	
<!-- company logo -->
#div-2 { width: 486px; height: 130px; position: absolute; top: 0px; left: 500px}
<!-- key box -->
#div-3 { width: 150px; height: 118px; position: absolute; top: 135px; left: 400px}
<!-- no smoking sign -->
#div-5 { width: 60px; height: 59px; position: absolute; top: 335px; left: 438px}
<!-- Star image 1 -->
#div-6 { width: 50px; height: 50px; position: absolute; top: 403px; left: 945px}
<!-- Star image 2 -->
#div-7 { width: 50px; height: 50px; position: absolute; top: 403px; left: 915px}
<!-- Star image 3 -->
#div-8 { width: 50px; height: 50px; position: absolute; top: 403px; left: 885px}
<!-- content box -->
p {width: 550px; height: 170px; background: #0f91ff; position: absolute; top: 400px; left: 430px;}
p.pad {padding: 10px}
.norm {font-weight: normal; font-size: 12pt; color: #FFFF00}
.bold {font-weight: bold; font-size: 16pt; color: #FFFF00}
<!-- inline nav bar -->
h3 {color: #0000FF; font-weight: lighter; background: none; font-size: 11px; position: absolute; top: 580px; left: 560px}
#menu-2 a {text-decoration: none; color: inherit}

<!-- construction pic -->
#div-4 { width: 50px; height: 50px; position: absolute; top: 50px; left: 300px }
</style>