html{
color:#484848;
background:#FFCC00;
margin-top:0;
margin-bottom:0;
margin:0;
}

body {
font-size:12px;
font-family: arial,helvetica,clean,sans-serif;
margin-top:0;
margin-bottom:0;
margin:0;
color:#484848;
}
html {
scrollbar-face-color:#78B6E5;
scrollbar-highlight-color:#FFCC00;
scrollbar-3dlight-color:#78B6E5;
scrollbar-darkshadow-color:#78B6E5;
scrollbar-shadow-color:#FFCC00;
scrollbar-arrow-color:#FFCC00;
scrollbar-track-color:#78B6E5;
}

body {
scrollbar-face-color:#78B6E5;
scrollbar-highlight-color:#FFCC00;
scrollbar-3dlight-color:#78B6E5;
scrollbar-darkshadow-color:#78B6E5;
scrollbar-shadow-color:#FFCC00;
scrollbar-arrow-color:#FFCC00;
scrollbar-track-color:#78B6E5;
}

a {
	text-decoration:none;
		color:#6F6F6F;
}
a:hover {
	text-decoration: underline;
		color:#FFCC00;
}
#wrap {
	width:900px;
	text-align:left;
	margin:0 auto;
	background:url("http://www.bokeelia-florida.com/images/bg3.jpg");
	border:2px solid #6F6F6F;
	height:100%;
}
.clear {
  clear: both;
}

#header { 
height:350px;  
}
#nav { 
top:275px; 
left:0px; 
background:url("../images/nav.jpg"); 
width:900px;
height:46px; 
line-height:46px; 
padding: 0 0 0 0px 
}
#nav li {
float:left;  
font-weight:700; 
width:100px;
list-style-position:inside;
list-style:none;
list-style-type:none; 
}
#nav a {
text-decoration:none; 
display:block; 
text-align:center;
}
#nav a:hover {
background:url("../images/nav_hover.jpg") 0px; 
}
.img-listings {
	padding:2px;
	border: 1px solid #FFFFFF;
	width: 130px;
	text-align:center;
	vertical-align:top;
}
.text-listings {
	padding:6px;
	border: 1px dotted #FFFFFF;
	width: 370px;
	text-align:left;
	vertical-align:top;
}
.table-listings {
	width: 520px;
	border: 1px dotted #FFFFFF;
}
.thumbnail{
position: relative;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span  {  
position: absolute;
background-color: #66CCFF;
padding: 2px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: #000000;
text-decoration: none;
width: 410px;
}

.thumbnail span img  {  
border-width: 0;
padding: 2px;
}

.thumbnail:hover span  {  
visibility: visible;
top:-150px;
left: 100px;  
}

#content {
 }
#text {
width:620px; 
}
#text h2 {
font-size:30px; 
padding-bottom:20px;
}
#text p img {
float:left; 
padding:0 20px 0 0;
}
#text a { 
color: #FFCC00;
}
#footer { 
background-image:url('../images/bluesky.jpg');
height:75px; 
width:100%;
text-align:center;
line-height:20px;
font-weight:bold;
}
.style1 {
	margin-left: 0px;
}

.style2 {
	font-weight: normal;
}
 
.style3 {
	font-size: x-large;
	font-family: "SF Slapstick Comic Shaded";
}
.style4 {
	color: #FF0000;
}
 
.style5 {
	font-size: large;
}
 
.style6 {
	border-width: 0px;
}
.style7 {
	text-align: center;
}

.me {
background-image:url('../images/bluesky.jpg');
height:20px; 
line-height:20px;
width:100%;
text-align:center;
font-weight: normal;
font-size:11px;
font-family:verdana;

}