body{
   padding: 0;
   margin: 0;
   background-image:url('pics/beach.jpg');
   background-repeat:repeat-x;
   background-color:#8ea3c0;
   background-attachment: fixed;
}

#header{
   width: 760px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

#subheader{
   width: 760px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-variant:small-caps;
   font-size:large;
   font-weight:bold;
   color:#576F90;
   border-top:3px #F1A629 solid;
   border-bottom:3px #F1A629 solid;
   margin-bottom:5px;
   padding-bottom:2px;
}

#mainwrapper{
   clear: both;
   width: 760px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   background-color:#eeFFFF;
   border:3px #F1A629 solid;
   overflow: hidden;
}

#footer
{
   width: 760px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-size:small;
   color:gray;
   padding:10px 0px 10px 0px;
}

.r
{
	float:right;
	padding:5px;
	border:2px #FACD8A solid;
	margin:10px 25px 10px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

.l
{
	float:left;
	padding:5px;
	border:2px #FACD8A solid;
	margin:10px 25px 10px 25px;
}

.comment
{
	padding:10px 25px 10px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:black;
}

.comment2
{
	padding:10px 25px 10px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:black;
}

.relax1
{
	padding:10px 25px 0px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	color:#576F90;
}

.relax2
{
	padding:10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	color:#576F90;
}

.bigger
{
	font-weight:bold;
	padding:10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.more
{
	font-size:small;
}

.wideborderl
{
	padding:5px;
	border:2px #FACD8A solid;
	width:320px;
	float:left;
	margin:5px 5px 5px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	display:inline;
}

.wideborderr
{
	padding:5px;
	border:2px #FACD8A solid;
	width:320px;
	float:right;
	margin:5px 25px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	display:inline;
}

.nrwborderr
{
	padding:5px;
	border:2px #FACD8A solid;
	width:240px;
	float:right;
	margin:5px 65px 5px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

.exwideborder
{
	padding:5px;
	border:2px #FACD8A solid;
	width:647px;
	clear:both;
	/*margin:5px 5px 5px 25px;*/
    margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

.spacer{
	margin:0px 0px 0px 10px;
}

.r a img
{
	border:none;
	height:240px;
	width:320px;
}

.r a img.appear
{
	/*visibility:hidden;*/
	display:none;
	/*border: 2px #FACD8A solid;*/
	padding:5px;
	position:absolute;
	margin-left:-257px;
	margin-top:-5px;
	/*background-color:#eeFFFF;*/
	height:0px;
	width:0px;
}

.r a:hover img.appear
{
	/*visibility:visible;*/
	display:inline;
	height:240px;
	width:180px;
}

.wideborderl a img
{
	border:none;
	width:320px;
	height:240px;
}
.wideborderl a img.appear2
{
visibility:hidden;
	/*display:none;*/
	padding:5px;
	position:absolute;
	margin-left:-325px;
	margin-top:-5px;
	height:0px;
	width:0px;
}

.wideborderl a:hover img.appear2
{
visibility:visible;
	/*display:inline;*/
	height:240px;
	width:320px;
}
p
{
	font-family:Arial, Helvetica, sans-serif;
}

.hide
{
	overflow:hidden;
}

a#home,a#prices, a#location,a#contact,a#availability
{
	color:#A06800;
}

a:link
{
	color:#576F90;
	text-decoration:none;
}

a:visited
{
	color: #F1A629;
	text-decoration:none;
}

a:hover
{
	color:gray;
	text-decoration:none;
}

a:focus
{
	color:#666;
}

.mid{
	
	text-align:center;
}

.list{
	list-style-type:disc;
	color:#FACD8A;
	margin:10px 100px 0px 100px;
 
}