body{
background-color:#baf2b7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

h3{
font-size:16px;}

h2{
font-size:16px;
}


#head{
width:100%;
float:left;
border-bottom-color:#0033CC;
border-bottom: 2px solid;
clear:both;
position:absolute;
left: 0px;
top: 1px;
}

#bann{
width:100%;
float:left;
border-bottom-color:#0033CC;
border-bottom: 2px solid;
clear:both;
position:absolute;
left: 0px;
top: 177px;
background-color:#339900;
color:#FFFFFF;
font-size:12px;
text-align:center;
padding-top:6px;
padding-bottom:6px;
}

#main{
font-family:Verdana, Arial, Helvetica, sans-serif;
width:90%;
float:left;
position:absolute;
left: 13px;
top: 220px;
color:#003300;
}

#main h4{
font-size:1.0em;
font-weight:bold;
margin:0;
}

#home{
width:40%;
float:left;
position:absolute;
left: 10px;
top: 220px;
}


#golf{
width:55%;
float:right;
position:absolute;
right: 10px;
top: 220px;
}


/* rounded corner apartment box
================================== */
.box {
width: 374px;
background: #CCFF99 url(images/mid.png) repeat-y;
color:#003300;

}

.box h3 {
background: url(images/top.png) no-repeat left top;
padding:20px 20px 0px 20px;
}

.box p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
padding: 0px 30px 0px 30px;
}

.box .last{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
background: url(images/bottom.png) no-repeat left bottom;
padding: 0px 0px 30px 30px;
}


/* big box rounded corner box
================================== */
.bigbox {
width: 520px;
background: #CCFF99 url(images/big.png) repeat-y;
color:#003300;

}

.bigbox h3 {
background: url(images/bigtop.png) no-repeat left top;
padding:20px 20px 0px 20px;
}

.bigbox p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
padding: 0px 30px 0px 30px;
}

.bigbox .last{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
background: url(images/bigbot.png) no-repeat left bottom;
padding: 0px 0px 35px 30px;
}

.bigbox img{
padding:5px;}

.alignLeft { float:left; padding-top:5px; margin-left:25px;}
.alignRight { float:right; margin-right:25px;}

#beach img{
float:right;
}

#wrap{
width:95%;
position:absolute;
left: 10px;
top: 220px;
}

#gallery{
width:98%;
position:absolute;
left: 10px;
top: 220px;
}



#left{
border:0;
float:left;
width:250px;
margin-left:15px;
}

#mid{
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:375px;
top: 200px;
margin-left:15px;
margin-right:15px;
color:#003300;
}

#right{
border:0;
float:right;
width:250px;
}

#mainNav{
margin:0;
padding:0;
list-style:none;
width:720px;
}

#mainNav li{
float:left;
}

#mainNav a{
display:block;
padding:0.2em;
line-height:2.1em;
text-decoration:none;
color:#CC0066;}



.navigation{
list-style: none;
margin: 0px;
padding: 0;

}

.navigation li{
list-style: none;
display: inline;
}

.navigation li a{
padding: 2px 0.5em;
text-decoration: none;
color:black;
background-color: #339900;
border: 4px solid #339900;
}

.navigation li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body ..navigation li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

table{
width: 100%;
border: 0;
background:#339900;
}

table th, table td{
margin:0;
padding:8px 20px;
text-align:center;
border-bottom:0;

}
table tr.alt{
background-color:#66CC66;
}

table caption{
margin:o;
padding:8px 20px;
text-align:left;
border:0;
background-color:#66CC66;}

#rates{
width:50%;
float:left;
position:absolute;
left: 10px;
top: 230px;
color:#003300;
}

#rightrates{
width:35%;
float:right;
position:absolute;
left: 610px;
top: 245px;
color:#003300;
}

#left image hover{
border:10 #FF0000;}


/* =Hoverbox Code
----------------------------------------------------------------------*/

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

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
display:none;
}

.hoverbox a:hover .preview
{
	display: block;
	position:fixed;
	top:240px;
	left:540px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
	
}

.hoverbox li
{

	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	width:300px;
	height:203px;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 3px;
	border-color:#FFCC33;
	border-style:outset;
	}

.show{
width:60%;
clear:left;
}