/* Rooms and Suites code */

#main_gallery {
width: 640px;
height: 600px;
margin-left: auto;
margin-right: auto;
margin: 0; padding: 0; width: 100%;
}


#rooms_message {width: 418px; height: 300px; float:left; padding-bottom: 30px;}
/* a.rollover22 {display: block; width: 428px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/message.jpg");}
a.rollover22:hover {background-position: -428px 0;}
.displace {position: absolute; left: -5000px;	} */

#hotel_room {width: 209px; height: 300px; float:left; padding-bottom: 30px; padding-left: 20px;}
a.rollover23 {display: block; width: 209px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/hotel-room.jpg");}
a.rollover23:hover {background-position: -209px 0;}
.displace {position: absolute; left: -5000px;	}

#one_room {width: 209px; height: 300px; float:left; padding-bottom: 30px;}
a.rollover24 {display: block; width: 209px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/1room.jpg");}
a.rollover24:hover {background-position: -209px 0;}
.displace {position: absolute; left: -5000px;	}

#two_room {width: 209px; height: 300px; float:left; padding-bottom: 30px; padding-left: 10px;}
a.rollover25 {display: block; width: 209px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/2room.jpg");}
a.rollover25:hover {background-position: -209px 0;}
.displace {position: absolute; left: -5000px;	}

#three_room {width: 209px; height: 300px; float:left; padding-bottom: 30px; padding-left: 10px;}
a.rollover26 {display: block; width: 209px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/3room.jpg");}
a.rollover26:hover {background-position: -209px 0;}
.displace {position: absolute; left: -5000px;	}

#condo {width: 209px; height: 300px; float:left; padding-bottom: 30px;}
a.rollover27 {display: block; width: 209px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/condo.jpg");}
a.rollover27:hover {background-position: -209px 0;}
.displace {position: absolute; left: -5000px;	}

#villa {width: 209px; height: 300px; float:left; padding-bottom: 30px; padding-left: 10px;}
a.rollover28 {display: block; width: 209px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/villa.jpg");}
a.rollover28:hover {background-position: -209px 0;}
.displace {position: absolute; left: -5000px;	}

#beach_house {width: 209px; height: 300px; float:left; padding-bottom: 30px; padding-left: 10px;}
a.rollover29 {display: block; width: 209px;	height: 300px; background: url("http://www.sandpiperbeacon.com/images/rooms/beach-house.jpg");}
a.rollover29:hover {background-position: -209px 0;}
.displace {position: absolute; left: -5000px;	}



#room-features {width: 195px; height: 260px; float:left; padding-bottom: 200px; padding-right: 40px; font-size: 14px; line-height: 1.4; color: #000; text-align: left; font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
#room-options {width: 195px; height: 260px; padding-bottom: 200px; float:left; padding-right: 40px;  font-size: 14px; line-height: 1.4; color: #000; text-align: left; font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
#quote {width: 190px; height: 300px; float:right; padding-top:30px; padding-bottom: 130px;}