body{
	background-color: #B0B8CB;
	text-align: center;
	margin: 0;
}

* {
margin: 0;
padding: 0;
}

p {
     padding: 4px 0px;
     font-family: verdana, arial, sans-serif;
     font-size: 12px;
}

ul{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	list-style-type: none;
}
 
.clearer{
	clear: both;
}

.red{
	color: #ba040c;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

#wrapper{
	width: 772px;
   	margin: 100px auto; 
   	background-color: #ffffff;
	border: 1px solid #264363;
	text-align: left;
}

#headerImage{
	position: relative;
	width: 770px;
	height: 200px;
   	background-image: url(images/headerNew.jpg);
   	background-position: right;
   	background-repeat: no-repeat;
   	background-color: #ffffff;
	border: 1px solid #264363;
}

#links{
	position: relative;
	top: 150px;
	width: 200px;
	left: 10px;
}

* html #links{
	position: relative;
	top: 5px;
	width: 200px;
}

#lotsBox{
	position: relative;
	float: left;
}

                                                /*INDEX STYLES*/

#frontimage{
	position: relative;
	width: 770px;
	height: 400px;
   	background-image: url(images/entry4.jpg);
   	background-repeat: no-repeat;
   	background-color: #B0B8CB;
	border: 1px solid #264363;
}

#leftcol{
	position: relative;
	float: left;
	width: 180px;
	padding: 5px 5px;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.indexLinkBox{
	position: relative;
	top: 15px;
	width: 170px;
	background-color: #264363;
	padding: 3px;
	text-align: left;
}

* html.indexLinkBox{
	position: relative;
	height: 200px;
	width: 170px;
	background-color: #264363;
	padding: 3px;
	text-align: left;
}

#linkContainer{
	position: relative;
	top: 50px;
	left: 10px;
	width: 215px;
	height: 375px;
	border: 1px dashed red;
}
                                              
                                              
#indexFooter{
	position: relative;
	width: 752px;
	height: 20px;
	background-color: #264363;
	font-family: helvetica, arial, sans-serif;
	color:#ffffff;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 10px;
}
                                              
                                              
* html #indexFooter{
	position: relative;
	width: 770px;
	height: 20px;
	background-color: #264363;
	font-family: helvetica, arial, sans-serif;
	color:#ffffff;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 10px;
}


#indexFooter a{
	font-family: helvetica, arial, sans-serif;
	color:#ffffff;
	font-size: 11px;
	text-decoration: underline;
}

.indexFooterLeft{
	position: relative;
	float: left;
	top:0px;
	padding-left: 10px;
	width: 48%;
}

.indexFooterRight{
	position: relative;
	float: right;
	padding-right: 15px;
	text-align: right;
}

                                              /*END INDEX STYLES*/
                                              
                                              
                                              
                                              
                                              /*FOOTER STYLES*/
                                              
                                              
#footer{
	position: relative;
	width: 772px;
	height: 10px;
	background-color: #FFE24F;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#000000;
	font-size: 10px;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}


#footer a{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#000000;
	font-size: 10px;
	text-decoration: underline;
}

.footerLeft{
	position: relative;
	float: left;
	height: 20px;
	padding-left: 15px;
	width: 345px;
}

.footerRight{
	position: relative;
	float: right;
	height: 20px;
	width: 345px;
	text-align: right;
	padding-right: 15px;
}
                                                          /*END FOOTER STYLES*/


#mapNav{
	position: relative;
	width: 100%;   
   	background-color: #B0B8CB;
	text-align: center;
	border-top: 1px solid #264363;
	border-bottom: 1px solid #264363;
}

#mapNav span{
	padding: 0px 30px;
}

.maptxt{
     font-family: verdana, arial, sans-serif;
     font-size: 12px;
     color: #264363;
     font-weight: bold;
 }

#mapsContainer{
	position: relative;
	width: 770px;
 }

#mapsContainer img{
	position: relative;
	float: left;
	padding-top: 15px;
 }

#mapsText{
	position: relative;
	width: 750px;
	padding: 10px;
	font-family: verdana, arial, sans-serif;
    font-size: 12px;
    color: #264363;
    font-weight: bold;
 }

#toLakeText{
	position: relative;
	float: right;
	width: 150px;
	font-family: verdana, arial, sans-serif;
    font-size: 10px;
    color: #264363;
    font-weight: bold;
 }

#mapback{
	position: relative;
	left: 250px;
	width: 300px;
    background-color: #264363;
 }


#maplinks{
	position: relative;
	top: -600px;
	left: 525px;
	width: 160px; 
	padding: 10px 15px;
   	background-color: #264363;
	text-align: left;
}

#maplinks2{
	position: relative;
	top: -1025px;
	left: 582px;
	width: 160px; 
	padding: 10px 15px;
   	background-color: #264363;
	text-align: left;
}

#content{
	position: relative;
	width: 100%; 
	text-align: left;
}

#lotPlanContent{
	position: relative;
	float: left;
	width: 360px;
	padding: 12px;
	background-color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000000; 
	text-align: left;
}

* html #lotPlanContent{
	position: relative;
	float: left;
	width: 385px;
	padding: 12px;
}

#saleCottage{
	position: relative;
	float: left;
	margin-top: 15px;
	width: 325px;
	padding: 12px;
	background-color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000000; 
	text-align: left;
	border: 5px dashed black;
}

* html #saleCottage{
	position: relative;
	float: left;
	width: 350px;
	padding: 12px;
	background-color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000000; 
	text-align: left;
	border: 5px dashed black;
}


#soldOut{
	position: relative;
	top: 10px;
	left: 10px;
	width: 170px;
	padding: 5px 15px;
     font-family: verdana, arial, sans-serif;
     font-size: 12px;
	color: #264363;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
}

#pricesContent{
	position: relative;
	width: 100%; 
	text-align: left;
	background-color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

#pricesColumnOne{
	position: relative;
	float: left;
	width: 150px;
	padding: 15px;
	margin-left: 30px;
}

#pricesColumnTwo{
	position: relative;
	float: left;
	width: 165px;
}

#pricesColumnThree{
	position: relative;
	float: left;
	width: 300px;
	padding: 15px;
	margin-left: 35px;
}

#pricesColumnFour{
	position: relative;
	float: left;
	width: 165px;
	margin-left: -160px;
}
	
                                          /*   NAVIGATION  */
	

#otherNav{
	position: relative;
	background-color: #264363;
	width: 772px;
	height: 25px;
}

.linkContainerMain{
	position: relative;
	float: left;
	height: 17px;
	padding: 3px 3px;
	border-right: 1px solid white;
}

.linkContainerMainLast{
	position: relative;
	float: left;
	height: 17px;
	padding: 3px 4px;
}

* html .linkContainerMain{
	position: relative;
	float: left;
	height: 17px;
	padding: 3px 3px;
	border-right: 1px solid white;
}

.linkContainerMain a{
	display: block;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#F0F4F7;
	font-size: 12px;
	padding: 0px 5px;
	text-decoration: none;
}

.linkContainerMainLast a{
	display: block;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#F0F4F7;
	font-size: 12px;
	padding: 0px 5px;
	text-decoration: none;
}	                                        
                                        
#linkContainerMain ul{
	list-style-type: none;
    background-color: transparent;
    z-index: 1000;
}                                        
                                        
#linkContainerMain li{
	padding: 5px;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}                                       
                                        
#linkContainerMain li a{
	text-decoration: none;
}                                       
                                        
#linkContainerMain li a:hover{
   	color: #ffffff;
	text-decoration: none;
} 

#linkContainerMain li:hover{
	text-decoration: none;
}

#dropmenudiv{
    position: absolute;
    width: 125px;
    margin-top: 25px;
    margin-left: -105px;
    padding-left: 10px;
	background-color: #264363;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
   	color: #ffffff;
	text-align: left;
	font-weight: bold;
	line-height: 18px;
	z-index:100;
}

#dropmenudiv a{
    width: 100%;
    display: block;
   	color: #ffffff;
    padding: 3px 0;
    text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
   	background-color: #264363;
   	margin-left: -10px;
   	padding-left: 10px;
   	color: #ffffff;
	text-decoration: none;
}

.phaseLinks{
	display: block;
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#000000;
	font-size: 16px;
	padding: 10px 15px;
	text-decoration: underline;
}

#otherNav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#otherNav ul li
{
display: block;
float: left;
text-align: center;
margin: 0;
}

#otherNav ul li a
{
width: 100px;
padding: 0;
color: #F0F4F7;
text-decoration: none;
display: block;
text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
font-weight: bold;
}

#otherNav ul li a:hover
{
	background-color: #B0B8CB;
	color: #264363;
}

a:hover{
	background-color: #B0B8CB;
	color: #264363;
}

#gcourseEntry{
	position: relative;
	width: 100%;
	height: 346px;
	background-image: url(images/pelicans.jpg);
	background-repeat: no-repeat;
}

#gcourseTxt{
	position: relative; 
	left: 565px; 
	width: 125px;
}

#headerImageDivOne{
	position: relative; 
	width: 400px;
	left: 10px; 
	top: 85px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #FFE87D;
}

#headerImageDivOne a{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFE87D;
	text-decoration: underline;
}

#areaContent{
	position: relative; 
	width: 100%;
    border-top: 2px solid #264363;
}

#leftImages{
	position: relative; 
	width: 100px;
}

#centerTxt{
	position: absolute;
	top: 25px;
	left: 175px; 
	width: 400px;
}

#rightImages{
	position: absolute; 
	top: 0px;
	left: 672px;
	width: 100px;
}

.area{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 11px;
	text-align: justify;
}
.captions{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 10px;
	text-align: left;
}
.contact{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 12px;
	text-align: center;
}
.emaillink{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 12px;
	text-decoration: underline;
}
.grant{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#000000;
	font-size: 10px;
}
.h1{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#000000;
	font-size: 13px;
	text-align: center;
}

.h1LeftDark{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 13px;
	text-align: left;
}
.h2{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 11px;
	text-align: center;
	padding: 40px 0px;
}
.h3{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#FFE87D;
	font-size: 18px;
	text-align: center;
	padding: 25px 0px;
}

.h3Left{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 18px;
	text-align: left;
	padding: 25px 0px;
}
.h4{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#264363;
	font-size: 14px;
	text-align: center;
}
ol{
	font-family: helvetica, arial, sans-serif;
	color:#000000;
	font-size: 12px;
	text-align: left;
	padding: 25px;
}
.info{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#1C324B;
	font-size: 14px;
}
.smalllink{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#F0F4F7;
	font-size: 12px;
	text-decoration: none;
}


                                                 /* 	PHOTO GALLERY  */
   
   /* The containing box for the gallery. */
#container {
    background: #B0B8CB url(images/gallery/acrossLake.jpg) 25px 75px no-repeat;
    position: relative;  
    width: 772px; 
    height: 450px; 
    margin: 0px auto 0 auto;  
    }
    
    /* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
    
    /* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */

#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }

#container a.slidea {
    background:url(images/gallery/thumbs/gcourseentry.jpg);  
    height: 58px; 
    width:93px;
    }
#container a.slideb {
    background:url(images/gallery/thumbs/golf.jpg);  
    height: 58px; 
    width:93px;
    }
#container a.slidec {
    background:url(images/gallery/thumbs/canal1.jpg);  
    height: 58px; 
    width:93px;
    }
#container a.slided {
    background:url(images/gallery/thumbs/acrossLake.jpg); 
    height: 58px; 
    width:93px;
    }
    
#container a.slidee {
    background:url(images/gallery/thumbs/pelicans.jpg); 
    height: 58px; 
    width:93px;
    }
#container a.slidef {
    background:url(images/gallery/thumbs/phaseTwo.jpg); 
    height: 58px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container a.slideg {
    background:url(images/gallery/thumbs/shoreLine.jpg); 
    height: 58px; 
    width:93px;
    }
#container a.slideh {
    background:url(images/gallery/thumbs/beachFun.jpg);
    height: 58px; 
    width:93px;
    }
#container a.slidei {
    background:url(images/gallery/thumbs/boatDock.jpg); 
    height: 58px; 
    width:93px;
    }
#container a.slidej {
    background:url(images/gallery/thumbs/waterTracks.jpg);
    height: 58px; 
    width:93px;
    }
#container a.slidek {
    background:url(images/gallery/thumbs/grassShore.jpg); 
    height: 58px; 
    width:93px;
    }
* html #container a.slidek {
    width:91px; 
    w\idth:93px;
    }
    
#container a.slidel {
    background:url(images/gallery/thumbs/beachDock.jpg); 
    height: 58px; 
    width:93px;
    }
/*    
#container a.slidem {
    background:url(images/gallery/thumbs/newCabin.jpg); 
    height: 58px; 
    width:93px;
    }
    
#container a.sliden {
    background:url(images/entrance.jpg); 
    height: 58px; 
    width:93px;
    }
    
#container a.slideo {
    background:url(images/gallery/thumbs/waterView.jpg); 
    height: 58px; 
    width:93px;
    }
    
#container a.slidep {
    background:url(images/toCottages.jpg); 
    height: 58px; 
    width:93px;
    }
    
#container a.slideq {
    background:url(images/waterEdge.jpg); 
    height: 58px; 
    width:93px;
    }
    
#container a.slider {
    background:url(images/toAcross.jpg); 
    height: 58px; 
    width:93px;
    }
/*    
    
    /* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:300px; 
    height:356px;
    padding-top: 48px;
    }
#container li {
    float:left;
    }
    
    /* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:right;
    }
    
    /* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
    
    /* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:400px; 
    height:300px; 
    top: 75px; 
    left:25px; 
    color:#000; 
    background:#B0B8CB;
    }
    
.smalllink{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color:#F0F4F7;
	font-size: 12px;
	text-decoration: none;
}
a:hover{
	background-color: #B0B8CB;
	color: #264363;
}

                                                                    /*FINANCING*/
                                                                    
#financing{
	padding: 15px;
}