#leftbox{ float: left; margin-top: 10px; width: 550px; height: auto; border: solid 0px; border-color: red; }
#rightbox{ float: right; margin-top: 51px; width: 235px; height: 40px; border: solid 0px; border-color: red; }
#title{	float: left; margin-top: 10px; margin-bottom: 5px; width: 545px; height: 20px; border: solid 0px; border-color: red; color:#7B3F00;font-size: 18px;}
#text{ float: left; margin-top: 8px; width: 545px; height: auto; border: solid 0px; border-color: red; color:black; font-size: 12px; text-align: justify; }
#rooms{	float: left; margin-top: 15px; margin-bottom: 0px; padding-top: 0; width: 800px; height: 330px; border: solid 0px; border-color:blue; color: black; font-size: 12px;
		text-align: justify; padding-top: 5px; }
#title2{ float: left; margin-top: 0px; margin-bottom: 5px; width: 800px; height: 23px; border-bottom:  solid 1px; border-color: gray; color:#7B3F00;
	font-size: 18px;}

#room1{	display: block; position: absolute; width: 250px; height: 330px; margin-top: 0; margin-left: 0px; border: solid 0px grey; }
#room2{	display: block; position: absolute; width: 250px; height: 325px; margin-top: 0; margin-left: 275px; border: solid 0px grey; }
#room3{	display: block; position: absolute; width: 250px; height: 325px; margin-top: 0; margin-left: 550px; border: solid 0px grey; }
#room4{ display: block; position: absolute; width: 250px; height: 325px; margin-top: 0; margin-left: 67px; border: solid 0px grey; }
#room5{ display: block; position: absolute; width: 250px; height: 325px; margin-top: 0; margin-left: 477px; border: solid 0px grey; }
#room6{	display: block; position: absolute; width: 500px; height: 325px; margin-top: 0; margin-left: 0px; border: solid 0px grey; }

.roomtitle{ width: 245px; height: 40px; text-align: left; color:#7B3F00; font-size: 18px;}
.roomtext{ 	float: left; margin-top: 5px; width: 250px; height: auto; border: solid 0px; border-color: red; color:black; font-size: 12px;
			text-align: justify; }
.roomtext2{	float: left; margin-top: 5px; width: 250px; height: auto; border: solid 0px; border-color: red; color:black; font-size: 12px;
			text-align: justify;}
.roomtext6{	float: left; margin-top: 5px; width: 500px; height: auto; border: solid 0px; border-color: red; color:black; font-size: 12px;
			text-align: justify;}
.double a{ 			display: block; position: absolute; margin-top: 170px; margin-left: 0px; width: 250px; height: 160px; border: solid 1px;
			border-color: gray; background: url(rooms/double.jpg); background-position: center; background-repeat: no-repeat; }
.double a:hover { 	display: block; position: absolute; margin-top: 170px; margin-left: 0px; width: 250px; height: 160px; border: solid 1px;
			border-color: black; background: url(rooms/double.jpg); background-position: center; background-repeat: no-repeat; }
			
.twin a{ 			display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px;
			border-color: gray; background: url(rooms/twin.jpg); background-position: center; background-repeat: no-repeat; }
.twin a:hover { 	display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px;
			border-color: black; background: url(rooms/twin.jpg); background-position: center; background-repeat: no-repeat; }

.family a{			display: block; position: absolute;	margin-top: 170px; margin-left: 275px; width: 250px; height: 160px; border: solid 1px;
			border-color: gray; background: url(rooms/family.jpg); background-position: center; background-repeat: no-repeat; }
.family a:hover {	display: block; position: absolute; margin-top: 170px; margin-left: 275px; width: 250px; height: 160px; border: solid 1px;
			border-color: black; background: url(rooms/family.jpg); background-position: center; background-repeat: no-repeat; }
			
.white a{ 			display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px;
			border-color: gray; background: url(rooms/double.jpg); background-position: center; background-repeat: no-repeat; }
.white a:hover { 	display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px; 
			border-color: black; background: url(rooms/double.jpg);	background-position: center; background-repeat: no-repeat; }

.blue a{			display: block; position: absolute; margin-top: 170px; margin-left: 275px; width: 250px; height: 160px; border: solid 1px;
			border-color: gray; background: url(rooms/blue.jpg); background-position: center; background-repeat: no-repeat;} 
.blue a:hover {	 	display: block; position: absolute; margin-top: 170px; margin-left: 275px; width: 250px; height: 160px; border: solid 1px;
			border-color: black; background: url(rooms/blue.jpg); background-position: center; background-repeat: no-repeat;}

.library a{			display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px;
		border-color: gray; background: url(rooms/library.jpg); background-position: center; background-repeat: no-repeat;}
.library a:hover {	display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px;
		border-color: black; background: url(rooms/library.jpg); background-position: center; background-repeat: no-repeat;}
.yellow a{			display: block; position: absolute; margin-top: 170px; margin-left: 0px; width: 250px; height: 160px; border: solid 1px;
	border-color: gray; background: url(rooms/yellow.jpg); background-position: center; background-repeat: no-repeat; }
.yellow a:hover {	display: block; position: absolute; margin-top: 170px; margin-left: 0px; width: 250px; height: 160px; border: solid 1px;
		border-color: black; background: url(rooms/yellow.jpg); background-position: center; background-repeat: no-repeat; }
.familypic a{		display: block; position: absolute; margin-top: 170px; margin-left: 0px; width: 250px; height: 160px; border: solid 1px;
		border-color: gray; background: url(rooms/family.jpg); background-position: center; background-repeat: no-repeat; }
.familypic a:hover {display: block; position: absolute; margin-top: 170px; margin-left: 0px; width: 250px; height: 160px; border: solid 1px;
		border-color: black; background: url(rooms/family.jpg); background-position: center; background-repeat: no-repeat;}
.bathroom a{		display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px;
		border-color: gray; background: url(rooms/bathroom.jpg); background-position: center; background-repeat: no-repeat; }
.bathroom a:hover {	display: block; position: absolute; margin-top: 170px; margin-left: 550px; width: 250px; height: 160px; border: solid 1px;
		border-color: black; background: url(rooms/bathroom.jpg); background-position: center; background-repeat: no-repeat; }
.room2 a{			display: block; position: absolute; margin-top: 170px; margin-left: 275px; width: 250px; height: 160px; border: solid 1px;
		border-color: gray; background: url(rooms/room2.jpg); background-position: center; background-repeat: no-repeat; }
.room2 a:hover{ 	display: block; position: absolute; margin-top: 170px; margin-left: 275px; width: 250px; height: 160px; border: solid 1px; 
		border-color: black; background: url(rooms/room2.jpg); background-position: center; background-repeat: no-repeat; }
.yellowwide a{ 		display: block; position: absolute; margin-top: 170px; margin-left: 67px; width: 250px; height: 160px; border: solid 1px;
		border-color: gray; background: url(rooms/yellow.jpg); background-position: center; background-repeat: no-repeat; }
.yellowwide a:hover {display: block; position: absolute;	margin-top: 170px; margin-left: 67px; width: 250px; height: 160px; border: solid 1px;
		border-color: black; background: url(rooms/yellow.jpg); background-position: center; background-repeat: no-repeat; }
.twinwide a{		display: block; position: absolute; margin-top: 170px; margin-left: 477px; width: 250px; height: 160px; border: solid 1px;
		border-color: gray; background: url(rooms/twin.jpg); background-position: center; background-repeat: no-repeat; }
.twinwide a:hover {	display: block;	position: absolute;	margin-top: 170px; margin-left: 477px; width: 250px; height: 160px; border: solid 1px;
		border-color: black; background: url(rooms/twin.jpg); background-position: center; background-repeat: no-repeat;}