body {
  font-family:verdana,helvetica,arial,sans-serif;
  font-weight:normal;
	background: #DFCEB9;
}

/* 
p {
  margin: 0;
	padding: 10px;
}
*/

/*** Override value in wp_style1.css - should be a better way */
#MainSection {
  min-height: 600px;
}

#floorplancontainer {
  /* float: left; */
	position: absolute;
  top: 20px;
	margin: 0;
	padding: 0;
}
		
 #floorplan {
    width: 250px; height: 544px; /* width and height of floorplan */
    background: url(../floorplan-images/floorplan-full-label.png);
    margin: 10px;
		margin-top: 0px;
		padding: 0;
    position: relative;

		}

  #floorplan li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; /* top: 0; */}
		
  #floorplan a {
    display: block;}
#room1 {left: 4px; top: 61px; width: 68px; height: 116px;} /* Measure from PSP then check with firebug - float over li elements and check highlighting on floorplan */
#room2 {left: 62px; top: 61px; width: 106px; height: 77px;}
#room3 {left: 168px; top: 61px; width: 77px; height: 124px;}
#room4 {left: 187px; top: 61px; width: 57px; height: 40px;}
#room5 {left: 4px; top: 177px; width: 67px; height: 95px;}
#room6 {left: 72px; top: 139px; width: 120px; height: 154px;}
#room7 {left: 168px; top: 187px; width: 77px; height: 74px;}
#room8 {left: 4px; top: 273px; width: 77px; height: 116px;}
#room9 {left: 67px; top: 293px; width: 101px; height: 158px;}
#room10 {left: 168px; top: 293px; width: 77px; height: 77px;}
#room11 {left: 4px; top: 388px; width: 62px; height: 39px;}
#room12 {left: 4px; top: 427px; width: 77px; height: 77px;}
#room13 {left: 4px; top: 4px; width: 240px; height: 53px;}
#room14 {left: 4px; top: 508px; width: 240px; height: 35px;}

#room1 a {height: 116px;} /* same heights as divs */
#room2 a {height: 77px;}
#room3 a {height: 124px;}
#room4 a {height: 40px;}
#room5 a {height: 95px;}
#room6 a {height: 154px;}
#room7 a {height: 74px;}
#room8 a {height: 116px;}
#room9 a {height: 158px;}
#room10 a {height: 77px;}
#room11 a {height: 39px;}
#room12 a {height: 77px;}
#room13 a {height: 53px;}
#room14 a {height: 35px;}

/* Horizontal, vertical */
/* Horizontals are same as left pos of room, verticals for top rooms all start at top of 2nd plan or 3rd plan - about 3 px due to 3px offset???*/
#room1 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -4px -609px no-repeat; }
#room2 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -62px -1157px no-repeat; }
#room3 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -168px -609px no-repeat; }
#room4 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -187px -1157px no-repeat; }
#room5 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -4px -725px no-repeat; }
#room6 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -72px -1235px no-repeat; }
#room7 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -168px -735px no-repeat; }
#room8 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -4px -821px no-repeat; }
#room9 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -67px -1389px no-repeat; }
#room10 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -168px -841px no-repeat; }
#room11 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -4px -936px no-repeat; }
#room12 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -4px -975px no-repeat; }
#room13 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -4px -552px no-repeat; }
#room14 a:hover {background: url(../floorplan-images/floorplan-full-label.png) -4px -1056px no-repeat; }

/* Room image style - only displayed if Javascript is available */
#roomimage {
  margin: 10px 20px;
	}
	
/* must have non-static (absolute works) position so that absolute positioning of the 2 child images and caption works */
#roomimagecontainer {
  position: absolute;
	top: 24px;
	left: 280px;
	margin: 0;
	padding: 0;
}

#roomimagecontainer p {
  font-size: 16px;
	margin: 0;
	padding: 10px;
}

#roomimagecontainer img {
  width: 330px;
	height: 223px;
	margin: 0;
	padding: 0;
	/* position: absolute; */ /* INclude this an IE7 doesn fade the next image in at all! */
}

/* current and next images are overlaid */
#roomimagecurrent, #roomimagenext, #roomimagecaption {
  position: absolute;
}

#roomimagecurrent {
  z-index: 1;
}
#roomimagenext {
  z-index: 2;
	/* top: 400px; */ /* Uncomment to debug image transition */
}

#roomimagecaption {
  z-index: 3;
	background: black;
	top: 183px;
	left: 0px;
	height: 40px;
	width: 330px; /* In pixels, not percent, since this would be % of the container (has 0 width) */
	opacity: 0.6;
	filter:alpha(opacity=60);
	color: white;
	border-top: 1px solid #666;
}

.shareLink {
  float: right;
}

.shareLink a {
  color: white;
	text-decoration: none;
	font-weight: normal;
}

/* Styles for html test of image share popup */
#fullOpaqueOverlay {
  position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: black;
	z-index: 3; /* Puts this on top of other elements with a z-index */
	opacity: 0.6;
	filter:alpha(opacity=60);
}

#shareImagePopup {
  position: fixed;
	width: 40%;
	height: 50%;
	top: 50px;
	left: 200px;
	background: black;
	z-index: 4;
	color: white;
}

#shareImagePopup p {
  font-size: 80%;
	text-align: right;
  font-weight: normal;
  margin: 5px;
  padding: 5px;
}

#shareImagePopup p a {
	text-decoration: none;
	color: white;
  font-weight: normal;
}

#shareImagePopup ul {
	padding: 10px;
}

#shareImagePopup li {
  border: 1px solid #666;
	list-style-type: none;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#shareImagePopup li a {
	text-decoration: none;
	color: white;
  font-weight: normal;
  font-size: 16px;
}

#instructions {
  position: absolute;
  top: 300px;
  left: 290px;
  width: 300px;
}