@charset "utf-8";
/* CSS Document */

.banner {
	clear: none;
	height: 83px;
	width: 858px;
	background-image: url(images/banner-bck.png);
}
.content {
	background-image: none;
	height: 426px;
	width: 858px;
}
.content-left {
	background-image: url(images/content-left.gif);
	float: left;
	height: 426px;
	width: 27px;
}

.footer {
	background-image: url(images/footer-bck.png);
	height: 141px;
	width: 858px;
	clear: both;
}
.footer-left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	float: left;
	margin-top: 36px;
	margin-left: 24px;
}
.footer-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	float: right;
	margin-top: 36px;
	margin-right: 28px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC3300;
	text-decoration: none;
}
.navigation {
	float: left;
	width: 850px;
	margin-top: 16px;
	margin-left: 4px;
	background-image: url(images/navbar.png);
	height: 33px;
}
.home-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 76px;
	margin-top: 4px;
}
.about-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 80px;
	margin-top: 4px;
}
.about-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 80px;
	margin-top: 4px;
}
.properties-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 136px;
	margin-top: 4px;
}
.mls-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 62px;
	margin-top: 4px;
}
.milestones-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 145px;
	margin-top: 4px;
}
.tips-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 64px;
	margin-top: 4px;
}
.contact-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 105px;
	margin-top: 4px;
}
.newconstr-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	float: left;
	width: 180px;
	margin-top: 4px;
}
.newconstr-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 180px;
	margin-top: 4px;
}
.contact-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 105px;
	margin-top: 4px;
}
.tips-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 64px;
	margin-top: 4px;
}
.milestones-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 145px;
	margin-top: 4px;
}
.mls-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 62px;
	margin-top: 4px;
}
.properties-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 136px;
	margin-top: 4px;
}

.home-btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	float: left;
	width: 76px;
	margin-top: 4px;
}
body {
	background-image: url(images/background.png);
	background-position: top;
	background-repeat: repeat;
	background-color: #000066;
}
.main {
	margin-top: 0px;
	background-position: top;
}
.content-center {
	float: left;
	height: 426px;
	width: 804px;
}
.content-right {
	background-image: url(images/content-right.gif);
	background-repeat: no-repeat;
	float: right;
	height: 426px;
	width: 27px;
}

.about-main-photo {
	float: left;
	height: 427px;
	width: 803px;
	background-image: url(images/about-photo.jpg);
}
.properties-main-photo {
	float: left;
	height: 426px;
	width: 803px;
	background-image: url(images/properties-photo.jpg);
}
.mls-main-photo {
	float: left;
	height: 427px;
	width: 803px;
	background-image: none;
}
.milestones-main-photo {
	float: left;
	height: 427px;
	width: 802px;
	background-image: url(images/milestones-photo.jpg);
}
.contact-main-photo {
	float: left;
	height: 427px;
	width: 803px;
	background-image: url(images/contact-photo.jpg);
}
.yachts-main-photo {
	float: left;
	height: 427px;
	width: 803px;
	background-image: none;
}
.construction-left-content {
	float: left;
	height: 313px;
	width: 400px;
	margin-top: 24px;
	margin-left: 12px;
}

.tips-main-photo {
	float: left;
	height: 427px;
	width: 803px;
	background-image: url(images/tips-photo.jpg);
}
.about-content {
	float: right;
	height: 300px;
	width: 292px;
	margin-top: 54px;
	margin-right: 34px;
}
.about-title-bar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	text-decoration: none;
	background-image: url(images/about-title-bar.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 12px;
	font-weight: bold;
}
.about-title-content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-image: url(images/about-bck.gif);
	height: 300px;
	width: 288px;
	float: left;
	margin-left: 1px;
}
.about-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	float: left;
	height: 278px;
	width: 265px;
	margin-top: 12px;
	overflow: auto;
	line-height: 14px;
	margin-left: 14px;
}
.properties-main-content {
	float: left;
	height: 400px;
	width: 776px;
	margin-left: 12px;
	margin-top: 8px;
}
.properties-content {
	float: left;
	height: 401px;
	width: 288px;
	background-image: url(images/properties-bck-table.png);
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-left: 12px;
}
.properties-scroll {
	overflow: auto;
	height: 373px;
	width: 274px;
	float: left;
	margin-left: 7px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 2px;
}

.properties-table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	cursor: hand;
	float: left;
}
.properties-icon {
	height: 50px;
	width: 75px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 2px;
	border: 1px solid #993300;
	padding: 1px;
}
.gallery {
	float: right;
	height: 250px;
	width: 430px;
	background-color: #333333;
	margin-right: 16px;
}
.property-details {
	float: right;
	height: 150px;
	width: 430px;
	background-color: #333333;
	margin-right: 14px;
}
.big-title-bar {
	background-image: url(images/big-title-bar.png);
	height: 20px;
	width: 423px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	padding-top: 6px;
	padding-left: 6px;
	font-weight: bold;
}
.gallery-content {
	height: 220px;
	width: 418px;
	background-color: #CCCCCC;
}
.property-details-content {
	height: 120px;
	width: 420px;
	overflow: auto;
	background-image: none;
	background-color: #CCCCCC;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	list-style-position: outside;
	list-style-type: square;
	padding-top: 6px;
	line-height: 16px;
	padding-bottom: 4px;
}



.properties-title-bar {
	background-image: url(images/about-title-bar.gif);
	height: 22px;
	width: 284px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	padding-left: 6px;
	padding-top: 6px;
	font-weight: bold;
}



.odd {
	background-image: url(images/odd.gif);
}
.even {
	background-image: url(images/even.gif);
}
.over {
	background-image: url(images/over.gif);
}
.milestones-content {
	height: 400px;
	width: 300px;
	margin-top: 8px;
	margin-left: 12px;
	float: left;
}
.tips-content {
	height: 400px;
	width: 776px;
	margin-top: 8px;
	margin-left: 12px;
}
.tips-content-left {
	float: left;
	height: 400px;
	width: 300px;
}
.tips-content-right {
	float: right;
	height: 400px;
	width: 300px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-right: 3px;
}
p:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 0px;
	font-weight: normal;
	padding-top: 6px;
	background-position: top;
}
.contact-content {
	height: 373px;
	width: 766px;
	margin-top: 8px;
	margin-left: 12px;
}
.contact-form {
	float: left;
	height: 345px;
	width: 310px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(images/contact-form-bck.jpg);
	background-repeat: no-repeat;
}
.table-form {
	vertical-align: top;
	margin-top: 8px;
	margin-right: 16px;
}
.form-spacer {
	margin-top: 24px;
}


.form-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	border: 1px none #993300;
	width: 85px;
}
.form-text-field {
	border: 1px solid #996600;
	background-color: #FFFFFF;
}
.contact-right {
	float: right;
	height: 129px;
	width: 290px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	background-image: url(images/contact-info-bck.jpg);
}
.contact-info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 6px;
	margin-left: 24px;
	width: 240px;
}
.contact-title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	background-image: url(images/about-title-bar.gif);
	height: 20px;
	width: 286px;
	padding-top: 6px;
	padding-left: 6px;
	font-weight: bold;
}


.contact-title {
	height: 20px;
	width: 306px;
	background-image: url(images/contact-title.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 8px;
	font-weight: bolder;
}
.construction-content-left {
	float: left;
	height: 265px;
	width: 300px;
	margin-top: 24px;
	margin-left: 12px;
	background-color: #CCCCCC;
	cursor: hand;
}
.construction-content-right {
	float: right;
	width: 400px;
	margin-top: 24px;
	margin-right: 12px;
}

.construction-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	width: 292px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-image: url(images/collapsible-panel-tab.gif);
}
.construction-content-left1 {
	width: 292px;
	background-color: #CCCCCC;
}
.harbor-point-condo-photos {
	margin: 4px;
}
.iframeposition {
	position: absolute;
	left: 92px;
	top: 15px;
	width: 915px;
	height: 321px;
}
.slideShow {
	position: absolute;
	left: -103px;
	top: 321px;
	width: 863px;
	height: 449px;
}
.main-pdf {
	height: 426px;
	width: 804px;
	overflow: scroll;
	visibility: visible;
}