body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:0.5px;
	color:#333333;
	line-height:19px;
}

HTML * {   margin: 0;   padding: 0; } 

a {
	font-size: 11px;
	color: #0099CC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a:active {
	text-decoration: none;
}

.fatLink a {
	font-size: 10px;
	color: #0099CC;
}
.fatLink a:link {
	text-decoration: none;
}
.fatLink a:visited {
	text-decoration: none;
}
.fatLink a:hover {
	text-decoration: underline;
	color: #999999;
}
.fatLink a:active {
	text-decoration: none;
}

.largeFont a {
	font-size: 14px;
	color: #0099CC;
}
.largeFont a:link {
	text-decoration: none;
}
.largeFont a:visited {
	text-decoration: none;
}
.largeFont a:hover {
	text-decoration: underline;
	color: #999999;
}
.largeFont a:active {
	text-decoration: none;
}


.smallGrey a {
	font-size: 10px;
	color: #0099CC;
}
.smallGrey a:link {
	text-decoration: none;
}
.smallGrey a:visited {
	text-decoration: none;
}
.smallGrey a:hover {
	text-decoration: underline;
	color: #999999;
}
.smallGrey a:active {
	text-decoration: none;
}

.moreInfo{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.moreInfo a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099CC;
}
.moreInfo a:link {
	text-decoration: none;
}
.moreInfo a:visited {
	text-decoration: none;
}
.moreInfo a:hover {
	text-decoration: underline;
	color: #999999;
}
.moreInfo a:active {
	text-decoration: none;
}

/* POSITIONING */

#containWeb {
    width:100%;
    text-align:center;
    margin:0;
    padding:0;
    }

#container {
	width:748px;
	margin: 0 auto;
	text-align: left;
	}

#topNav{
	float:left;
	width:748px;
	height:100px;
	text-align:left;
	border-bottom: 1px solid #cccccc;
	}

#imageBanner{
	float:left;
	width:746px;
/*	height:180px; */
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}

#imageBannerSurf{
	float:left;
	width:746px;
	height:180px;
	text-align:center;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-image:url(http://www.acornpropertygroup.org/prebrochure/images/surfing_pic.jpg);
	background-repeat:no-repeat;
	}

#imageBanner-avail{
	float:left;
	width:746px;
	height:180px;
	text-align:center;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-image:url(http://www.acornpropertygroup.org/coastporthbeach/images/availability_longpic.jpg);
	background-repeat:no-repeat;
	}

#imageBannerOut{
	float:left;
	width:746px;
	height:180px;
	text-align:center;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-image:url(http://www.acornpropertygroup.org/prebrochure/images/walking_pic.jpg);
	background-repeat:no-repeat;
	}
	
#picText{
	width:348px;
	height:250px;
	text-align:left;
	margin:30px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#picText2{
	width:320px;
	height:250px;
	text-align:left;
	margin:30px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#indexLeft{
	float:left;
	width:386px;
	height:300px;
	text-align:left;
	border-left: 1px solid #999999;
	}
	
#indexRight{
	float:left;
	width:360px;
	height:300px;
	text-align:left;
	border-right: 1px solid #999999;
	}
	
#galleryLeft{
	float:left;
	width:746px;
	height:614px;
	text-align:left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
#galLeftText{
	width:700px;
	height:550px;
	text-align:left;
	margin:30px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#surfingLeft{
	float:left;
	width:386px;
	height:364px;
	text-align:left;
	border-left: 1px solid #999999;
	}
	
#surfingRight{
	float:left;
	width:360px;
	height:364px;
	text-align:left;
	border-right: 1px solid #999999;
	}
	
#surfText{
	width:328px;
	height:250px;
	text-align:left;
	margin:30px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#surfTextRt{
	width:328px;
	height:250px;
	text-align:left;
	margin:140px 20px 20px 0px;
	z-index:10;
	font-size:12px;
	}
	
#travelLeft{
	float:left;
	width:426px;
	height:450px;
	text-align:left;
	border-left: 1px solid #999999;
	}
	
#travelRight{
	float:right;
	width:300px;
	height:450px;
	text-align:left;
	border-right: 1px solid #999999;
	}
	
#travLeftText{
	width:400px;
	height:320px;
	text-align:left;
	margin:20px;
	z-index:10;
	font-size:12px;
	}
		
#contactLeft{
	float:left;
	width:286px;
	height:450px;
	text-align:left;
	border-left: 1px solid #999999;
	}
	
#conLeftText{
	width:240px;
	height:320px;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	z-index:10;
	font-size:12px;
	}
	
#contactRight{
	float:left;
	width:460px;
	height:450px;
	text-align:left;
	border-right: 1px solid #999999;
	}
	
#conRightText{
	width:300px;
	height:320px;
	text-align:left;
	margin-top:60px;
	z-index:10;
	font-size:10px;
	}
	
#thxRightText{
	width:350px;
	height:320px;
	text-align:left;
	margin-top:60px;
	z-index:10;
	font-size:12px;
	font-weight:bold;
	}
	
#plansLeftAlt{
	float:left;
	width:746px;
	height:450px;
	text-align:left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
#plansLeftTextAlt{
	width:700px;
	height:350px;
	text-align:left;
	margin:20px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#plansLeft{
	float:left;
	width:316px;
	height:450px;
	text-align:left;
	border-left: 1px solid #999999;
	}
	
#plansRight{
	float:left;
	width:430px;
	height:450px;
	text-align:left;
	border-right: 1px solid #999999;
	}

div.plans {
	width: 400px;
	margin: 20px 0 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #999;
	}
	
#plansLeftText{
	width:278px;
	height:350px;
	text-align:left;
	margin:20px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#plansRightText{
	width:400px;
	height:400px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:20px 0px 20px 20px;
	z-index:10;
	overflow:auto;
	}
		
.plansSmBox{
	float:left;
	clear:both;
	width:365px;
	text-align:left;
	margin:20px 10px 20px 0px;
	z-index:10;
	padding-bottom:15px;
	padding-left:5px;
	border-bottom: 1px dashed #999999;
	}
	
#tempLeft{
	float:left;
	width:386px;
	height:350px;
	text-align:left;
	border-left: 1px solid #999999;
	}
	
#tempTextLt{
	float:left;
	width:360px;
	height:350px;
	text-align:left;
	border-right: 1px solid #999999;
	}
	
#tempText{
	width:328px;
	height:250px;
	text-align:left;
	margin:30px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#tempTextRt{
	width:328px;
	height:250px;
	text-align:left;
	margin:126px 20px 20px 0px;
	z-index:10;
	font-size:12px;
	}

#logoBlock{
	float:right;
	margin-bottom:347px;
	height:93px;
	}
	
#logoBlock a{
	background:none;
	}

#logoBlock a:hover{	
	display: block;
	height: 93px;
	background:#ffffff;
	}
	
#infoBlock{
	float:left;
	width:746px;
	height:200px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #cccccc;
	line-height:16px;
	color:#666666;
	}

#ibOne{
	float:left;
	width:220px;
	margin:15px;
	font-size:11px;
	}

#ibTwo{
	float:left;
	width:220px;
	height:185px;
	padding-left:15px;
	padding-top:15px;
	font-size:11px;
	border-left: 1px solid #CCCCCC;
	}

#ibThree{
	float:right;
	width:224px;
	height:185px;
	margin-right:15px;
	padding-left:15px;
	padding-top:15px;
	font-size:11px;
	border-left: 1px solid #CCCCCC;
	line-height:15px;
	}
	
#specMain{
	float:left;
	width:746px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
	
#specTop{
	float:left;
	width:700px;
	text-align:left;
	margin:20px;
	}

.specLeft{
	float:left;
	width:340px;
	margin-right:20px
	}

.specRight{
	float:right;
	width:340px;
	}
	
.specBox{
	width:328px;
	margin-bottom:10px;
	text-align:left;
	font-size:10px;
	}
	
.nextBack{
	width:300px;
	margin:10px;
	text-align:right;
	font-size:12px;
	}

.fatLink{
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	}
	
/* TEXT */

.mainTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:15px;
	letter-spacing:1px;
	line-height:20px;
	background-image:url(../images/pearl_brand.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}

.mainTitleTwo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:15px;
	letter-spacing:1px;
	line-height:20px;
	background-image:url(../images/pearl_brand.png);
	background-repeat:no-repeat;
	background-position:right;
	}

.subTitle{
	font-size:10px;
	font-weight:bold;
	}
	
.travelTable{
	margin-top:40px;
	}

.travelTable td{
	padding:2px;
	}

.plansTable{
	font-size:10px;
	line-height:17px;
	}

.plansTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:10px 30px 15px 30px;
	letter-spacing:1px;
	line-height:20px;
	background-image:url(../images/pearl_brand.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}

.closeWin{
	background-color:#999999;
	color:#FFFFFF;
	}

.closeWin:hover{
	background-color:#cccccc;
	color:#999999;
	}

.titleBold{
	font-weight:bold;
	font-size:11px;
	line-height:18px;
	}
	
.largeFont{
	font-size: 14px;
	}


.smallCon { font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; font-size: 10px; line-height:14px; padding-left:2px;}

.smallGrey { font-family: Helvetica, Arial, Verdana, sans-serif; color: #666; font-size: 10px; line-height:14px;}

.whiteText{
	color:#ffffff;
	}
	
/* Form css */
.border { border:1px solid #000; background-color: #FFFFFF; font-size: 10px; color: #333333; margin-top: 1px; margin-right:2px;}
.greyBorder { border:1px solid #ffffff; background-color: #999999; font-size: 10px; color: #ffffff; margin-top: 2px; margin-right:9px;}
INPUT,TEXTAREA { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; }
/* End of Form css */


/* List css */
.specBox ul { position:relative;}
	
.specBox li { line-height: 14px; font-size:9px; margin-left:15px; margin-bottom:0px; list-style-type:square;}
/* End of List css */


/* Image css */
.nameSpace{padding-bottom:15px;}

.imageLeftBorder{
	border-left: 1px #FFFFFF solid;
	}

.imageRightBorder{
	border-right: 1px #FFFFFF solid;
	}

.imageRight{
	padding-right: 20px;
	}
/* End of Image css */

/* MISC */
.brochureDL{
	border:1px #0099CC solid;
	padding:3px;
	font-weight:bold;
	}
	
	

/* prices */
	
	
#pricesDouble{
	float:left;
	width:746px;
	height:360px;
	text-align:left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
#pricesText{
	width:708px;
	height:250px;
	text-align:left;
	margin:10px 20px 20px 20px;
	z-index:10;
	font-size:12px;
	}
	
#picTextPrices{
	width:704px;
	text-align:left;
	margin:10px 0px 20px 0px;
	z-index:10;
	font-size:10px;
	}
	
#pricesMain{
	float:left;
	width:708px;
	height:300px;
	text-align:left;
	overflow:auto;
	}
		
.priceTable td{
	padding:3px;
	}
	
.plotTitle {
	background-color:#666666;
	color: #FFFFFF;
	font-size:11px;
	padding:3px;
	}

.availableStatus{
	font-weight:bold;
	color:#009900;
	}
.reservedStatus{
	font-weight:bold;
	color:#CC0000;
	}
.soldStatus{
	font-weight:bold;
	color:#CC0000;
	}
.soldGrey{
	color:#cccccc;
	}
/* --- */