@charset "utf-8";
/* CSS Document */
html {
overflow: auto;
}

body {
	background-color:	#E9E6DE;
	text-align:center;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

.content {
	position: 		relative;
	z-index:		2;
	width: 			100%;
	height:			100%;
	text-align:		center;
}

#scalableImage {
	position:	absolute;
	z-index:	1;
	top:		0px;
	left:		0px;
	height: 	100%;
	width:		100%;
	overflow:	hidden;
}

#backgroundImage {
	width:	100%;
	height:	100%;
	
}

#bodybox
{
	width:	1170px;
	margin-left:	auto;
	margin-right:	auto;
	display:block;
	padding: 0;
}
#bodybox1
{
	width:	1110px;
	margin-left:	auto;
	margin-right:	auto;
	display:block;
	padding: 0;
}

#slideshowbox
{
	width:	650px;
	height: 424px;
	margin-left:	auto;
	margin-right:	auto;
	background-color:#FFFFFF;
	display: none;
	padding: 0;
}

#slideshow
{
width:	707px;
}


#leftbodybox
{
	float:left;
	/*width: 222px;*/
	width: 260px;;
	
	height:424px;
	/*background-color:#e6f0f8;*/
	text-align:left;
	display:none;
}
#leftbodybox1
{
	float:left;
	/*width: 222px;*/
	width: 500px;;
	
	height:500px;
	/*background-color:#e6f0f8;*/
	text-align:left;
	display:none;
}

#middlebodybox
{
	float: left;
	/*width: 478px;*/
	width: 650px;
	height:424px;
	
	/*background-color:#FFFFFF;*/

	text-align:left;
	background-image:url(../images/bg.png);
	/*border: solid 1px #e6e7df;*/
	color: #000000;
	line-height: 18px;
	display:none;
	
}
#middlebodybox1
{
	float: left;
	/*width: 478px;*/
	width: 450px;
	height:500px;
	/*background-color:#FFFFFF;*/

	text-align:left;
	background-image:url(../images/bg.png);
	/*border: solid 1px #e6e7df;*/
	color: #000000;
	line-height: 18px;
	display:none;
	
}


#rightbodybox
{
float:right;
	/*width: 222px;*/
	width: 260px;
	height:424px;
	/*background-color:#e6f0f8;*/
	text-align:right;
	display:none;
}
#rightbodybox1
{
float:right;
	/*width: 222px;*/
	width: 260px;
	height:424px;
	/*background-color:#e6f0f8;*/
	text-align:right;
	display:none;
}

#scrolldiv {
position:absolute; 
width: 620px;
height: 370px;
 overflow:auto;
 position: relative;
/*background-color: #E7EADE; */
margin: 0.3em auto;
padding: 15px;
scrollbar-base-color: #3E695E !important;
scrollbar-arrow-color: #FFFFFF !important;
scrollbar-DarkShadow-Color: #3E695E !important;
}
#scrolldiv1 {
position:absolute; 
width: 420px;
height: 470px;
 overflow:auto;
 position: relative;
/*background-color: #E7EADE; */
background-image:url(../images/bg.png);
margin: 0.3em auto;
padding: 15px;
scrollbar-base-color: #3E695E !important;
scrollbar-arrow-color: #FFFFFF !important;
scrollbar-DarkShadow-Color: #3E695E !important;
}
#squares
{
	width:		90px;
	margin-left: 30px;
	position:relative;

}

#leftboxtitle
{
	margin-left:21px;
}

#aboutleftboxtitle
{
	margin-left:19px;
}

.titleimage
{
	margin-bottom: 10px;
}

#viewphotostab
{
	width:  		132px;
	height:			23px;
	/*margin-bottom:	4px;*/
	position: absolute;
	left:0; top:0;
	/*float:left;*/
	display: block;
	cursor:pointer;
	padding: 0;
	display:none;
}

#viewcontenttab
{
	width:  		132px;
	height:			23px;
	/*margin-bottom:	4px;*/
	position: absolute;
	left:0; top:0;
	/*float:left;*/
	display: none;
	cursor: pointer;
	padding: 0;
}

.realestateopportunites
{
	position: absolute;
	bottom:10px;
	text-align:right;
	width:100%;
}

#menu
{
	display: inline;
	clear:both;
	width:		740px;
	/*height:		51px;  */
	margin-left:	auto;
	margin-right:	auto;
	padding:0;
}

.mainmenubutton
{
	display: inline-block;
	background-image:url(../images/bottom_bg_trans.png);
}

.mainmenubutton:hover
{
	background-color: #fff;
}

#logo
{
	clear:both;
	width:		199px;
	height:		48px;
	margin-left:	auto;
	margin-right:	auto;
	top:30px;
	position:relative;
	z-index:3;
}

#navlinks
{
	margin-left:21px;
}

.clear
{
	clear:both; width:100%; height:0px;
}

#contenttop
{
	display:block;
}

#bottom
{
	/*height:74px; 
	margin-top:4px;*/
	margin-left:	auto;
	margin-right:	auto;
	display:block;
	/*padding: 0;*/
	width:740px;
}

#bottommenu
{
	width:708px; 
	/*height:20px;  */
	 background-color:#006699; margin-left:auto; margin-right:auto;
	 /*margin-top:4px; */
	 position:relative; vertical-align:middle;
}

#bottomenu a
{
	color:white; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; cursor:pointer;
}

#bottommenuright
{
	float: right; width:143px;  background-color:#00527a;  padding:0; position:absolute;  right:0; text-align:center; vertical-align:middle;
}

.bottommenuleftlink
{
	float:left;
	margin-left:12px;
	color:white; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; cursor:pointer; letter-spacing:1px;
}

.bottommenurightlink
{
	color:white; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; cursor:pointer;letter-spacing:1px;
}

#topleft
{
	 width:270px; float:left; text-align:center; padding:0; margin:0;
}

#topmiddle
{
	width:708px; float:left; text-align:left; margin-left:4px; margin-right:4px; padding:0;  position:relative;
}

#topright
{
	width:0px; float:left; text-align:center; padding:0; margin:0;
}

#middleleft
{
	height:424px; width:270px; float:left; text-align:center; padding:0; margin:0;
}

#middlemiddle
{
	height:424px; width:740px; float:left; margin-left:4px; margin-right:4px; padding:0;
}

#middleright
{
	height:424px; width:0px; float:left; padding:0; margin:0;
}

#bottomleft
{
	width:220px; float:left; padding:0; margin:0;
	
}

#bottommiddle
{
	width:740px; float:left; padding:0;
}

#bottomright
{
	width:0px; float:left; padding:0; margin:0;
}

/* CODA SLIDER STYLES */
#wrapper {
    width: 708px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 0px;
}

h2 {
    margin: 0;
   
    padding: 0;
}

#slider {
   /* width: 620px;*/
   	width: 513px;
    margin: 0 auto;
    position: relative;
	display:none;
}

.scroll {
    /*height: 250px;
    width: 620px;*/
	width: 513px;
	height:424px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF scroll left bottom;
}

.scrollContainer div.panel {
    padding: 0px;
    /*height: 210px;
    width: 580px;*/
	width: 513px;
	height:424px;
	text-align:left;
	position:relative;
}

.scrollContainer div.titleandtext
{
	padding: 0px 20px;
	font-weight:normal;
}


ul.navigation {
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	text-align:left;
	line-height: 25px;
	
}

ul.navigation li {
    /*display: inline;*/
    margin-right: 10px;
}

ul.navigation a, ul.navigation a:visited {
    /*padding: 10px;*/
    color:#4c78ab;
    text-decoration: none;
	cursor:pointer;
}

ul.navigation a:hover, ul.navigation a:active, ul.navigation a.selected {
   cursor:pointer;
   text-decoration:underline;
   font-weight:bold;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}

/* Subpage scrolling */

/* outmost wrapper element */
#scrollable {
	background-color:#efefef;
	border:1px solid #ddd;
	padding:10px 8px;
	width:100%;
}

/* container for the scrollable water items */
div.wateritems {		
	float:left;
	width:100%;
	height:	205px;
}

/* single water item */
div.wateritems div {
	display:block;
	float:left;
	width:473px;
	height:205px;
	text-decoration:none;
	text-align:left;
	position:relative;
}

/* container for the scrollable land items */
div.landitems {		
	float:left;
	width:100%;
	height:	135px;
}

/* single land item */
div.landitems div {
	display:block;
	float:left;
	width:473px;
	height:135px;
	text-decoration:none;
	text-align:left;
	position:relative;
}

/* container for the scrollable yacht items */
div.yachtitems {		
	float:left;
	width:100%;
	height:	135px;
}

/* single yacht item */
div.yachtitems div {
	display:block;
	float:left;
	width:473px;
	height:135px;
	text-decoration:none;
	text-align:left;
	position:relative;
}

/* container for the scrollable resort items */
div.resortitems {		
	float:left;
	width:100%;
	height:	135px;
}

/* single resort item */
div.resortitems div {
	display:block;
	float:left;
	width:473px;
	height:135px;
	text-decoration:none;
	text-align:left;
	position:relative;
}

/* container for the scrollable equestrian items */
div.equestrianitems {		
	float:left;
	width:100%;
	height:	161px;
}

/* single equestrian item */
div.equestrianitems div {
	display:block;
	float:left;
	width:473px;
	height:161px;
	text-decoration:none;
	text-align:left;
	position:relative;
}

/* container for the scrollable dream items */
div.dreamitems {		
	float:left;
	width:100%;
	height:	135px;
}

/* single dream item */
div.dreamitems div {
	display:block;
	float:left;
	width:473px;
	height:135px;
	text-decoration:none;
	text-align:left;
	position:relative;
}

div.wateritems .prevnextcontainer, div.landitems .prevnextcontainer, div.yachtitems .prevnextcontainer,  div.resortitems .prevnextcontainer, div.equestrianitems .prevnextcontainer, div.dreamitems .prevnextcontainer
{	
	width:125px;
	height:19px;
	position:absolute;
	left: 0px;
	bottom:0px;
	vertical-align:bottom;
}

/* next / prev buttons */
a.waterprev, a.waternext, a.landprev, a.landnext, a.yachtprev, a.yachtnext, a.resortprev, a.resortnext, a.equestrianprev, a.equestriannext, a.dreamprev, a.dreamnext {
	display:block;
	float:left;
	width:61px;
	height:19px;
	cursor:pointer;
}

a.waterprev, a.landprev, a.yachtprev, a.resortprev, a.equestrianprev, a.dreamprev {
	background:url(../images/back_off.gif);		
}

a.waterprev:hover, a.landprev:hover, a.yachtprev:hover, a.resortprev:hover, a.equestrianprev:hover, a.dreamprev:hover {
	background:url(../images/back_off.gif);		
}

a.waternext, a.landnext, a.yachtnext, a.resortnext, a.equestriannext, a.dreamnext {
	background:url(../images/next_off.gif);		
}

a.waternext:hover, a.landnext:hover, a.yachtnext:hover, a.resortnext:hover, a.equestriannext:hover, a.dreamnext:hover {
	background:url(../images/next_off.gif);		
}

.pics { height: 424px; width: 708px; padding:0; margin:0; overflow: hidden }
.pics img { height: 424px; width: 708px; padding: 0; background-color: #eee; top:0; left:0 }

#slidenavcontainer
{
	background-color: #fff;
	width:554px;
	height:21px;
	/*float:left;*/
	/*margin-left: 22px;*/
	display: none;
	/*margin-top: 2px;*/
	position: absolute;
	left:154px; top:2px;
}

#slidenavinnercontainer
{
	width:460px;
	float:left;
	text-align: center;
	margin-top:2px;
}

.slidenav {font-family:Arial, Helvetica, sans-serif; color:white; font-size:10px;}
#slidenav a {text-align:center; text-decoration: none; font-family:Arial, Helvetica, sans-serif; color:white; height:19px; width:15px; display:inline-block;}
#slidenav a.activeSlide {font-family:Arial, Helvetica, sans-serif; color:white; background-image:url(../images/active_pic_bg.gif); background-position:bottom center; background-repeat:no-repeat; height:19px; width:15px; display:inline-block;}
#slidenav a:focus { outline: none; font-family:Arial, Helvetica, sans-serif; color:white;}

#prevslide
{
	float:left; width: 44px; height: 7px; margin-left:2px; margin-top:5px; cursor:pointer;
}

#nextslide
{
	float:right; width: 42px; height: 7px; margin-right:2px; margin-top:5px; cursor:pointer;
}

.style1 {color: #660000}
.style2 {
	color: #003333;
	font-weight: bold;
	font-size: 14px;
}
.style4 {color: #744C13; font-weight: bold; }
 .style5 {color: #330000}

.style7 {
	color: #003300;
	font-weight: bold;
}
.style7 a{
	color: #003300;
	font-weight: bold;
	
}
.style7 a:hover{
	color: #491002;
}
style7 a:active{
	color: #003300;
}
style7 a:visited{
	color: #003300;
}

.style8 {
	color: #330000;
	font-weight: bold;
	font-size: 16px;
}

.style7i {
	color: #540803;
	font-weight: bold;
}
.style7i a{
	color: #540803;
	font-weight: bold;
	
}
.style7i a:hover{
	color: #443C13;
}
style7i a:active{
	color: #540803;
}
style7i a:visited{
	color: #540803;
}

.style7ii {
	color: #012E43;
	font-weight: bold;
}
.style7ii a{
	color: #012E43;
	font-weight: bold;
	
}
.style7ii a:hover{
	color: #491002;
}
style7ii a:active{
	color: #012E43;
}
style7ii a:visited{
	color: #012E43;
}

.style7iii {
	color: #784202;
	font-weight: bold;
}
.style7iii a{
	color: #784202;
	font-weight: bold;
	
}
.style7iii a:hover{
	color: #491002;
}
style7iii a:active{
	color: #784202;
}
style7iii a:visited{
	color: #784202;
}
.style7iv {
	color: #550235;
	font-weight: bold;
}
.style7iv a{
	color: #550235;
	font-weight: bold;
	
}
.style7iv a:hover{
	color: #491002;
}
style7iv a:active{
	color: #550235;
}
style7iv a:visited{
	color: #550235;
}
.style7v {
	color: #6F0404;
	font-weight: bold;
}
.style7v a{
	color: #6F0404;
	font-weight: bold;
	
}
.style7v a:hover{
	color: #491002;
}
style7v a:active{
	color: #6F0404;
}
style7v a:visited{
	color: #6F0404;
}
.style7vi {
	color: #033A5D;
	font-weight: bold;
}
.style7vi a{
	color: #033A5D;
	font-weight: bold;
	
}
.style7vi a:hover{
	color: #491002;
}
style7vi a:active{
	color: #033A5D;
}
style7vi a:visited{
	color: #033A5D;
}

.style9 {
	color: #330000;
	font-weight: bold;
	font-size: 14px;
}