body{
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
font-family: Tahoma;
font-size: 10px;
color: #000000;
background-color:#104A7E;
background-image:url(images/back.jpg);
background-position:right;
background-repeat:no-repeat;
}
img{border: 0px;}
img.floatleftclear { 
float: left; 
clear: left; 
margin: 10px;
margin-top: 20px;
 
}
img.floatrightclear { 
float: right; 
clear: right; 
margin: 10px; 
}
#fontsizer {float: right; 
clear: right; 
margin: 5px; }

a {color:#003399;}
a:hover {color:#F0C56F;}
h1 {
font-size:14px;
margin-bottom: 0px;
}
h2 {
font-size:12px;
margin-bottom: 0px;
}
h2 a{
font-size:14px;
}

#container{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 766px;
height:auto;
}

#header{
background-image:url(images/header.jpg);
width: 766px;
height: 146px;
background-repeat:no-repeat;
float:left;
}

#site{
width: 729px;
border: 7px solid #FFFFFF;
border-bottom: none;
border-top: none;
float:left;
margin-left: 6px;
background-color: #D6D3CC;

}
html>body #site {
margin-left: 12px; 
}
#nav{
width: 729px;
height: 56px;
background-color:#c3beb8;
}
.sandcastle {
width: 160px;
height: 56px;
background-image:url(images/sandcastle.jpg);
float:left;
}
.cssnav1{
background: url(images/nav-home-over.jpg) no-repeat;
width: 69px;
height: 26px;
float: left;
}
.cssnav1 a {display: block;}
* html a:hover {visibility:visible;}
.cssnav1 a:hover img{visibility:hidden;}

.cssnav2{
background: url(images/nav-siestakey-over.jpg) no-repeat;
width: 115px;
height: 26px;
float: left;
}
.cssnav2 a {display: block;}
* html a:hover {visibility:visible;}
.cssnav2 a:hover img{visibility:hidden;}


.cssnav3{
background: url(images/nav-trolleytour-over.jpg) no-repeat;
width: 139px;
height: 26px;
float: left;
}
.cssnav3 a {display: block;}
* html a:hover {visibility:visible;}
.cssnav3 a:hover img{visibility:hidden;}

.cssnav4{
background: url(images/nav-thingstodo-over.jpg) no-repeat;
width: 129px;
height: 26px;
float: left;
}
.cssnav4 a {display: block;
}
* html a:hover {visibility:visible}
.cssnav4 a:hover img{visibility:hidden}

.cssnav5{
background: url(images/nav-realestate-overmj.jpg) no-repeat;
width: 110px;
height: 30px;
float: left;
}
.cssnav5 a {display: block;
}
* html a:hover {visibility:visible;}
.cssnav5 a:hover img{visibility:hidden;}


.cssnav6{
background: url(images/nav-accommodations-overmj.jpg) no-repeat;
width: 147px;
height: 30px;
float: left;
}
.cssnav6 a {display: block;}
* html a:hover {visibility:visible;}
.cssnav6 a:hover img{visibility:hidden;}

.cssnav7{
background: url(images/nav-management-over.jpg) no-repeat;
width: 111px;
height: 30px;
float: left;
}
.cssnav7 a {display: block;}
* html a:hover {visibility:visible;}
.cssnav7 a:hover img{visibility:hidden;}

.cssnav8{
background: url(images/nav-contact-overmj.jpg) no-repeat;
width: 83px;
height: 30px;
float: left;
}
.cssnav8 a {display: block;}
* html a:hover {visibility:visible;}
.cssnav8 a:hover img{visibility:hidden;}

.nav-side {
width: 117px;
height: 56px;
background-image:url(images/nav-side.jpg);
float: right;
}

#content{
background: url(images/beach.jpg);
background-repeat:no-repeat;
background-color: #D6D3CC;
width: 729px;
/*height: 400px;*/
}
.ad-top{
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
width: 562px;
text-align:center;
/*background-color:#FFFFFF;*/}

#textarea {
width:550px;
text-align: left;
background-color: #F1EBEB;
color: #000000;
margin-left: 10px;
float:left;
margin-top: 0px;
margin-bottom: 10px;
padding: 5px;
}
#rentalarea {
width:720px;
text-align: left;
background-color: #F1EBEB;
color: #000000;
/*margin-left: 10px;*/
float:left;
margin-top: 0px;
margin-bottom: 10px;
/*padding: 5px;*/
}
#textarea2 {
width:700px;
text-align: left;
background-color: #F1EBEB;
color: #000000;
margin-left: 10px;
float:left;
margin-top: 0px;
margin-bottom: 10px;
padding: 5px;
}
.text{
font-family: Verdana;
font-size: 10px;
color: #000000;
margin: 10px;
}
.text p{margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;}
.siestaimg{
margin: auto;
margin-top: 10px;
text-align:center;
}
.ad-right-240-120 {
width:120px;
height:240px;
background-color:#FFFFFF;
font-family: Tahoma;
font-size: 10px;
color: #000000;
float:right;
margin-right: 10px;
margin-bottom: 10px;
}
.ad-right-120-120 {
width:120px;
height:120px;
background-color:#FFFFFF;
font-family: Tahoma;
font-size: 10px;
color: #000000;
float:right;
margin-right: 10px;
margin-bottom: 10px;
}
.ad-right-60-120 {
width:120px;
height:60px;
background-color:#FFFFFF;
font-family: Tahoma;
font-size: 10px;
color: #000000;
float:right;
margin-right: 10px;
margin-bottom: 10px;
}
#footer {
width: 766px;
height: 92px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
margin-left: 1px;
}
#footer {
width:100%;
clear:both;
height:92px;
background-color: #104A7E;
text-align:center;
position:relative;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
}
* html #footer {/*only ie gets this style*/
\height:94px;/* for ie5 */
he\ight:92px;/* for ie6 */
}
#newfooter {margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 766px;
height:auto;}
#jobcite {
color:#CCCCCC;
font-size:9px;
}
#jobcite a{
color:#CCCCCC;
text-decoration:none;
}

.photo {
float: left; 
padding-right: 10px;
height: 131px; 
}

.photoborder {
border: 1px solid #FFFFFF;
}

#listing {
width: 734px;
background-color: #9B9068; 
text-align: left;
font-size:12px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 3px Solid #FFF;
border-bottom: 3px Solid #FFF;
}

.photo-detail { 
border: 3px solid #fff;
margin-bottom: 10px;
}

#picscroll {
	width:125px;
	height:300px;
	overflow : scroll;
	float:left;
}