/* CSS Document */

body {
background-color: #fff;
padding: 0px;
margin: 0px;}

p {
font: 13px Arial, Helvetica, sans-serif;
color: #2B3E7B;
line-height: 18px;
vertical-align: top;
padding: 0px;
margin: 0px;}

a {
color: #2B3E7B;
text-decoration: none;}

a:hover {
color: #2B3E7B;
text-decoration: underline;}

#main {
overflow: auto;
height: 675px;
width: 815px;}

ul {
font: 13px Arial, Helvetica, sans-serif;
color: #2B3E7B;
line-height: 18px;
vertical-align: top;
padding: 7px 0px 0px 20px;
margin: 0px;}

span {
font-style: normal;
font: bold 20px Arial, Helvetica, sans-serif;
color: #2B3E7B;}

.container {
width: 984px;
vertical-align: top;
margin: 20px;}

.container1 {
width: 984px;
vertical-align: top;
margin: 20px 0px;
margin-left:auto;
margin-right:auto;}

#bottom {
border-bottom: 2px solid #2B3E7B;
text-align: right;}

.left {
width: 195px;
vertical-align: top;}

	.left a {
	text-decoration: none;
	color: #2B3E7B;
	display: block;
	text-align: right;
	padding: 4px 0px;
	margin: 0px 35px 0px 30px;
	font: bold 14px "Times New Roman", Times, serif;
	text-transform: uppercase;}
	
	.left a:hover {
	text-decoration: none;
	color: #CD2626;
	display: block;}

	.left img {
	padding-bottom: 50px;}
	
	.left a.red {
	color: #CD2626;
	text-decoration: none;}
	
	.left a.small {
	font: bold 11px "Times New Roman", Times, serif;
	color: #2B3E7B;
	text-decoration: none;}
	
	.left a.smallred {
	font: bold 11px "Times New Roman", Times, serif;
	color: #CD2626;
	text-decoration: none;}
	
	.left a.disclaim {
	font: bold 11px "Times New Roman", Times, serif;
	color: #2B3E7B;
	text-decoration: none;
	padding-top: 220px;}
	
	.left a.disclaim1 {
	font: bold 11px "Times New Roman", Times, serif;
	color: #2B3E7B;
	text-decoration: none;
	padding-top: 156px;}
	
	.left a.disclaim2 {
	font: bold 11px "Times New Roman", Times, serif;
	color: #2B3E7B;
	text-decoration: none;
	padding-top: 136px;}
	
	.left a.disclaim:hover, .left a.disclaim1:hover, .left a.smallred:hover, .left a.small:hover, .left a.red:hover {
	color: #CD2626;
	text-decoration: none;}

.right {
width: 789px;
height: 608px;
background: url(images/bg.jpg) no-repeat top left;
vertical-align: top;
padding: 0px 60px 0px 64px;}

.splash {
width: 968px;
height: 608px;
background: url(images/splash-bg.jpg) no-repeat top center;
vertical-align: top;
padding-top: 400px;
font: bold 14px Times New Roman;
color: #2B3E7B;}

	.splash a {
	color: #2B3E7B;
	text-decoration: none;
	padding-right: 80px;}
	
	.splash a:hover {
	color: #CD2626;
	text-decoration: none;}

	.splashtext {
	padding: 15px 0px;
	text-align: center;}

.comingsoon {
width: 789px;
height: 608px;
background: url(images/bgwhite.jpg) no-repeat top left;
font: bold 24px Times New Roman;
color: #2B3E7B;
text-align: center;
padding-top: 160px;
vertical-align: top;}

.home {
padding-bottom: 16px;}

	.homebg {
	width: 789px;
	height: 608px;
	background: url(images/homebg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}

.masterplan {
padding-bottom: 9px;}

	.masterplanbg {
	width: 789px;
	height: 608px;
	background: url(images/masterbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}

.amenities {
padding-bottom: 12px;}

	.amenitiesbg {
	width: 789px;
	height: 608px;
	background: url(images/amenitiesbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}

.cottages {
padding-bottom: 7px;}

	.cottagesbg {
	width: 789px;
	height: 608px;
	background: url(images/cottagesbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}

.location {
vertical-align: top;
padding: 0px;
width: 393px;}

	.locationbg {
	width: 789px;
	height: 608px;
	background: url(images/locationbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}

.visit {
vertical-align: top;
padding: 25px 0px 0px 0px;}

	.visitbg {
	width: 789px;
	height: 608px;
	background: url(images/visitbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}
	
.coastal {
padding-top: 167px;}

	.coastalbg {
	height: 608px;
	background: url(images/coastalbg.jpg) no-repeat top left;
	background-position: 0px 10px;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}
	
.farmhouse {
padding-top: 167px;}

	.farmhousebg {
	height: 608px;
	background: url(images/farmhousebg.jpg) no-repeat top left;
	background-position: 0px 10px;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}
	
.towns {
padding-top: 5px;
vertical-align: top;}

	.towns1 {
	padding-top: 44px;}

	.townsbg {
	width: 789px;
	height: 608px;
	background: url(images/townsbg.jpg) no-repeat top left;
	background-position: 1px 17px;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}
	
.edenton {
padding-top: 26px;
vertical-align: top;}

.edenton2 {
padding: 13px 0px;}

	.edentonbg {
	height: 608px;
	background: url(images/edentonbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}
	
.outerbanks {
padding-top: 40px;
vertical-align: top;}

.outerbanks2 {
padding: 8px 0px;
vertical-align: top;}

	.outerbanksbg {
	height: 608px;
	background: url(images/outerbanksbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}

.siteplan {
padding: 44px 19px 0px 0px;
width: 111px;
vertical-align: top;}

	.siteplan2 {
	padding-top: 149px;
	width: 393px;}

    .siteplanbg {
	width: 789px;
	height: 608px;
	background: url(images/siteplanbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 45px;}
	
.disclaimer p {
font: 10px Arial, Helvetica, sans-serif;
color: #2B3E7B;
line-height: 14px;
vertical-align: top;
padding-top: 10px;
margin: 0px;}

.recreation {
padding-top: 34px;
vertical-align: top;}

	.recreationbg {
	height: 608px;
	background: url(images/recreationbg.jpg) no-repeat top left;
	vertical-align: top;
	padding: 0px 60px 0px 64px;}