body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight:300;
}

a 
{ 
    text-decoration:none;    
}

P {
	color:#666666;
}

img {border:0;}

.fullhr { border: 1px solid #a6a6a8; clear:both; margin: 11px 0px;}

.left { float:left;}

.right { float:right;}

h1, h1 a 
{
    color:#58585a;
    font-size:46px;
}
h2, h2 a
{
    color:#58585a;
    font-size:28px; 
    margin:10px 0px 5px 0px;       
}
h3, h3 a
{
    color:#58585a;
    font-size:18px; 
    font-weight:500;   
}
h4 
{
    
}
h5 
{
    
}

/* Project Colors */

.Ellenbrook 
{
    color:#77a22f;    
}
.TheWalk 
{
    color:#eee654;    
}
.TheGlades 
{
    color:#f0910b;    
}
.Trinity 
{
    color:#a9aaae;    
}
.WoburnPark
{
    color:#4a5c68;    
}
.Springdale 
{
    color:#78a0a1;    
}
.TheVines 
{
    color:#006b4a;    
}
.TheRetreat
{
    color:#1b82be;    
}
.TheReserve 
{
    color:#692418;    
}

#PageWrapper {
	height: 100%;
	width: 100%;
	margin-top:-10px;
}

#PageWrapper #PageInner {
	width: 980px;
/*	border: 1px solid #c8c7c7;*/
	margin-top:0;
	margin-right: auto;
	margin-left: auto;
}

#PageWrapper #PageHeader {
	margin: 0px;
	padding: 0px;
	height: 124px;
	width: 980px;
}

#PageWrapper #PageHeader #Logo {
	float: left;
	width:296px;
	height:123px;
}

/* FOOTER  */
#PageWrapper #PageFooter {
	clear:both;
	margin: 0px;
	padding:6px 0px 5px 0px;
	width: 980px;
	border-top:7px solid #171f26;
	/*border-bottom:1px double #c7c8c8;*/
}

#PageFooter #FooterMain {
	background-image: url(../images/footer-off.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 158px;
	width:622px;
	float:left;
	padding:15px 30px 30px 65px;
}
/*#FooterMain h5
{
    text-align:left;
    width:150px;
    padding:0 0 0 11px;
    margin:0;
    color:#333;
    
}*/
#FooterMain .ListColumn
{
    float:left;
    padding:0;  
    width:33%; 
    border-left:1px solid #bfbebf;
}
.ListColumn h4
{
    text-align:left;
    width:80px;
    padding:0;
    margin:0;
    
}
.ListColumn a
{
    font-size:11px;
    /*line-height:10px;*/
    color:#333333;
}
#FooterMain ul
{
    padding-left: 10px;
    float:left;
    list-style-type:none;
}
#FooterMain ul li
{
    
}
#FooterMain ul li h4
{
    
}

#PageFooter #FooterAlt {
	float:right;
	background-image: url(../images/footer-on.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 138px;
	width:183px;
	padding:17px 0px 0px 80px ;
}
#FooterAlt #Links ul
{
    padding-left: 10px;
    float:left;
    list-style-type:none;
}
#FooterAlt #Links ul li a
{
    font-size:11px;
    /*line-height:10px;*/
    color:#333333;
}
/* ??  */
#PageHeader #MenuContainer #LandSales {
	float: left;
	height: 81px;
	width: 473px;
	margin: 0px;
	padding: 0px;
}
#PageInner #PageContent {
	padding: 0px 20px 10px 30px;
	/*height: 480px;
	width: 960px;*/
	border-top:1px solid #c8c7c7;
	border-right:1px solid #c8c7c7;
	border-left:1px solid #c8c7c7;
}
#PageContact {
	width:980px;
	height:32px;
	display:block;
	border-left:1px solid #c8c7c7;
}
#PageContact img {
	float:right;
	padding-right:1px;
}
#PageContent #BreadGalleryArea
{
    width:969px;
    height:24px;
    margin:10px 0 10px -30px;
    border-top:1px solid #c8c7c7;    
}
#BreadGalleryArea #BreadCrumbs {
	float:left;
	width:70%;
	padding-top:5px;
	margin-left:30px;
	font-size:11px;
	
}
#BreadGalleryArea #BreadCrumbs a{
	
	color:#707173;
	text-transform:uppercase;
	text-decoration:none;
	
}
#BreadGalleryArea #ImageGallery {
	float:right;
	margin:0;
	margin-top:-13px;
	width:201px;
	height:32px;
}
#PageBody
{ 
    margin-bottom:25px;
}
#PageBody .IntroBody
{ 
    font-size:18px;
    color:#666666;    
}
#NewsList 
{ 
    margin-right:10px;
}

#PageBody #NewsList li
{ 
     list-style-type:none;
     margin-left:-38px;
     clear:both;
}

#NewsList .NewsItem
{
    width:100%;
    height:80px;
    margin-bottom:10px;  
    /*border: 1px solid #000;  For Testing */
}
#NewsList .NewsItem .Date
{ 
     margin-top:10px;
     float:right;
}

#NewsList .NewsItem h2
{ 
     margin:0px 0px 3px 0px;
}

#NewsList .NewsItem p
{ 
     margin-top:3px;
     clear:both;
}

#NewsList .NewsItem p a
{ 
      font-weight:500;
      color:#666;
}

.ListImage
{
    margin-right:5px;  
    float:left  
}
/* QuickSearch */

.QuickSearchArea 
{
    margin-left:20px;
}

.QuickSearchArea .quickSearchField 
{
    width:120px;
    height:11px;
    font-size:10px;
    color:#666666;
    border:1px solid #c8c7c7;    
}

.QuickSearchArea .quickSearchButton
{
	position:relative;
	top:3px;
}


#PageHeader #Links {
	float: right;
	height: 123px;
	width: 210px;
	border-bottom:1px #a6a6a8 solid;
	border-right:1px #a6a6a8 solid;
}

#PageHeader #Links ul  
{
    margin-top:8px;
    margin-bottom:5px;	
}

#PageHeader #Links li  
{
    list-style-type:none;
    padding:0px 0px 0px 18px; 	
}

#PageHeader #Links li  a
{
    text-transform: uppercase;
    text-decoration:none;
    color:#9c9e9f;
    font-size:.95em;  	
}

/* START PAGE */

#PageInner #StartPageInner
{
    padding:1px;    
}
#PageInner #TopPageContent
{
    /*height:390px;*/
    margin-top:12px;
    margin-right:12px;
}
#PageInner #MidPageContent {
	clear:both;
	margin:10px 0px;
	margin-right:10px;
	border-bottom: 1px solid #a6a6a8;
	height:6px;
}
#PageInner #LowerPageContent {
	clear:both;
	padding: 5px 10px 10px 0px;
	height:450px;
}

#StartPageVideo {
	float:right;
	width:551px;
}

#StartPageMessage {
	width:355px;
}

#StartPageMessage h3 {
	padding:30px 0 0 0;
	margin:0;
}

#StartPageMessage p, #StartPageLatest p {
	float:left;
	font-size:14px;
	line-height:22px;
	margin:5px 0 10px 0;

}
#StartPageMessage a, #StartPageFeature a, #StartPageLatest a  {
	font-weight: bold;
	/*color: #0092d0;*/
	text-decoration:none;
}

#StartPageLatest {
	float:left;
	width:267px;
}

#StartPageFeature {
	float:right;
	width:634px;
}
#StartPageFeature p {
	font-size:14px;
	line-height:22px;
	margin:5px 0 10px 0;

}
#StartPageFeature h1 {
	margin:5px 0 10px 0;

}
/* LANDING PAGE */

/* multicolumn */
.all { margin:0 auto; text-align:left;} /* width:800px; */
    ul.mcol2 {
	    margin:5px 5px 5px 0px;   /* ---  must have right margin. IE bug */
	    padding:10px 10px 10px 0px ;  
	    overflow:hidden; 
	    background-color:#ffffff;
	    
	    
    }
    ul.mcol2 li {
	    margin:2px 10px 2px 0px; 
	    padding:5px 10px 5px 0px ; list-style-type:none;
    }
    ul.mcol2 li p 
    {
        margin:3px 0px;
    }
    div.li_container { 
	    border:none;	/* don't use left and right border, padding and margin */ 
	    padding:0; 
	    margin:5px 0; 
	    overflow:hidden;
    }
    
/* ---- HOMESITE  ---- */ 

.HomeSite /*set in the website not in the webcustomcontrol*/
{
	background-color:#7CA32E;
}

.HSF_HorizontalSelectorTable
{
	border: none;
}
.HSF_VerticalSelectorTable
{
	border: none;
}
.HSF_ddlStyle
{
	width: 180px;
	height: 20px;
	font-size:10px;
}
.HSF_Button
{
	float:right;
}
	/* style added*/

.HSR_GridView
{
	width:100%;
	border:none;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
	
.HSR_GridView td
{
	border:none;
	padding:3px 3px 3px 3px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

.HSR_GridViewRowStyle
{
	height:25px;
	background-color:#f0f0ef;
}

.HSR_GridViewRowStyle_SubHeader
{
	background-color: White;
	font-weight: bold;
	font-size: 16px;
	padding-top:20px;
}
.HSR_GridViewRowStyle_SubHeader a:link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#516b1b;
	text-decoration:none;
}


.HSR_GridViewRowStyle_SubHeader a:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7fc41c;
	text-decoration:none;
}

.HSR_GridViewRowStyle_SubHeader a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF6600;
	text-decoration:none;
}

.HSR_GridViewAlternatingRowStyle
{
	background-color:Transparent;
	height:25px;
	
}

.HSR_GridViewRowClass
{
	/*font-size:medium;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	
}
.HSR_GridViewRowClass a
{
	color: #516b1b;
	text-decoration:none;
	
}
.HSR_GridViewRowClass a:hover
{
	color: #FF6600;
	
}
.HSR_GridViewHeaderClass
{
	font-size: 11px;
	background-color:#b5d376;
	color: white;
}

th{
background-color:#b5d376;
border:0px;
}

.HSR_GridView_PagerClass 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:bold;
	}
	
	
.HSR_GridView_PagerClass a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:bold;

}
.HSR_GridView_ddl
{
	
}
.HSR_GridView_btn
{
	width: 100px;
	
}
.HSR_GridView_tb
{
	border:none;
}
.HSR_NoResultsMessage
{
	color: #6495ED;
	font-size:medium;
	
}


/* ---- COLOBOX ---- */ 

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/

/* Menu */
#PageHeader #MenuContainer {
	float: left;
	height: 123px;
	width: 435px;
	margin: 0px;
	padding: 0px;

}

#PageHeader #MenuContainer #MainMenu {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 472px;
	border-right:1px #a6a6a8 solid;
	border-top:1px #a6a6a8 solid;
	border-bottom:1px #a6a6a8 solid;
}

#MainMenu ul
{
	display:block;
	margin:0;
	padding:0;
}

#MainMenu img {
	float: left;
	margin:0;
	padding:0;
	border-left:1px #a6a6a8 solid;
}

#MainMenu a
{
	display:block;
	margin:0;
	padding:0;
}


/*
---- MENU ----  
 									{ margin: 0; padding: 0; }

	LEVEL ONE
*/
 .sub_menu li                        { line-height:24px; display:block; } 
ul.dropdown                         { position: relative;list-style: none;  }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #e9e8e8; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #b7b6b6; }
ul.dropdown li a                    { display: block; color: #707173; text-align:center; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #b7b6b6; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO*/

ul.dropdown ul 						{ list-style: none; width: 158px; visibility: hidden; position: absolute; top: 99%; left: 0; }
ul.dropdown ul li 					 
{
    font-weight: normal; 
    background: #e9e8e8; 
    color: #000; 
    border-left: 1px solid #b7b6b6;
    border-right: 1px solid #b7b6b6;
    border-bottom: 1px solid #b7b6b6; 
    float: none; 
}
									  


/* 
	LEVEL THREE*/

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }