/* Def1nitive Core stylesheet - strip standard styles */

/* Based on the YUI Reset CSS sheet */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
   font-size:100.01%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var { /* Removed strong from here */
	font-style:normal;
	font-weight:normal;
}
ol,ul {
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

br.clearer { clear:both }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End */



body {
	margin: 0px;
	background-color: #c4c4c4;
}
#mainIntro {
	background-image: url(images/intro.jpg);
	width: 958px;
	height: 604px;
	margin: 20px auto 10px auto;
	position:relative;
}
#mainLayout {
	width: 955px;
	margin: 20px auto 10px auto;
	position: relative;
}

#main {
	width: 955px;
	margin: 20px auto 10px auto;
}

#header {
	background-image: url(images/header-bg.jpg);
	width: 955px;
	height: 203px;
}
#logo {
	float: left;
}

#parkIconContainer {
	float: right;
	margin-top: 122px;
	margin-right: 19px;
	display: inline;
}
#parkIcon {
	float: left;
	margin-left: 16px;
	display: inline;
}
#navContainer {
	width: 955px;
	height: 42px;
	float: left;
	margin-bottom: 10px;
}
#navBG_01 {
	background-image: url(images/nav-bg-01.jpg);
	width: 93px;
	height: 42px;
	float: left
}
#navBG_01 a {
	display: block;
	width: 93px;
	height: 42px;
}
#navBG_02 {
	background-image: url(images/nav-bg-02.jpg);
	width: 104px;
	height: 42px;
	float: left
}
#navBG_02 a {
	display: block;
	width: 104px;
	height: 42px;
}
#navBG_03 {
	background-image: url(images/nav-bg-03.jpg);
	width: 198px;
	height: 42px;
	float: left
}
#navBG_03 a {
	display: block;
	width: 198px;
	height: 42px;
}
#navBG_05 {
	background-image: url(images/nav-bg-05.jpg);
	width: 143px;
	height: 42px;
	float: left
}
#navBG_05 a {
	display: block;
	width: 143px;
	height: 42px;
}
#navBG_06 {
	background-image: url(images/nav-bg-06.jpg);
	width: 150px;
	height: 42px;
	float: left
}
#navBG_06 a {
	display: block;
	width: 150px;
	height: 42px;
}
#navBG_08 {
	background-image: url(images/nav-bg-08.jpg);
	width: 143px;
	height: 42px;
	float: left
}
#navBG_08 a {
	display: block;
	width: 143px;
	height: 42px;
}
#navBG_09 {
	background-image: url(images/nav-bg-09.jpg);
	width: 124px;
	height: 42px;
	float: left
}
#navBG_09 a {
	display: block;
	width: 124px;
	height: 42px;
}

#navBG_01a {
	background-image: url(images/nav-bg-01a.jpg);
	width: 93px;
	height: 42px;
	float: left
}
#navBG_01a a {
	display: block;
	width: 93px;
	height: 42px;
}
#navBG_02a {
	background-image: url(images/nav-bg-02a.jpg);
	width: 104px;
	height: 42px;
	float: left
}
#navBG_02a a {
	display: block;
	width: 104px;
	height: 42px;
}
#navBG_03a {
	background-image: url(images/nav-bg-03a.jpg);
	width: 198px;
	height: 42px;
	float: left
}
#navBG_03a a {
	display: block;
	width: 198px;
	height: 42px;
}
#navBG_05a {
	background-image: url(images/nav-bg-05a.jpg);
	width: 143px;
	height: 42px;
	float: left
}
#navBG_05a a {
	display: block;
	width: 143px;
	height: 42px;
}
#navBG_06a {
	background-image: url(images/nav-bg-06a.jpg);
	width: 150px;
	height: 42px;
	float: left
}
#navBG_06a a {
	display: block;
	width: 150px;
	height: 42px;
}
#navBG_08a {
	background-image: url(images/nav-bg-08a.jpg);
	width: 143px;
	height: 42px;
	float: left
}
#navBG_08a a {
	display: block;
	width: 143px;
	height: 42px;
}
#navBG_09a {
	background-image: url(images/nav-bg-09a.jpg);
	width: 124px;
	height: 42px;
	float: left
}
#navBG_09a a {
	display: block;
	width: 124px;
	height: 42px;
}

#bodyContainer {
	background-image: url(images/body-bg.gif);
	width: 955px;
	float: left;
	margin-bottom: 20px;
}
#bodyContainerShowHomes {
	background-image: url(images/body-bg-show-homes.gif);
	width: 955px;
	float: left;
	margin-bottom: 10px;
	display: inline;
}

#showHomesHeaderText {
	float: left;
	margin-left: 40px;
	display: inline;
}

#showHomesImage {
	width: 219px;
	height: 140px;
	float: left;
	margin-left: 40px;
	margin-bottom: 58px;
	display: inline;
}

#showHomesBodyText {
	width: 395px;
	float: left;
	margin-top: 9px;
	margin-left: 53px;
	margin-bottom: 9px;
	display: inline;
}
#showHomesBottomBorder {
	background-color: #000000;
	width: 955px;
	height: 2px;
	float: left;
	line-height: 2px;
}

#showHomesThumbContainer {
	width: 172px;
	float: right;
	margin-top: 10px;
	margin-right: 50px;
	display: inline;
}
#showHomesThumbImage_01 {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline;
}
#showHomesThumbImage_02 {
	float: right;
	margin-bottom: 10px;
	display: inline;
}
#showHomesThumbImage_03 {
	float: right;
	clear: right;
	margin-left: 10px;
	display: inline;
}
#showHomesThumbImage_04 {
	float: right;
	display: inline;
}


#localAreaThumbContainer {
	width: 398px;
	float: right;
	margin-top: 4px;
	margin-right: 88px;
	display: inline;
}
#localAreaThumbImage_01 {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	display: inline;
}
#localAreaThumbImage_02 {
	float: right;
	margin-bottom: 20px;
	display: inline;
}
#localAreaThumbImage_03 {
	float: right;
	clear: right;
	margin-left: 20px;
	display: inline;
}
#localAreaThumbImage_04 {
	float: right;
	display: inline;
}

#theParkYellowContainer {
	background-image: url(images/local-area-bg-body.gif);
	width: 398px;
	float: right;
	margin-top: 20px;
	margin-right: 88px;
	margin-bottom: 20px;
	display: inline;
}

#localAreaYellowContainer {
	background-image: url(images/local-area-bg-body.gif);
	width: 398px;
	float: right;
	margin-top: 20px;
	margin-right: 88px;
	margin-bottom: 20px;
	display: inline;
}

#localAreaYellowBGTop {
	width: 398px;
	float: left;
}
#localAreaYellowBGBodyTextHeader {
	width: 350px;
	float: left;
	margin-left: 29px;
	display: inline;
}
#localAreaYellowBGBodyTextBold {
	width: 80px;
	float: left;
	margin-left: 29px;
	display: inline;
	line-height: 20px;
}
#localAreaYellowBGBodyTextRegular {
	width: 270px;
	float: left;
	display: inline;
	line-height: 20px;
}

#localAreaYellowBGBottom {
	width: 398px;
	float: left;
}



#contactYellowContainer {
	background-image: url(images/contact-bg-body.gif);
	width: 298px;
	float: left;
	margin-top: 4px;
	margin-left: 61px;
	margin-bottom: 20px;
	display: inline;
}

#contactYellowBGTop {
	width: 298px;
	float: left;
}
#contactYellowBGBodyTextHeader {
	width: 250px;
	float: left;
	margin-left: 29px;
	display: inline;
}

#contactYellowBGBottom {
	background-image: url(images/local-area-bg-bottom.gif);
	width: 298px;
	float: left;
}




#bodyHeader {
	background-image: url(images/body-header.gif);
	width: 955px;
	height: 37px;
	float: left;
}
#bodyTitle {
	background-image: url(images/body-title-dots.gif);
	background-repeat: repeat;
	width: 810px;
	height: 48px;
	float: left;
	margin-left: 60px;
	margin-bottom: 15px;
	display: inline;
}
#bodyTextHome {
	width: 395px;
	float: left;
	margin-top: 12px;;
	margin-left: 61px;
	margin-bottom: 28px;;
	display: inline;
}
#bodyTextThePark {
	width: 350px;
	float: left;
	margin-left: 61px;
	margin-bottom: 28px;;
	display: inline;
}
#bodyTextPartExchange {
	width: 580px;
	float: left;
	margin-top: 12px;;
	margin-left: 61px;
	margin-bottom: 28px;;
	display: inline;
}
#bodyTextHowToFindUs {
	width: 440px;
	float: left;
	margin-left: 61px;
	margin-bottom: 28px;;
	display: inline;
}
#bodyTextShowHomes {
	margin-left: 61px;
	margin-bottom: 28px;;
}

#bodyRightTheParkContainer {
	float: right;
	margin-top: 4px;
	margin-right: 88px;
	display: inline;
}
#bodyRightTheParkImage {
	float: left;
	display: inline;
}
#bodyRightTheParkFacilities {
	background-image: url(images/cream-bg-wolds.gif);
	background-repeat: no-repeat;
	width: 398px;
	height: 114px;
	float: left;
	display: inline;
	clear: left;
}
#bodyRightTheParkFacilitiesText {
	width: 360px;
	float: left;
	margin-top: 13px;
	margin-left: 28px;
	display: inline;
}

#homeLargeImg {
	width: 955px;
	float: left;
	margin-bottom: 10px;
	dislpay: inline;
}
#homeHeader {
	width: 955px;
	height: 75px;
	float: left;
}
#homeParkImage {
	float: right;
}


#goldContainerOverall {
	width: 837px;
	float: left;
	clear: both;
	margin-left: 60px;
	margin-bottom: 40px;
	display: inline;
	clear:both;
}
#goldContainer {
	width: 249px;
	float: left;
	margin-right: 30px;
}
#goldHeader {
	background-image: url(images/gold-header.gif);
	background-repeat: no-repeat;
	width: 249px;
	height: 42px;
	float: left;
}
#goldBody {
	background-image: url(images/gold-dots-bg.gif);
	background-repeat: repeat;
	width: 249px;
	height: 350px;
	float: left;
	display: inline;
}
#goldBodyText {
	width: 220px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	display: inline;
}
#goldFooter {
	background-image: url(images/gold-footer.gif);
	background-repeat: no-repeat;
	width: 249px;
	height: 17px;
	float: left;
}

#partExchangeHeaderText {
	background-image: url(images/part-exchange-dots.gif);
	background-repeat: repeat-x;
	width: 495px;
	height: 78px;
	float: left;
	margin-top: 14px;
	margin-left: 60px;
	display: inline;
}

#awardImagesContainer {
	width: 850px;
	float: left;
	margin-left: 61px;
	margin-bottom: 20px;
	display: inline;
}
#awardImagesImage {
	float: left;
	margin-right: 20px;
	display: inline;
}

#awardTextContainer {
	width: 850px;
	float: left;
	margin-left: 61px;
	display: inline;
	margin-bottom: 40px;
}
#awardTextTwoLines {
	background-image: url(images/awards-text-bg.gif);
	width: 146px;
	height: 58px;
	float: left;
	padding-top: 23px;
	margin-right: 20px;
	display: inline;
}
#awardTextThreeLines {
	background-image: url(images/awards-text-bg.gif);
	width: 146px;
	height: 66px;
	float: left;
	padding-top: 15px;
	margin-right: 20px;
	display: inline;
}

#footer {
	background-color: #202020;
	width: 875px;
	height: 25px;
	float: left;
	margin-left: 40px;
	display: inline;
}
#footerText {
	margin-left: 22px;
	display: inline;
}


#flashArea {
   position: absolute;
   top: 27px;
   left: 294px;
}

#wolds {
	width: 955px;
	margin: 20px auto 10px auto;
}

#indexFlash {
	width: 958px;
	height: 604px;
	margin: 20px auto 10px auto;
}
#woldsIcon {
	width: 196px;
	height: 38px;
	position: absolute;
	top: 366px;
	left: 294px;
}
#oaklandIcon {
	width: 196px;
	height: 38px;
	position: absolute;
	top: 366px;
	left: 510px;
}
#pineIcon {
	width: 196px;
	height: 38px;
	position: absolute;
	top: 418px;
	left: 510px;
}



#menu
{
   position:absolute;
   top:203px;
   left:0;
}

#menu img
{
   border:0;
   float:left
}



.navText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
}
a.navText {
	text-decoration: none;
}
a.navText:hover {
	text-decoration: underline;
}

.bodyTitleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b78704;
	font-weight: bold;
	line-height: 46px;
}

.bodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}
a.bodyText {
	text-decoration: underline;
	font-weight: bold;
}
a.bodyText:hover {
	text-decoration: none;
}

.showHomesHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	line-height: 36px;
}

.showHomesBodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
}
a.showHomesBodyText {
	text-decoration: underline;
	font-weight: bold;
}
a.showHomesBodyText:hover {
	text-decoration: none;
}


.facilitiesTitleText {
	font-weight: bold;
	color: #b78704;
}
.facilitiesBodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
}
.goldHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #372904;
	line-height: 38px;
	text-align: center;
}
.goldBodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
}
.partExchangeHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #b78704;
	line-height: 20px;
}

.awardText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b78704;
	line-height: 15px;
	text-align: center;
}


.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 22px;
}

.mailtoText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}



p {
	margin-top: 0;
	margin-bottom: 1em;
}
.noMarginBottom {
	margin-bottom: 0;
}
.goldMarginBottom {
	margin-bottom: 14px;
}

ul
{
   margin-left:15px;
   line-height:21px;
   margin-bottom:1em;
} 

li
{
   padding-left:10px;
}

#partExText
{
   line-height:21px
}

#partExText a
{
   color:#b78704;
   font-weight:bold
}

#contactForm
{
   width:500px;
   float:left;
   font-family:Verdana, Arial, sans-serif;
   font-size:12px;
   margin-left:22px;
   padding-left:22px;
   background:url(images/contact-form-bg.gif) repeat-y;
   margin-bottom:15px;
}

#contactPersonalDetails input, #contactPropertyDetails input, #contactForm textarea
{
   border:1px solid #ad9142;
   font-family:Verdana, Arial, sans-serif;
   font-size:12px;
   padding:2px
}

#contactForm input.noBorder
{
   border:0
}

#contactForm textarea
{
   height:4em
}

#contactForm td
{
   vertical-align:top;
   padding-bottom:15px
}

#contactPersonalDetails td.label
{
   width:150px;
}

#contactPersonalDetails input, #contactPersonalDetails textarea
{
   width:335px;
}

#contactPropertyDetails div
{
   margin-bottom:15px;
}

#contactPropertyDetails span.label 
{
   padding-right:40px;
}

#contactPropertyDetails label
{
   margin-right:20px
}

#contactPropertyDetails label input
{
   margin-left:5px
}

#contactSited input
{
   width:294px
}

#contactHearAbout input
{
   width:253px
}

#contactPersonalDetails
{
   border-bottom:1px solid #d4d4d4;
   padding-bottom:10px;
   margin-bottom:25px
}

#contactButtons 
{
   text-align:right;
   padding-right:7px;
}

#contactButtons input
{
   padding:3px;
   font-family:Verdana,Arial,sans-serif;
}
#showHomesFlash
{
   float:left;
   margin-bottom:10px
}

#showHomesKey
{
   float:left;
   border:2px dotted #a8a8a8;
   padding:5px 10px;
   margin-left:15px
}

#showHomesKey h3
{
   font-weight:bold;
   color:#b78704 
}

#showHomesKey ul
{
   margin:0;
   margin-left:5px;
   padding:0;
   list-style:none;
   margin-top:5px;
}

#showHomesKey li
{
   margin:0;
   margin-bottom:5px;
   padding:0;
}

#showHomesKey .key
{
   width:12px;
   height:12px;
   border:1px solid black;
   margin-top:2px;
   margin-right:12px;
   float:left
}

#showAvailableKey
{
   background:#B6E2B6
}

#showReservedKey
{
   background:#dcdfec
}

#showSoldKey
{
   background:#FFB1B1
}

#showSalesOfficeKey
{
   background:#C3C3FF
}

#showShowHomeKey
{
   background:#E7EDA5
}

.show-homes-table
{
   width:810px;
   border:1px solid #929da3;
   margin-bottom:20px;
}

table.half-width
{
   width:395px;
   margin-right:20px;
   float:left;
}

.show-homes-table th, .show-homes-table td
{
   text-align:center;
}

.show-homes-table th
{
   font-weight:bold;
   background:url(images/show-homes-table-header.png);
   height:43px;
   line-height:43px;
   border:1px solid #bd9819;
   border-width:0 1px 1px 0;
   color:#684c00
}

.show-homes-table td
{
   padding:5px 0;
   font-size:11px;
}

.show-homes-table td.plot-no-td, .show-homes-table td.status-td
{
   font-weight:bold
}

.show-homes-table td
{
   border-bottom:1px solid #b3bbbf;
}

.show-homes-table tr.odd
{
   background:#eee;
}

.show-homes-rounded
{
   width:810px;
   height:158px;
   background:url(images/show-homes-rounded-box.png);
   overflow:hidden
}

.show-homes-rounded
{
   font-size:11px;
   margin-bottom:20px
}

.show-homes-rounded div
{
   padding: 18px 26px
}

.show-homes-rounded strong
{
   color:#b78704
}


