#outerWrapper #contentWrapper #content {
  margin: 0px 50px 0px 86px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 20px 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #contentWrapper #content #rates{
  margin: 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 2px 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  height: 475px;
  overflow:auto;
}
#outerWrapper #contentWrapper #content #rates h1 {
	margin: 0px 0 5px 30px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	/* padding: 30px 15px 10px 15px; Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
  font-size: 16px;
  font-weight: bold;
}
#outerWrapper #contentWrapper #content h1 {
	margin: 5px 0 10px 30px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	/* padding: 30px 15px 10px 15px; Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
  font-size: 16px;
  font-weight: bold;
}

#outerWrapper #contentWrapper #content p{
  margin: 10px 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
.clearFloat {
  clear: left;
  display: block;
}


/* =Hoverbox Code
----------------------------------------------------------------------*/
#cottages {
	width: 825px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
#cottages2 {
	width: 726px;
	margin: 0 10px 0 0;
	padding: 0 62px 0 52px;
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 120px;
	height: 140px;
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
}

.hoverbox li
{
	color: inherit;
	display: inline;
	float: left;
	position: relative;
	margin: 3px;
	padding: 1px;
}

.hoverbox .preview
{
	border: 2px solid #FFFFFF;
	width: 300px;
	height:236px;
	padding: 2px;
}