@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:	708px;
	margin-left:	auto;
	margin-right:	auto;
	display:block;
	padding: 0;
}

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

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

#rightbodybox
{
	float: right;
	/*width: 478px;*/
	width: 513px;
	height:424px;
	background-color:#FFFFFF;
	text-align:center;
	/*border: solid 1px #e6e7df;*/
	color: #7f7f7f;
	line-height: 18px;
	display:none;
}

#squares
{
	width:		90px;
	height:		65px;
	margin-left: 30px;
	margin-top:30px;
	margin-bottom:30px;
	position:relative;

}

#leftboxtitle
{
	margin-left:21px;
	margin-bottom:18px;
}

#aboutleftboxtitle
{
	margin-left:19px;
	margin-top:41px;
}

.titleimage
{
	margin-top: 14px;
	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:		708px;
	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;
}

#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; height:20px; background-color:#00527a; margin:0; padding:0; position:absolute; top:0; 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;
	font-weight:bold;
}

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

#topleft
{
	height:1px; 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; height:25px; 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:708px; float:left; margin-left:4px; margin-right:4px; padding:0;
}

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

#bottomleft
{
	height:74px; /*background-color:#e6eaef;*/ width:270px; float:left; text-align:center; padding:0; margin:0; /*background-image:url(../images/bottom_bg_trans.png);*/
}

#bottommiddle
{
	height:74px; width:708px; float:left; margin-left:4px; margin-right:4px; padding:0;
}

#bottomright
{
	height:74px; /*background-color:#e6eaef;*/ width:0px; float:left; padding:0; margin:0;  /*background-image:url(../images/bottom_bg_trans.png);*/
}

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

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    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;
}