/**** DEFAULT STYLES *****/

body, td, li, p {
    font-size: 11px;
    font-family: verdana, tahoma, arial, sans-serif;
}
body {
    margin: 0;
    padding: 0;
	background: #DCD9C1 url(http://www.grandepointeatinletbeach.com/images/hdr_bg.gif) repeat-x;
}
body#popUp {
    margin: 10px;
    padding: 0;
}
body#sitePlan {
    margin: 0;
    padding: 0;
	background: #FFFFFF;
}

table, tr, td, li, div, span {
	margin: 0;
	padding: 0;
    color: #333333;
    text-decoration: none;
	line-height: 14px;
}

p {
	margin: 0 0 16px 0;
	padding: 0;
    color: #333333;
    text-decoration: none;
	line-height: 18px;
}
form {
	display: inline;
}
input, select, textarea {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
    color: #333333;
}
input.checkbox {
	margin: 5px 0 0 0;
	padding: 0;
}
input.radio {
	margin: 2px 0 0px 0;
	padding: 0;
}

input.med { width: 100px; }
input.sm { width: 25px; }
input.sm02 {
	width: 25px;
	margin: 4px 0 0 0;
	padding: 0;
}
input.lg { width: 220px; }

textarea {
    width: 300px;
    height: 60px;
}

img {
	border: 0;
}
img.right {
	margin: 0 0 10px 10px;
	padding: 0;
}
img.left {
	margin: 0 10px 10px 0;
	padding: 0;
}

.clearBoth {
	clear: both;
}






a {
	color: #3D5C57;
	text-decoration: underline;
}
a:hover {
	color: #417A71;
	text-decoration: none;
}

.errors {
	color: #CC0000;
}

ol {
	margin: 10px 0 10px 24px;
	padding: 0;
}

ul {
	margin: 10px 0 10px 20px;
	padding: 0;
}
li {
	margin: 0 0 5px 0;
	padding: 0;
}

blockquote {
	margin: 0;
	padding: 10px 20px 10px 40px;
	font-size: 11px;
    font-family: verdana, tahoma, arial, sans-serif;
    color: #333333;
	line-height: 16px;
	background: #F4F4F4;
}

sup {
	font-size: 75%;
}

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

.disclaimer {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #999999;
}



#mainContainer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 770px;
	/*border: 1px solid red;*/
}

#mainContainerPopUp {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 475px;
	/*border: 1px solid red;*/
}

#hdrContainer {
	margin: 0;
	padding: 20px 14px 0 14px;
	height: 89px;
	background: #EAE5AD;
}

#test {
	margin: 0;
	padding: 0;
	position: relative;
}
#mainPhotoOverlay {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 184px; right: 14px;
}

#mainNavContainer {
	margin: 0;
	padding: 0 0 0 6px;
	text-align: left;
	height: 69px;
	background: #D3CD9D;
}
#globalNavContainer {
	margin: 0;
	padding: 4px 10px 10px 6px;
	text-align: left;
	height: 20px;
	font-size: 10px;
	background: #D3CD9D;
	float: right;
}
#globalNavContainer a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#globalNavContainer a:hover {
	margin: 0;
	padding: 0;
	text-decoration: underline;
	font-weight: normal;
}
#globalNavContainer a.ON {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
}

#globalNavContainer a.ON:hover {
	margin: 0;
	padding: 0;
	text-decoration: underline;
	font-weight: bold;
}


#mainBodyContainer {
	margin: 0;
	padding: 10px 14px 0 14px;
	background: #FFFFFF;
	text-align: left;
}

#mainContentContainer {
	margin: 0;
	padding: 0;
	border: 1px solid #D3CD9D;
	text-align: left;
}

#mainPavilionContainer {
	margin: 0;
	padding: 0;
	border: 1px solid #655838;
	text-align: left;
}

.mainContent {
	margin: 0;
	padding: 5px 12px 15px 18px;
	text-align: left;
}

.photoContainer {
	margin: 0 0 0 0;
	padding: 5px;
	border: 1px solid #6D6442;
}

.photoLabel {
	margin: 0;
	padding: 0;
	color: #53401F;
	font-weight: bold;
}

.photoLinks {
	margin: 0;
	padding: 0;
	color: #3D5C57;
	font-size: 10px;
}

.text01 {
	margin: 0 0 16px 0;
	padding: 0;
    color: #666666;
    text-decoration: none;
	line-height: 16px;
}

#sitePlanContainer {
	position: relative;
	background: #FFFFFF url(http://www.grandepointeatinletbeach.com/images/photo/site_plan_full.gif) no-repeat;
}

#sitePlanHighlight01 {
	position: absolute;
	top: 137px;
	left: 163px;
}
#sitePlanHighlight02 {
	position: absolute;
	top: 264px;
	left: 163px;
}
#sitePlanHighlight03 {
	position: absolute;
	top: 264px;
	left: 263px;
}
#sitePlanHighlight04 {
	position: absolute;
	top: 411px;
	left: 163px;
}
#sitePlanHighlight05 {
	position: absolute;
	top: 411px;
	left: 263px;
}
#sitePlanHighlight06 {
	position: absolute;
	top: 558px;
	left: 212px;
}


#pavilionNavBar {
	margin: 0;
	padding: 0;
	background: #C0D0CE;
	text-align: right;
}
#pavilionNavBar td {
	margin: 0;
	padding: 0;
	text-align: right;
}
ul#leftNav {
	margin: 0 25px 10px 0;
	padding: 0;
	list-style: none;
}
ul#leftNav li {
	margin: 0 0 5px 0;
	padding: 0;
	color: #333333;
}
ul#leftNav li a {
	margin: 0 0 5px 0;
	padding: 0;
	color: #3D5C57;
	font-weight: bold;
}
ul#leftNav li a.ON {
	margin: 0 0 5px 0;
	padding: 0;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#rightNavBar {
	margin: 0;
	padding: 0;
	background: #EAE5AD;
	text-align: left;
}
ul#rightNav {
	margin: 0 0 10px 25px;
	padding: 0;
}
ul#rightNav li {
	margin: 0 0 5px 0;
	padding: 0;
	color: #333333;
}
ul#rightNav li a {
	margin: 0 0 5px 0;
	padding: 0;
	color: #3D5C57;
	font-weight: bold;
}
ul#rightNav li a.ON {
	margin: 0 0 5px 0;
	padding: 0;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

td.utilNavContainer {
	margin: 0 0 0 0;
	padding: 6px 15px 6px 15px;
	font-size: 10px;
	background: #DCD9C1;
	color: #33333;
}

td.utilNavContainer a {
	font-size: 10px;
	color: #3D5C57;
	text-decoration: none;
}
td.utilNavContainer a:hover {
	font-size: 10px;
	color: #53401F;
	text-decoration: underline;
}
td.utilNavContainer a.ON {
	font-size: 10px;
	color: #53401F;
	font-weight: bold;
	text-decoration: none;
}
td.utilNavContainer a.ON:hover {
	font-size: 10px;
	color: #53401F;
	text-decoration: underline;
}


h2 {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 13px;
	color: #82591E;
	font-weight: bold;
}

h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 12px;
	color: #53401F;
	font-weight: bold;
}


td#rightNavTableContainer {
	margin: 0;
	padding: 0;
	border: 2px solid #EAE5AD;
}

.dataTable {
	margin: 0;
	padding: 0;
}
.dataTable th {
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
}
.dataTable tr.shade01 {
	margin: 0;
	padding: 3px 6px 3px 6px;
	background: #F3EFC6;
}
.dataTable td {
	margin: 0;
	padding: 3px 6px 3px 6px;
	color: #333333;
}

#featuredHouseContainer {
	margin: 0;
	padding: 0;
}
.title {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#housesContainer h1 {
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 14px;
	font-weight: bold;
}

a.houseRollover {
	display:block; 
	width:233px; 
	height:180px; 
	border:3px solid #D1CC94; 
} 
/* For Netscape, Firefox, Mozilla */ 
html>body a.houseRollover { float: left; } 

a.houseRollover:hover {
	border: 3px solid #53401F;
} 



#footer {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #48645E;
}


.dontPrint {
	display: none;
}

#mainSitePlanContainer {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px; left: 0px;
}
#sitePlanLegend {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px; right: 20px;
}