﻿/* ------------------------- CSS --------------------------------- 
Created By:  TKR Engineering                             
Author:  David Tobias                                    
Email:  dtobias@tkrengineering.com 


Font families:
    font-family: Arial, Helvetica, Verdana, sans-serif; *****  default font  ******* 
    font-family: Georgia,Garamond,"Times New Roman",Times,serif; 

                      
Colors:                                                  
    #999    Primary font
    #f3b060 Orange border around many boxes
    #f7cd9b Lighter Orange around third column boxes
    #5d79a8 default link color;
    #f9efdc Background of ContentHighlighter;
    #6482b3 font color for ContentHighlighter, link in ul.BlueLinkList;
    #153c81 h3, font color inside of Inquire about
    #4b6a9e Mid-Range blue used in some backgrounds and borders (tab background on community pages)
    #274a84 Dark blue used in many backgrounds, yui table links
    #f3f6fa Light blue on some backgrounds
    #7c7c7e Gray background color under Main community photo
    #fba733 Orange RETURN Link
    #e68b0d Darker Orange used for Contact Names
    #7e7e7e Beige/Brown used with Photo Titles
    #f8d0a1 Light Brown border on BrownHighlight
    #f9efdc Interior Brown on BrownHighlight                              
------------------------------------------------------------------ */


/*YUI reset-min 2.6 to normalize HTML elements across browsers*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


/* --- Grids -----------------------------------------------------
         Grids   Contains only layout properites    
------------------------------------------------------------------ */

/*might be stored in grids.css file*/

/* --- End of Grids ---------------------------------------------- */



/* --- Typography ------------------------------------------------ 
   
   Blueprint CSS Framework 0.7.1 and YIU Base 2.6
   * Sets up some sensible default typography. 
------------------------------------------------------------------ */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body, html { 
    background: #f4ecde;
    font-size:85%;
    color: #555;
    font-family:Arial, Helvetica, Verdana, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}

h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
	color:#fff;
}

h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
	color:#153c81;  
}

h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
	padding:0;
	font-weight:bold;
}

h4 { font-size: 108%; line-height:1em;color:#274a84; }
h5 { font-size: 113%; line-height:1em;color:#274a84;font-weight:bold; }
h6 { font-size: 100%; line-height:normal; }

h4,h5,h6 {
	/* top & bottom margin based on font size */
	margin:0 0 .5em 0;
	padding:0;
}


h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #5d79a8; text-decoration: underline;}
a           { color: #5d79a8; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin:0; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { }
th          { font-weight: bold; background: #fff; }
th,td       { padding: 1px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* --- End of Typography ----------------------------------------- */




/* --- Clears ----------------------------------------------------
             
------------------------------------------------------------------ */

.Clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.Clearfix{zoom:1;}

.ClearBoth      {clear:both;}
.ClearLeft      {clear:left;}
.ClearRight     {clear:right;}
.ClearLeftFont  {clear:left;font-size:1px;}
.ClearBothFont  {clear:both;font-size:1px;}
.ClearRightFont {clear:both;font-size:1px;}

/* --- End of Clears ---------------------------------------------
             
------------------------------------------------------------------ */



/* --- Globals ---------------------------------------------------
             
------------------------------------------------------------------ */

div.BodyWrapper
{
    background:#fff url('../images/bg/global/BodyWrapper.gif') repeat-x 0 0;
}

div.ColumnOne
{
    background:#eee8df url('../images/bg/global/ColumnOneBottom.gif') no-repeat 0 100%;
    min-height:500px;
}

div.ColumnOneTop
{
    background:#eee8df url('../images/bg/global/ColumnOneTopRepeat.gif') repeat-y 0 0;
    height:118px;
    width:100px;
}

div.ColumnOneTop div
{
    background:#eee8df url('../images/bg/global/ColumnOneTopCorner.gif') no-repeat 0 0;
    height:10px;
    width:100px;
}

div.ColumnOneHighlights
{
    padding:12px 0 0 1px;
    background:url('../images/bg/global/ColumnOne.gif') repeat-y 0 0;
}

div.ColumnOneHighlights div
{
    margin:0 1px 6px 0;
    background:url('../images/bg/global/ColumnOneDropShadow/Container.gif') no-repeat 100% 100%;    
}

div.ColumnOneHighlights div div
{
    background:url('../images/bg/global/ColumnOneDropShadow/Right.gif') no-repeat 100% 0;
    margin:0;
}

div.ColumnOneHighlights div div div
{
    background:url('../images/bg/global/ColumnOneDropShadow/Bottom.gif') no-repeat 0 100%;
    margin:0;
}

div.ColumnOneHighlights img
{
    border:solid 1px #f3b060;
}

div.ColumnOneBottom
{
    height:70px;
    width:100px;
    padding:100px 0 0 5px;
    margin:0 0 7px 0;  
}

div.ColumnOneBottom a
{
    display:block;
    margin:10px 0;
    padding:0 0 0 13px;
    background:url('../images/bg/global/BottomColumnOneSprt.jpg') no-repeat 0 1px;
    font-size:10px;
    color:#4d7195;
}

div.ColumnOneBottom a.PrintThisPage
{
    background-position:0 -18px;
}

div.ColumnOneBottom a.TellAFriend
{
    background-position:0 -35px;
}

div.Header
{
    height:120px;
    background:url('../images/bg/global/Header.gif') no-repeat 0 0;
    position:relative;
}

div.Header h1
{
    float:left;
    color:#4b6a9e;
    font-size:123.1%;
    margin:5px 0 0 15px;
    padding:0;
}

div.Header div.Logo
{
    float:right;
    margin:7px 44px 0 0;
    display:inline; /*ie 6 */
}

div.Header div.Logo a img 
{
    height:23px;
    width:228px;
    padding:0;
    margin:0 0 0 32px;
}

div.Header div.Logo a 
{
    display:block;
    height:23px;
    width:228px;
}

div.Header h4 
{
    color:#fff;
    margin:3px 0 0 15px;
    padding:0;
    font-size:11px;
    text-align:center;
    line-height:normal;
    width:260px;
    text-transform:uppercase;
}

div.Header div.Breadcrumb
{
   clear:both;
   margin:0;
   padding:17px 0 0 17px;
   
}

div.Header div.Breadcrumb h3
{
    margin:5px 0 0 10px;
    padding:0;
    font-size:150%;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif; 
}

div.Header div.Breadcrumb h5
{
    font-size:95%;
    margin:0;
    padding:0;
}

div.Header div.Breadcrumb h5 a, div.Header div.Breadcrumb h5 span
{
    padding:0 12px 0 5px;
    background:url('../images/bg/BreadCrumbArrow.gif') no-repeat right 4px;
    color:#5d79a8;
}

div.Header div.Breadcrumb h5 a.Last
{
    background-image:none;
}

div.ColumnTwo div.ColumnOne
{
    background:#fff;
    min-height:auto;
}

div.MainContent
{
    border:solid 1px #f3b060;
    margin:0 8px;    
    background:#fff;
}

div.Home div.MainContent
{
    padding:10px 14px 14px 14px;
}

div.Footer
{
    padding:20px 0;
    color:#555555;
    margin:0 0 0 100px;
    font-size:10px;
    overflow:auto;
}

div.Footer ul
{
    float:left;
    width:150px;
    padding:0 0 0 15px;
    border-left:solid 1px #ccc;
}

div.Footer ul ul
{
    float:none;
    width:140px;
    padding:0;
    border-left:none;
    margin:0 0 15px 0;
}


div.Footer ul.First
{
    float:left;
    width:170px;
    border-left:none;
}

div.Footer ul li.Title
{
    font-size:11px;
    padding:0;
}

div.Footer ul li
{
    line-height:1.3em;
    padding:0 0 1px 2px;
    font-size:10px;
}

div.Footer a
{
    color:#657ea8;
}

div.Copyright
{
    padding:10px 0;
    margin:0 0 0 100px;
    font-size:11px;
    color:#555;
    clear:both;
    text-align:center;
}

div.ContentHighlighter
{
    border:solid 1px #f3b060;
    zoom:1;
}

div.ContentHighlighter div.ContentHeader
{
    background:#274a84;
    color:#fff;
    padding:4px 13px;
    overflow:auto;
    zoom:1;
}

div.ContentHighlighter div.ContentHeader h2, div.ContentHighlighter div.ContentHeader h3, div.ContentHighlighter div.ContentHeader h5
{
    color:#fff;
    float:left;
    margin:0;
    padding:0;
}

div.ContentHighlighter div.ContentHeader h2
{
    font-size:108%;
}

div.ContentHighlighter div.ContentHeader h3, div.ContentHighlighter div.ContentHeader h5
{
    font-size:100%;
}

div.ContentHighlighter div.ContentHeader h5
{
    float:right;
    color:#e5edfa;
    margin-top:2px;
}

div.ContentHighlighter div.ContentHeader h5 a
{
    color:#e5edfa;
}

a.PlayVideo
{
    padding:0 20px 0 0;
    background:url('../images/bg/PlayVideo.gif') no-repeat 100% 0;
}

div.ContentHighlighter div.Content
{
    background:#fff;
}

div.InquireWrapper
{
    border:solid 1px #8797c3;
    border-top-width:6px;
    padding:7px;
    overflow:auto;
}

div.InquireWrapper h3
{
    float:left;
    margin:0;
    padding:0;
    font-size:108%;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
}

div.BrownHighlight
{
    border:solid 2px #f8d0a1;
    border-top:none;
    border-bottom:none;
    background-color:#f9efdc;
    padding:10px;
    font-size:11px;
    overflow:hidden;
}

div.CommunityContent div.BrownHighlight img
{
    border:solid 1px #f7cd9b;
    display:block;
    margin:0 auto 5px auto;

}

 div.BrownHighlightWrapper
{
    margin:0 0 10px 0;
}

div.StripedHighlight
{
    border:solid 1px #f3b060;
    background:#fbd4a7 url('../images/bg/StripedHighlight/f7c486Stripe.gif');
}

div.StripedHighlight h5
{
    color:#fff;     
    height:20px;
    line-height:20px;
    text-transform:uppercase;
    padding:0 5px;
    margin:0;
    background:#a18368 url('../images/bg/StripedHighlight/9f7b58Stripe.gif');
    font-size:100%;   
}

div.StripedHighlight div
{
    border:solid 1px #9f876b;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    background:transparent url('../images/bg/StripedHighlight/couple.jpg') no-repeat 2px 80px; 
    padding:5px;
    min-height:207px;
}

div.StripedHighlight div a, div.StripedHighlight div p
{
    color:#4b362e;
    display:block;
    font-size:17px;
    text-align:center;
    margin:0;
    padding:0;
    line-height:1.0em;
}


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: David Tobias of TKR Engineering
	|
	| + please let this text & links intact for a next user +
*/

/*Defaults used on Highlight Box */
.top-left, .top-right, .bottom-left, .bottom-right
{ 
	background-image: url('../images/bg/corners/BlueHighlightBoxCorners.gif'); /* CHANGE: path and name of your image */
	height: 6px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}

.top-left, .bottom-left
{ 
	margin-right: 6px; /* CHANGE: replace by the width of one of your corners */
}

.top-right, .bottom-right
{ 
	margin-left: 6px;   /*CHANGE: replace by the width of one of your corners */
	margin-top: -6px;  /* CHANGE: replace by the height of one of your corners */
}
	
.top-right
{
	background-position: 100% -2000px;    /* DNC: position right corner at right side, no vertical changes */
}
	
.bottom-left, .bottom-right 
{
    height: 6px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}	
	
.bottom-left
{ 
	background-position: 0 -6px;    /* CHANGE: replace second number by negative height of one of your corners */
}

.bottom-right
{ 
	background-position: 100% -6px; /* CHANGE: replace second number by negative height of one of your corners */
	margin-top: -6px;  /* CHANGE: replace by the height of one of your corners */
}

/*Defaults used on Highlight Box */
div.BrownHighlightWrapper .top-left, div.BrownHighlightWrapper .top-right, div.BrownHighlightWrapper .bottom-left, div.BrownHighlightWrapper .bottom-right
{ 
	background-image: url('../images/bg/corners/BrownHighlightBoxCorners.gif'); /* CHANGE: path and name of your image */
	height: 2px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}

div.BrownHighlightWrapper .top-left, div.BrownHighlightWrapper .bottom-left
{ 
	margin-right: 2px; /* CHANGE: replace by the width of one of your corners */
}

div.BrownHighlightWrapper .top-right, div.BrownHighlightWrapper .bottom-right
{ 
	margin-left: 2px;   /*CHANGE: replace by the width of one of your corners */
	margin-top: -2px;  /* CHANGE: replace by the height of one of your corners */
}
	
div.BrownHighlightWrapper .top-right
{
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
div.BrownHighlightWrapper .bottom-left, div.BrownHighlightWrapper .bottom-right 
{
    height: 2px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}	
	
div.BrownHighlightWrapper .bottom-left
{ 
	background-position: 0 -2px;    /* CHANGE: replace second number by negative height of one of your corners */
}

div.BrownHighlightWrapper .bottom-right
{ 
	background-position: 100% -2px; /* CHANGE: replace second number by negative height of one of your corners */
	margin-top: -2px;  /* CHANGE: replace by the height of one of your corners */
}


div.CornerBorder
{
    border:solid 6px #8797c3;
    border-top:none;
    border-bottom:none;
    zoom:1;
}

/*YUI Tables*/


.yui-dt table {  
    padding:0;
    font-family:arial;font-size:inherit;   
    border-collapse:separate;*border-collapse:collapse;border-spacing:0; /* since ie6 and ie7 behave differently */  
    border:1px solid #7F7F7F;
    
} 

div.FloorPlanTables .yui-dt table 
{
    margin:0 0 7px 0;
    width:615px;  
}

.yui-dt th {  
    background:#4F78D4 url(../images/bg/tables/th/th.gif) repeat-x 0 0; /* header gradient */  
    color:#fff;
    padding:2px 5px;
    text-align:center;
    border-color:#ccc;

}
  
.yui-dt th a {  
    text-decoration:none;
    color:#fff; /* header text */  
    vertical-align:bottom;
} 

.yui-dt th {  
    border-right:1px solid #CBCBCB;/*  inner column border */  
} 

.yui-dt th span.yui-dt-label
{
    font-weight:bold;
    font-size:12px !important;
}

.yui-dt td
{
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    padding:3px 5px;
    color:#000;
    text-align:center;
}

.yui-dt td a
{
    color:#274a84;
}

div.FloorPlanTables .yui-dt td.yui-dt-col-Elevation
{
    width:120px;
    text-align:left;
    padding-left:10px;
}

div.FloorPlanTables .yui-dt td.yui-dt-col-PriceRange
{
    width:120px;
}

tr.yui-dt-last td
{
    border-bottom:none;
}

td.yui-dt-last, th.yui-dt-last
{
    border-right:none;
}

.yui-dt tr.yui-dt-odd
{
    background-color:#F6F6F6;
}

.yui-dt td.yui-dt-col-MoveIn
{
    color:#AAAAAA;
}

.yui-dt td.yui-dt-col-MoveIn em
{
    color:#000;
    font-style:normal;
}

div.FloorPlanTables .yui-dt td
{
    
}

/*End of YUI Tables*/

/*Little Orange Button*/


span.OrangeButton
{
    display:block;
    padding:0 3px;
    height:13px;
    font-size:9px;
    width:52px;
    text-align:center;
    background:#cb4706 url('../images/bg/buttons/OrangeEmbossedRight.gif') no-repeat 100% 0;
}

span.OrangeButton a
{
    color:#fff;
    background:transperant url('../images/bg/buttons/OrangeEmbossedLeft.gif') no-repeat 0 0;
}

/*End of Little Orange Button*/


/* --- End of Globals -------------------------------------------- */



/* --- Navigation ------------------------------------------------
             
------------------------------------------------------------------ */

ul.TopNav
{
    margin:10px 0 0 190px;
    display:inline; /*ie 6 */
}

ul.TopNav li
{
    float:left;
    color:#4d7195;
    font-size:11px;
    margin:0 10px 0 0;
    text-transform:uppercase;
}

div#PageLevelNavContainer
{
    color:#fff;
    background:#274a84 url('../images/bg/global/PageLevelNav/Left.gif') repeat-y 0 0;    
    border-top:solid 3px #fff;
    zoom:1; /*ie 6 1px bleed*/
}

div#PageLevelNavContainer div.Wrapper
{
    background:url('../images/bg/global/PageLevelNav/Right.gif') repeat-y 100% 0;     
}

div#PageLevelNavContainer div.Wrapper div.BottomWrapper
{
    background:url('../images/bg/global/PageLevelNav/BottomContainer.gif') no-repeat 100% 100%;
}

div#PageLevelNavContainer div.PageLevelNav
{
    margin:0;
    border-top:solid 3px #fff;
}

div#PageLevelNavContainer div.First
{
    margin:0;
    background:url('../images/bg/global/PageLevelNav/TopContainer.gif') no-repeat 100% 0;
    border-top:none;
}

div#PageLevelNavContainer div.First h4.State
{
    margin:0;
    background:url('../images/bg/global/PageLevelNav/TopLeftCorner.gif') no-repeat 0 0;
    border-top:none;
}

div#PageLevelNavContainer div.Last h4.Last
{
    background:url('../images/bg/global/PageLevelNav/BottomLeftCorner.gif') no-repeat 0 100%;
    padding:0 0 8px 13px;
}

div#PageLevelNavContainer h4.State
{
    text-transform:uppercase;
    color:#f9b165;
    font-size:11px;
    font-weight:bold;
    padding:3px 0 0 10px;
    line-height:1.2em;
    border-bottom:none;
}

div#PageLevelNavContainer h4
{
    border-bottom:solid 1px #fff;
    margin:0;
    padding:0 0 0 13px;
    font-size:11px;
    line-height:1.2em;
    width:87px; /*set the width because IE was changing the border on mouseover*/
}

div#PageLevelNavContainer h4.Last
{
    border-bottom:none;
}

div#PageLevelNavContainer a
{
    color:#fff;
    font-size:11px;
    margin:0;
    padding:5px 10px 5px 0;
    display:block;
}

div#PageLevelNavContainer div.Last h4.Last a
{
    padding-bottom:0;
}

/*Tabs using sliding doors
http://www.alistapart.com/articles/slidingdoors/
*/

div.CityTabs
{
    padding:0;
    position:absolute;
    left:9px;
    top:91px
}

div.CityTabs div.TabContainer
{
    background-color:Transparent; 
}

div.TabContainer h2
{
    float:left;
    margin:-2px 35px 0 10px;
    padding:0;
}

div.TabContainer
{
    float:left;
    width:100%;
    background:#4b6a9e;       
    line-height:normal;
    padding:8px 0 0;
}

div.TabContainer ul {
    margin:0;
    padding:0 3px;
    padding:0;
}

div.TabContainer li 
{
    background:url('../images/bg/tabs/Tabs.gif') no-repeat right top;
    float:left;
    margin:0;
    padding:0;
    color:#fff;
}

div.TabContainer li h3
{
    margin:0;
    padding:0;
}

div.CityTabs div.TabContainer li
{
    background-position:right -80px;
}

div.CityList div.TabContainer li
{
    background-image:url('../images/bg/tabs/TabsListMap.gif');
}

div.TabContainer li.On
{
    background-position:right -40px;
}

div.CityTabs div.TabContainer li.On
{
    background-position:right -120px;
}

div.TabContainer li a {
    display:block;
    background:url('../images/bg/tabs/Tabs.gif') no-repeat left -20px;
    padding:3px 15px 0 15px;
    color:#fff;
    height:17px;
    font-size:12px;
    float:left; /*ie 6*/
}

div.TabContainer li a:hover {
   color:#fff;z 
}

div.CityTabs div.TabContainer li a
{
    background-position:left -100px;
    padding:3px 23px 0 23px;
}
 
div.CityList div.TabContainer li a
{
    background-image:url('../images/bg/tabs/TabsListMap.gif');
    font-weight:bold;
}

div.TabContainer li.On a 
{
    background-position:left -60px;
}

div.CityTabs div.TabContainer li.On a 
{
    background-position:left -140px;
}

/*End of Tabs*/



/* --- End of Navigation ----------------------------------------- */


/* --- Section Specific ---------------------------------------------
             
------------------------------------------------------------------ */

div.CommunityHeader
{
    background-color:#274a84;
    overflow:auto;
    padding:3px 10px;
    zoom:1;
}

div.CommunityHeader h2, div.CommunityHeader h6
{
    margin:0;
    padding:0;
    float:left;
    font-size:150%;
} 

div.CommunityHeader h2 span
{
    font-size:11px;
    margin:0 0 0 5px;
    color:#fff;
    font-weight:bold;
    position:relative;
    top:-1px;
}

div.CommunityHeader h6
{
    float:right;
    color:#fff;
    font-size:120%;
    margin:2px 0 0 0;
    font-weight:bold;
    background:url('../images/bg/icons/phone_blue_matte.gif') no-repeat 0 0;
    padding:0 0 0 15px;
}

div.CommunityHeader h6.Last
{
    background:url('../images/bg/icons/brochure_blue_matte.gif') no-repeat 0 0;
    padding:0 10px 0 20px;
}

div.CommunityHeader h6 a
{
    color:#fff;
}

div.CommunityContentContainer
{
    padding:12px;
    clear:both;
    zoom:1;
}

div.CityContentHeader
{
    border:solid 1px #d9dfe9;
    border-left:none;
    border-right:none;
    overflow:auto;
    margin:0 0 .5em 0;
    zoom:1;
}

div.CommunityContentContainer h4
{
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    border:solid 1px #d9dfe9;
    border-left:none;
    border-right:none;
    width:100%;
    font-weight:bold;
    font-size: 133%;
    line-height:1.8em;
    color:#274a84;
    margin:0 0 .5em 0;
	padding:0;
}

div.CityList div.CommunityContentContainer div.CityContentHeader h2, div.CityList div.CityContentHeader h6
{
    border:none;
    float:left;
    width:auto;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    font-weight:bold;
    font-size: 133%;
    line-height:1.8em;
    color:#274a84;
    margin:0;
    padding:0;
}

div.CityList div.CityContentHeader h6
{
    float:right;
    font-family:Arial,Helvetica,Verdana,sans-serif;
    background:url('../images/bg/icons/phone.gif') no-repeat 0 3px;
    padding:0 0 0 15px;
}

div.CityList div.CityContentHeader h6.Last
{
    background:url('../images/bg/icons/brochure.gif') no-repeat 0 4px;
    padding:0 10px 0 20px;
}

div.CityList div.CityContentHeader h6 a
{
    color:#274A84;
}

div.ContactPanel
{
    border:solid 1px #ccc;
    background:#fff url('../images/bg/community/ContactPanel.jpg') repeat-x 0 22px;
    margin:0 0 18px 0;
    padding:0 0 5px 0;
}

div.CommunityContent div.ContactPanel h5, div.ContactPanel h5
{
    background:#5f7ab7 url('../images/bg/community/ContactPanelHeader.gif') repeat-x 0 0;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:6px;
    margin:0;
    line-height:1.3em;
}

div.CommunityContent div.ContactPanel h6, div.ContactPanel h6
{
    color:#e68b0d;
    margin:6px 6px 3px 6px;
    padding:0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight:bold;
    text-decoration:underline;
    font-size: 108%;
    line-height:1.4em;
}

div.ContactPanel p
{
    padding:7px;
    margin:0;
}


div.ContactPanel .fbicon img
{
    border:none;
    height:16px;
    padding:0 0 0 5px;
    position:relative;
    top:2px;
    width:16px;
}

div.ContactPanel img.MortgageAccess
{
    margin:0 auto 10px auto;
    display:block;
}

div.CommunityContent div.ContactPanel p
{
    margin:-10px 0 10px;
    padding:0;
    text-align:center;
    font-weight:bold;
}

div.CommunityContent div.ContactPanel ul
{
    margin:0px 6px 17px 6px;
    padding:0;
    overflow:auto;
    zoom:1;
} 

div.CommunityContent div.ContactPanel li
{
    margin:0;
    padding:0;
    background-image:none;
    color:#000;
}

div.CommunityContent div.ContactPanel ul.PhoneNumberList li
{
    float:left;
    width:40%;
}

div.CommunityContent div.ContactPanel ul.PhoneNumberList li.WelcomeHours, div.CommunityContent div.ContactPanel ul.PhoneNumberList li.PhoneNumberWelcomeHours
{
    float:left;
    width:30%;
    margin:7px 0 0 0;
}

div.CommunityContent div.ContactPanel ul.PhoneNumberList li.PhoneNumber
{
    text-align:right; 
    width:60%;
    float:right;   
}

div.CommunityContent div.ContactPanel ul.PhoneNumberList li.PhoneNumberWelcomeHours
{
    text-align:left; 
    width:70%;
    float:right;   
}

div.CommunityContent div.ContactPanel ul.CommunityLinks li
{
    background:#fff url('../images/bg/community/ContactPanelSprts.gif') no-repeat 0 0;
    height:20px;
    line-height:20px;
    padding:0 0 2px 25px;
}

/* --- End of Section Specific  ---------------------------------- */


/* --- Page Specific ---------------------------------------------
             
------------------------------------------------------------------ */

div.Home p
{
    font-size:12px;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
    padding:0;
    margin:10px 0;
    line-height:1.5em;
}

div.Home div.ContentHighlighter div.Content
{
    background:#f9efdc;
}

div.Home div.ContentHighlighter div.Content p
{
    line-height:2.5em;
}

#CarouselPlayPause
{
    display:block;
    float:right;
    cursor:pointer;
    background-image:url('../images/bg/buttons/PlayPause.gif');
    background-repeat:no-repeat;
    width:14px;
    height:14px;
}

#TaxCredit span
{
    font-size:15px;
    font-weight:bold;
}

.Pause
{
    background-position:0 0;
}

.PauseMouseOver
{
    background-position:0 -14px;
}

.Play
{
    background-position:0 -28px;
}

.PlayMouseOver
{
    background-position:0 -42px;
}

div.FeaturedHome
{
    overflow:hidden;
    width:399px;
    position:relative;
}

div.FeaturedHome ul
{
    overflow:hidden;
    width:30000px;
    zoom:1;
    margin:0;
    padding:0;
}

div.FeaturedHome ul li
{
    float:left;
    width:399px;    
    background:url('../images/bg/homehighlight/Grand_Opening_Ad.jpg') no-repeat 0 0;    
    height:301px;
    padding:0;
    margin:0;
}

div.FeaturedHome ul li.Second
{
    background-image:url('../images/bg/homehighlight/LauderdaleBay.jpg')
}

div.FeaturedHome ul li.Second span
{
    float:right;    
    margin:-15px 10px 0 0;
    width:52px;
    text-align:center;
    background:#cb4706 url('../images/bg/buttons/OrangeEmbossedRight.gif') no-repeat 100% 0;
}

div.FeaturedHome ul li.Second h4
{
    color:#000;
    font-size:18px;
    margin:120px 0 0 35px;
    font-weight:normal; 
}

div.FeaturedHome ul li.Second h4.DropShadow
{
    border:none;
    color:#fff;
    margin:-19px 0 0 37px;
}

div.FeaturedHome ul li.Second h5 
{    
    color:#1f40b6;
    margin:0 20px 10px 0;
    font-size:13px;
    text-align:right;
    font-weight:bold; 
}

div.FeaturedHome ul li.Second h5 em
{
    color:#000;
    font-size:18px;
    font-style:normal;
    font-weight:bold; 
}

div.FeaturedHome ul li.Second h6
{
    color:#0055a7;
    margin:120px 21px 5px 0;
    font-size:11px;
    text-align:right;
}

div.FeaturedHome div.Content p, div.HomeFinder div.Content p
{    
    color:#6482b3;
    border-top:solid 1px #f3b060;
    font-size:11px;
    padding:10px;
    margin:0;
    overflow:hidden;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

div.FeaturedHome div.Content p
{
    margin-top:252px;
}

div.HomeFinder div.Content p
{
    padding:17px 20px;
    color:#6482b3;
    border-top:none;

}

div.FeaturedHome div.Content
{
    background:#fff;
}

.RealEstate div.FeaturedHome li.Second
{
    border:solid 1px #000;
    width:395px;
}

.RealEstate div.FeaturedHome ul li.Second h5
{
    margin-bottom:130px;
}

div.Home div.HomeFinder div.Content
{
    background-image:url('../images/bg/maps/nc_sc_east.gif');
    background-repeat:no-repeat;
    background-position:5px 5px;
}

div.Home div.HomeFinder div.Content div.CityMapLinks
{
    height:263px;
    position:relative;
}

div.Home div.HomeFinder div.Content div.CityMapLinks a
{
    position:absolute;
}

div.Home div.HomeFinder div.Content div.CityMapLinks a img
{
    height:14px;
    width:15px;
}

#homes-fayetteville-nc
{
    left:155px;
    top:135px;
}

#homes-greenville-nc
{
    left:257px;
    top:65px;
}

#homes-Snow-Hill-nc
{
    left:240px;
    top:75px;
}

#homes-Havelock-nc
{
    left:290px;
    top:130px;
}

#homes-New-Bern-nc
{
    left:275px;
    top:105px;
}

#homes-Raleigh-nc
{
    left:180px;
    top:60px;
}


#homes-Jacksonville-nc
{
    left:245px;
    top:138px;
}

#homes-Sunset-Beach-nc
{
    left:180px;
    top:205px;
}

#homes-Swansboro-nc
{
    left:256px;
    top:155px;
}

#homes-Wilmington-nc
{
    left:217px;
    top:192px;
}

#homes-Southport-nc
{
    left:214px;
    top:212px;
}

#homes-Hampstead-nc
{
    left:237px;
    top:175px;
}

#homes-Ocean-Isle-Beach-nc
{
    left:195px;
    top:212px;
}

#homes-Shallotte-nc
{
    left:195px;
    top:195px;
}


#homes-Myrtle-Beach-sc
{
    left:147px;
    top:216px;
}



#CityMapLabel
{
    position:absolute;
    color:#fff;
    font-weight:bold;
    overflow:hidden;
    height:15px;
}

.CityMapLabel
{
    padding:2px 0 2px 4px;
    background:#8797c3;
    border:solid 1px #666;
}


#CityMapLabelWidth
{
    float:left;
    height:1px;
    overflow:hidden;
}

div.Home div.ColumnTwo p a
{
    color:#555;
    text-decoration:underline;
}

/*** YUI Autocomplete ***/
div.Home div.AutoCompleteWrapper
{
    padding:0 0 13px 20px;
    zoom:1;
}

div.Home h4
{
    margin:0;
    padding:0;
    color:#999;
    font-weight:bold;    
}

#cvAutoComplete
{
    padding:0;
    margin:0;    
    background:#fff url('../images/bg/home/SearchLocationTextBoxLeft.jpg') no-repeat 0 0;    
    padding:0 0 0 6px;
    float:left;
}

div.LeftTextbox
{
     background:#fff url('../images/bg/home/SearchLocationTextBox.jpg') no-repeat 100% 0;     
     height:25px;
    float:left;
    padding-right:2px;
}

div.Home .yui-skin-sam .yui-ac-input {
    position:static;
    width:300px;
    vertical-align:middle;
    border:0;
    padding:3px 0 0 0;
    background:#fff url('../images/bg/home/none.jpg') no-repeat 0 0;
    color:#555;
}

div.Home .yui-skin-sam .yui-button 
{
    margin:0;
    border:0;
}

div.Home .yui-skin-sam .yui-button .first-child {
    background:#b1a99c url('../images/bg/home/SearchLocationDownArrowSprt.jpg') no-repeat 0 0;
    margin:2px 0 0 0;
    width:20px;
    border:0;
    height:19px;
    border-bottom:solid 1px #b1a99c;    
}

div.Home .yui-skin-sam .yui-button-hover .first-child {
   background-position:0 -24px;
}

div.Home .yui-skin-sam .yui-ac-container 
{
    width:300px;
    left:0px;
    margin:4px 0 0 2px;
    border-color:#f3b060;
}

div.Home .yui-skin-sam .yui-ac-bd 
{
    background-color:#fef8ec;
    border-color:#f3b060;
}

div.Home .yui-skin-sam .yui-ac-content li.yui-ac-highlight 
{
    background-color:#8797C3;
}
div.Home .yui-skin-sam .yui-ac-content li.yui-ac-prehighlight 
{
    background-color:#DBE1EC;
}

.yui-ac .yui-button {vertical-align:middle;}

/*** End of YUI Autocomplete ***/


ul.BlueLinkList
{
    padding:0 0 15px 15px;
    margin:0;
    background-color:#dbe1ec;
    border:solid 1px #6885b5;
    overflow:auto;
    zoom:1;
}

ul.BlueLinkList li
{
    float:left;
    width:80px;
    padding:25px 10px 0px 80px;
    text-transform:uppercase;
    font-weight:bold;
    background:url('../images/bg/home/BlueLinkListSprt.jpg') no-repeat 0 0;
    height:53px;
    margin:13px 0 0 0;
    overflow:auto;
}

ul.BlueLinkList li.MortgageCalc
{
    background-position:0 -176px;
}

ul.BlueLinkList li.HomeWarranty
{
    background-position:0 -85px;
}

ul.BlueLinkList li.PressRelease
{
    background-position:0 -264px;
    padding-top:15px;
    height:63px;
}

ul.BlueLinkList li a
{
    color:#6482b3;
}

/*City List*/

div.Maps
{
    border-bottom:solid 20px #274a84;
    overflow:auto;
    zoom:1;
}

div.CommunityMap
{
    border:1px solid #F3B060;
    min-height:600px;
}

div.CityList div.ContentHighlighter
{
    border-top-color:#fff;
    border-right:none;
    border-left:none;
    border-bottom:none;
}

div.CityList div.ContentHighlighter div.ContentHeader h3
{
    text-align:center;
    width:100%;
}

div.CityList div.ContentHighlighter ul
{
    padding:10px;
}

div.CityTable
{
    padding:5px;
    clear:left;
}

div#CityTableLeft
{
    float:left;
    margin:0 2px 0 0;
}

div.CityTable td
{
    text-align:left;
    vertical-align:top;
    font-size:11px;
}

div.CityTable td h6
{
    float:left;
    font-weight:bold;
    margin:1px 3px 0 0;
    width:14px;
    text-align:right;
}

div.CityTable td div.yui-dt-liner div
{
    float:left;
    width:165px;
}

div.CityTable td div a
{
    font-weight:bold;
    font-size:13px;
}

div.CityTable td div p
{
    margin:5px 0;
}

div.CityTable td.yui-dt-col-ImgURL, div.CityTable td.yui-dt-col-ImgURLRight
{
    width:186px;
}

div.CityTable td.yui-dt-col-ImgURL, div.CityTable th.yui-dt-col-ImgURL
{
    border-right-width:4px;
}

div.CityTable img
{
    margin:3px;
}

div.CityTable td ul
{
    margin:7px 0 0 0;
}

div.CityTable td li
{
    background:transparent url('../images/bg/bullets/arrow_feature_list.gif') no-repeat 0 5px;
    margin-bottom:0;
    margin-top:0;
    padding:0 0 4px 8px;
}


div.CityTable td.yui-dt-col-LowPriceRange
{
    text-align:center;
    vertical-align:middle;
    width:150px;
}

div.CityList div.ContentHighlighter div.CommunityList ul
{
    padding:0 0 4px 0;
}

div.CityList div.ContentHighlighter div.CommunityList ul ul
{
    padding:0;
    margin:0 3px 5px 3px;
}

div.CommunityList ul li h5
{
    border:solid 1px #d9dfe9;
    border-left:none;
    border-right:none;
    padding:4px;
    color:#666;
}

div.CommunityList ul li li
{
    padding:3px 0;
}

div.CommunityList ul li.Last
{
    border-bottom:none;
    padding-bottom:0;
}

div.CommunityList ul li.Highlight
{
    background-color:#eee;
    margin:0 -1px;
    padding:5px 1px;
    border:solid 1px #ddd;
}

div.CommunityList ul li p
{
    margin:0;
    padding:0;
}

div.CommunityList ul li a
{
    font-size:12px;   
    padding:0 0 0 3px;
}

#map
{
     width:633px;
     height:600px;
}

div.CityBubble 
{
    text-align:center;
    width:200px;
}

div.CityBubble a
{
    font-size:14px;
    font-weight:bold;
    display:block;
}

div.CityBubble img
{
    display:block;
    padding:5px 0;
    margin:0 auto;
}

div.CityBubble p
{
    padding:0;
    margin:0 0 3px 0;
}

/*End of City List*/

/* Community Pages */

div.FloorPlanTables
{
    margin:0;
    padding:12px 0 0 0;
    clear:left;
}

div.FloorPlanContainer h5
{
    font-weight:bold;
    color:#000;
    margin:0;
}

div.FloorPlanContainer div.FloorPlanTables h5
{
    float:left;
    margin:0 5px 0 0;
    padding:0;
    line-height:normal;
}

div.FloorPlanContainer div.FloorPlanTables span
{
    font-size:80%;
}

div#UnderConstruction, div#StandardPlan
{
    clear:left;
}

div#ImageLoader, div#ImageLoader img
{
    display:none;
}

div.FloorPlanContainer h6
{
    color:#8aa1cb;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    margin:0;
}

div.CommunityMainPhoto
{
    border:solid 1px #000;
    background-color:#fff;
    text-align:center;
    float:left;    
    margin:0 15px 10px 0;
}

div.CommunityMainPhoto div.ElevationPhotoWrapper
{
    height:302px;
    width:400px;
    padding:0px;
    background-color:#fff;
    border-top:none;
    border-bottom:solid 1px #000;
}

div.CommunityMainPhoto div.ElevationPhotoWrapper img
{    
    border:0;
}

div.CommunityMainPhoto div
{
    color:#fff;
    padding:5px;
    background-color:#7c7c7e;
    border-top:solid 1px #9a999c;
}

div.FeaturedFloorPlan
{
    float:left;
    width:202px;
    border-bottom:solid 1px #cfd4e5;
    padding:0 0 3px 0;
}

div.CommunityContent div.FeaturedFloorPlan h6
{
    font-size:108%;
}

div.CommunityContent div.FeaturedFloorPlan img
{
    border:solid 1px #f3b060;
    margin:0;
    padding:0;
    display:block;
    padding:1px;
    height:200px;
    width:194px;
}

div.ShadowLeft, div.ShadowLeft div
{
    background:url('../images/bg/ImageDropShadow/ImageDropShadow.gif') no-repeat 100% 0;
}

div.ShadowLeft
{
    float:left; /*tighten the space*/
}

div.ShadowLeft div.ShadowBottom
{
    background-position:0 100%;
}

div.ShadowLeft div.ShadowBottomCorner
{
    padding:0 5px 6px 0;
    background-position:100% 100%;
}



/* End of Community Pages */

/* Elevation and Homesite Pages */

#HeaderContainer
{
    border:solid 1px #ccc;
    overflow:auto;
    margin:0 0 15px 0;
    zoom:1;
}

#HeaderContainer h3
{
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    background:#efefef;
    padding:3px 0 3px 80px;
}

#HeaderContainer ul.CurrentElevation
{
    padding:3px;
    margin:0;
    float:left;
}

#HeaderContainer ul.CurrentElevation li, #HeaderContainer div.Comments
{
    width:220px;
    color:#000;
    font-size:11px;
    padding:0 2px;
    margin:0;
    background-image:none;
}

#HeaderContainer ul.ColumnTwo
{
    margin:0 0 0 15px;
}

#HeaderContainer ul.ColumnTwo li
{
    width:355px;
}

#HeaderContainer em
{
    float:none;
    padding:0 7px 0 0;
    font-weight:bold;
    font-style:normal;
    width:120px;
}


#HeaderContainer ul.CurrentElevation li em
{
    float:left;    
    font-weight:bold;
    font-style:normal;
}

#HeaderContainer ul.CurrentElevation li.BrochureURL a
{
    padding:0 20px 5px 0;
    background:url('../images/bg/icons/acrobat_small.gif') no-repeat 100% 0;
    float:left;
}

#HeaderContainer div.Comments
{
    clear:left;
    width:auto;
    padding:0px 25px 3px 5px;
    margin:3px 0 0 0;
}


/*Tab overrides from YUI Defaults*/

#TabContainer .yui-navset .yui-nav li a, #TabContainer .yui-navset .yui-content {
    border:1px solid #ccc;  /* label and content borders */
    font-size:11px;
}

#TabContainer .yui-navset .yui-nav .selected a, #TabContainer .yui-navset .yui-nav a:hover, #TabContainer .yui-navset .yui-content {
    background:#3a63b7 url('../images/bg/tabs/elevations/tabs.gif') repeat-x 0 0; /* active tab, tab hover, and content bgcolor */
    color:#fff;
}

#TabContainer .yui-navset .yui-content 
{
    background-color:#fff;
    background-image:none;
    text-align:center;
    padding:5px;
}

#TabContainer .yui-navset ul.yui-nav{
    margin:0;
}

#TabContainer .yui-navset .yui-nav li {
    margin:0 2px 0 0;
    background-image:none;
    padding:0;
}

#TabContainer .yui-navset .yui-nav li em{
    padding:4px 3px;
}

#TabContainer img
{
    border:0;
}

#TabContainer div.Thumbs{
    background-color:#eee9e0;
    border:solid 1px #000;
    margin:0 0 10px 0;
    padding:10px;
}

#TabContainer div.Thumbs img
{
    width:73px;
    height:55px;
    margin:3px;
    border:solid 1px #000;
    opacity: 0.6;
    filter:alpha(opacity=60);
    padding:1px;
}

#TabContainer div.Thumbs img.On
{
    opacity:1.0;
    filter:alpha(opacity=100);
    border-width:2px;
    padding:0;
}

#TabContainer div.Thumbs img.MouseOver
{
    opacity:0.8;
    filter:alpha(opacity=80);
}

#TabContainer div.FullSize
{
    border:solid 1px #000;
    padding:10px;
}

#TabContainer div.FullSize img
{
    border:solid 1px #000;
    display:block;
    margin:0 auto;
}

#TabContainer div.FullSize div{
    background-color:#7c7c7e;
    border:solid 1px #000;
    padding:5px;
    border-top:none;
    width:390px;
    margin:0 auto;
}

a.Return
{
    color:#fba733;
    display:block;
    font-size:11px;
    margin:0 0 3px 0;
}

div.CommunityContentContainer a.Return, div.FormContainer a.Return
{
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
}

div.CommunityContentContainer a.Return span
{
    font-size:16px;
    position:relative;
    top:0px;
}

/*End of Tab overrides from YUI Defaults*/

/* End of Elevation and Homesite Pages */

/*Directions Tab*/
div.Directions
{
    background:#8ea7cf url('../images/bg/community/Directions.gif') repeat-x 0 0;
    border:solid 1px #6482b3;
    border-top:none;
    color:#fff;
    padding:20px 12px;
}

div.CommunityDirections #map
{
    width:818px;
    border:solid 1px #000;
    border-top:none;
}

div.CommunityDirectionsBubble
{
    text-align:center;
}

div.CommunityContent div.CommunityDirectionsBubble img
{
    border:0;
}

div.CommunityDirections div.CommunityDirectionsBubble h3
{
    font-size:16px;
    color:#000;
    margin:0 0 2px 0;
    padding:0;
}

div.CommunityDirections div.CommunityDirectionsBubble h5
{
    font-size:14px;
    margin:15px 0 15px 0;
    padding:0;
}

div.CommunityDirections div.CommunityDirectionsBubble p
{
    margin:0 0 3px 0;
    padding:0;
}

/*End of Directions Tab*/

/*Photo Gallery with the YUI Carousel Control*/

#spotlight {
    border: 1px solid #000;
    margin: 10px auto;
    padding:5px 0;
}

#spotlight img{
    height:auto;
    padding:0px;
    margin:0 auto;
    display:block;
}

#spotlight div.GalleryPhotoTitle
{
    background:#7e7e7e;
    color:#fff;
    padding:10px;
    text-align:center;
    border:solid 1px #000;
    border-top:none;
    margin:0 auto;
    width:620px;
}

div.CarouselWrapper{
    background-color:#eee9e0;
    border:solid 1px #000;
    margin:0;
    padding:0px 10px 0 10px;
    overflow:auto;
    zoom:1;
}

div.CarouselWrapper ol li
{
    background-image:none;
    padding:0;
    margin:0 1px;
    border:0;
    height: 60px;
    opacity: 0.6;
    filter:alpha(opacity=60);
    width: 86px;
}

div.CarouselWrapper ol li.MouseOver
{
    opacity: 0.8;
    filter:alpha(opacity=80);
}

.yui-carousel-element li img{
    height: 55px;
    width: 73px;
}

div.CarouselWrapper .yui-carousel-element .yui-carousel-item-selected 
{
    border:none;
    opacity: 1;
    filter:alpha(opacity=100);
}

div.CarouselWrapper .yui-carousel-element .yui-carousel-item-selected img
{
    border-width:2px;
}

div.CarouselWrapper .yui-carousel-nav{
    margin:0;
    padding:0;
    text-align:right;
    display:none;
}

div.CarouselWrapper div.Previous, div.CarouselWrapper div.Next{
    float:left;
    background:url('../images/bg/community/PhotoGalleryNavSprts.gif') no-repeat 0 -55px;
    height:25px;
    margin:20px 10px;
    width:25px;
}

div.CarouselWrapper div.Next{
    background-position:0 -80px;
}

div.CarouselWrapper div.PreviousEnabled
{
    background-position:0 -2px;
    cursor:pointer;
}

div.CarouselWrapper div.NextEnabled
{
    background-position:0 -28px;
        cursor:pointer;
}

div.CarouselWrapper div#container{
    float:left;
}

/*End of Photo Gallery with the YUI Carousel Control*/

/*Contact List Page*/

div.ContactContainer
{
    margin:0 10px 10px 10px;
}

div.ContactContainer h3
{
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    padding:5px 0 5px 10px;
    border:solid 1px #c0c5d7;
    border-left:none;
    border-right:none;
    margin:0 0 10px 0;
    font-size:123.1%; 
}

div.ContactContainer div
{
    border:solid 1px #cfcdcf;
    border-top:none;
    float:left;
    width:398px;
    padding:5px;
    clear:both;
    height:160px;
}

div.ContactContainer div.FirstRow
{
    border-top:solid 1px #cfcdcf;
    margin:10px 0 0 0;    
}

div.ContactContainer div.RightColumn
{
    float:right;
    clear:none;
}

div.ContactContainer div.CheckeredBG
{
    background-color:#eff1f8;
}

div.ContactContainer ul
{
    padding:0 10px;
}

div.ContactContainer li
{
    margin:0 0 10px 0;
    display:inline; /*double margin float bug for IE*/
}

div.ContactContainer li.Phone
{
    float:left;
    width:60%;
}

div.ContactContainer li.Electronic
{
    float:right;
    width:40%;
}

div.ContactContainer li.Electronic a
{
    display:block;
    color:#000;
}

div.ContactContainer li.Mailing
{
    clear:both;
}

div.ContactContainer li h6
{
    color:#274a84;
    font-weight:bold;
    padding:0;
    margin:0 0 2px 0;
}

/*End of Contact List Page*/

/* WarrantyInformation */
div.WarrantyInformation
{
    margin:25px 20px;
}

div.WarrantyInformation img
{
    float:right;
    border:solid 1px #000;
    margin:0 0 10px 30px;
}

/* End of WarrantyInformation */

/* Press Releases */
div.PressReleasesContainer
{
    margin:10px;
}

div.PressReleasesContainer div
{
    border:solid 1px #ccc;
    padding:5px 20px 10px 20px;
    margin:0 0 10px 0;
}

div.PressReleasesContainer div.Alt
{
    background-color:#f3f6fa;    
}

div.PressReleasesContainer h4
{
    border:solid 1px #dae0ea;
    border-left:none;
    border-right:none;
    margin:0 -10px 10px -10px;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    font-size:138.5%;
    line-height:1.5em;
    text-indent:5px;
}

div.PressReleasesContainer h6
{
    font-weight:bold;
    font-style:italic;
    margin-bottom:10px;
}

div.PressReleasesContainer ul li
{
    background:transparent url('../images/bg/bullets/arrow_feature_list.gif') no-repeat 0 5px;
    margin-bottom:0;
    margin-top:0;
    padding:0 0 4px 8px;
}

div.PressReleasesContainer a
{
    font-size:90%;
    background:transparent url('../images/bg/icons/HandPointerSprt.jpg') no-repeat 0 1px;
    padding:0 0 0 23px;
}

div.PressReleasesContainer div.Alt a
{
    background-position:0 -13px;
}

/* Press Releases */

/* Home Owner Testimonials*/

div.HomeOwnerTestimonials
{
    background:#e5e9f0 url('../images/bg/HomeOwnerTestimonials/HomeOwnerTestimonials.gif') repeat-x 0 0;
    margin:20px 0 0 0;   
    padding:0 10px 20px 20px;
    overflow:auto;
    zoom:1;
}

div.HomeOwnerTestimonials div
{
    padding:0 0 10px 0px;
}

div.HomeOwnerTestimonials div.ColumnOne, div.HomeOwnerTestimonials div.ColumnTwo
{ 
    background:transparent url('../images/bg/HomeOwnerTestimonials/HomeOwnerTestimonialsHeader.gif') repeat-x 0 0;
    padding:20px 0 0 0;
    margin:0 0 10px 0;
}

div.HomeOwnerTestimonials div.ColumnOne
{
    min-height:1px;
}

div.HomeOwnerTestimonials div.ColumnOne img
{
    border:solid 1px #f3b060;
    margin:10px 0 0 0;
    width:140px;
}

div.HomeOwnerTestimonials div.ColumnTwo div
{ 
    background-color:#fff;
    border:solid 1px #8b98c3;
    border-top:none;
    padding:0 20px 10px 20px;
}

div.HomeOwnerTestimonials div.ColumnTwo div h5
{ 
    padding:10px 0;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    font-size:100%;
    line-height:1.3em;
}

div.HomeOwnerTestimonials div.ColumnTwo div h5 a
{ 
    color:#274a84;
}


/* End of Home Owner Testimonials*/



/* Real Estate */

div.RealEstateHighlight
{
    border:solid 1px #000;
}

div.CommunityContent div.RealEstateHighlight img
{
    border:none;
    display:block;
}

div.CommunityContent div.RealEstateHighlight p
{
    background:#87a8d2;
    border-top:solid 1px #000;
    color:#fff;
    font-size:11px;
    margin:0;
    padding:9px 7px;
}

div.RealEstate div.ColumnThree img
{
    border-color:#f7cd9b;
}

div.RealEstate div.ColumnThree img.BlueImageBorder
{
    border-color:#000;
    border-top:solid 3px #233e72;
    margin:0 0 10px 0;
}

div.CommunityContent div.ColumnOne div.BrownHighlight h6
{
    background-color:#233e72;
    color:#fff;
    padding:3px 7px;
    margin:0 0 2px 0;
    font-weight:bold;
    font-size:13px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

div.RealEstate div.ColumnOne div.BrownHighlight
{
    padding:0px 0px 10px 0;
}

div.SearchForCommunity
{
    border-top:solid 1px #87a8d2;
    margin:0 1px;
    padding:2px 0 0 0;
}

#SearchForCommunityHighlight
{
   border-bottom:solid 1px #87a8d2;
   height:235px;
   margin-bottom:2px;   
}

#SearchForCommunityHighlight img
{
    border:none;
}

div.CommunityContent div.ColumnOne div.BrownHighlight ul
{
    margin:0 3px;
    border-top:solid 3px #274a84; 
}

div.CommunityContent div.ColumnOne div.BrownHighlight ul ul
{
    margin:0;
    border-top:none; 
}


div.CommunityContent div.ColumnOne div.BrownHighlight ul li
{
    margin:0;
    padding:0 0 5px 0;
    background-image:none;
}


div.CommunityContent div.ColumnOne div.BrownHighlight ul li li
{
    padding:3px 0;
}

div.CommunityContent div.ColumnOne div.BrownHighlight h5
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:113%;
    font-weight:bold;
    line-height:1em;
}

#SearchForCommunityHighlight
{
    text-align:center;
}

#SearchForCommunityHighlight a
{
    font-size:12px;
    font-weight:bold;
}

#SearchForCommunityHighlight p
{
    padding:0;
    margin:5px 0;
}

/* End of Real Estate */

/* --- Custom Content to be entered by BCH ------------------------
             
------------------------------------------------------------------ */

/*Custom Grids*/

/*override default min-height on ColumnOne*/
div.CustomContent div.ColumnOne
{
    min-height:0;
}

div.OneFullColumn, div.FirstTwoSameThirdBigger, div.TwoColumnsSameWidth, div.ThreeColumnsSameWidth, div.FourColumnsSameWidth, div.FirstBigSecondSmall, div.FirstSmallSecondBig, div.FirstBigSecondThirdSame, div.SecondBigFirstThirdSame
{
    zoom:1;
}

div.OneFullColumn:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.FirstTwoSameThirdBigger:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.TwoColumnsSameWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.ThreeColumnsSameWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.FourColumnsSameWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.FirstBigSecondSmall:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.FirstSmallSecondBig:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.FirstBigSecondThirdSame:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.SecondBigFirstThirdSame:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


div.OneFullColumn div.ColumnOne
{
    float:none;
}

div.FirstTwoSameThirdBigger div.ColumnOne, div.FirstTwoSameThirdBigger div.ColumnTwo, div.FirstBigSecondThirdSame div.ColumnTwo, div.FirstBigSecondThirdSame div.ColumnThree, div.SecondBigFirstThirdSame div.ColumnOne, div.SecondBigFirstThirdSame div.ColumnThree
{
    width:190px;
} 

div.SecondBigFirstThirdSame div.ColumnThree
{
    width:197px;
}

div.FirstTwoSameThirdBigger div.ColumnThree, div.FirstBigSecondThirdSame div.ColumnOne, div.SecondBigFirstThirdSame div.ColumnTwo
{
    width:406px;
    margin-left:14px;
} 

div.SecondBigFirstThirdSame div.ColumnTwo
{
    width:402px;
    margin-right:14px;
} 

div.FirstTwoSameThirdBigger div.ColumnThree div.Col
{
    width:189px;
    margin-right:14px;
}

div.ThreeColumnsSameWidth div.ColumnOne, div.ThreeColumnsSameWidth div.ColumnTwo, div.ThreeColumnsSameWidth div.ColumnThree
{
    width:262px;
    margin-right:14px;
}

div.FourColumnsSameWidth div.ColumnOne, div.FourColumnsSameWidth div.ColumnTwo, div.FourColumnsSameWidth div.ColumnThree, div.FourColumnsSameWidth div.ColumnFour
{
    width:194px;
    margin-right:14px;
}

div.ThreeColumnsSameWidth div.ColumnThree, div.FourColumnsSameWidth div.ColumnFour, div.FirstSmallSecondBig div.ColumnTwo, div.FirstBigSecondSmall div.ColumnTwo, div.FirstBigSecondThirdSame div.ColumnThree
{
    margin-right:0px;
}

div.FirstBigSecondSmall div.ColumnOne, div.FirstSmallSecondBig div.ColumnTwo
{
    width:600px;
}

div.FirstBigSecondSmall div.ColumnTwo, div.FirstSmallSecondBig div.ColumnOne
{
    width:200px;
}


/*End of Custom Grids*/
div.CommunityContent h3
{
    padding:0;
    margin:0 0 .3em 0;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    line-height:1.3em;
    font-size:18px;
    font-weight:normal;
}

div.CommunityContent h6
{
    padding:0;
    margin:.5em 0;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    line-height:1.1em;
    font-size:16px;
    font-weight:normal;
    color:#274a84;
}

div.CommunityContent h5
{
    padding:0;
    margin:5px 0 .2em 0;
}

div.CommunityContent div.BrownHighlight h5
{
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    font-size:14px;
    font-weight:normal;
    line-height:1.3em;
    margin:0 0 .5em 0;
}

div.CommunityContent p
{
    padding:0;
    margin:0 0 10px 0;
}

div.CommunityContent img
{
    border:solid 1px #000;
}

div.CommunityContent img.NoBorder {
    border:none;
}

div.CommunityContent ul
{
    margin:0 0 7px 0;
}

div.CommunityContent li 
{
    background:transparent url('../images/bg/bullets/arrow_feature_list.gif') no-repeat 0 5px;
    margin:0 0 3px 2px;    
    padding:0 0 0 8px;
}

/* --- End of Custom Content to be entered by BCH ---------------------------------------------- */

/*--- Video Blog ---*/


/*--- End of Video Blog ---*/

/* --- End of Page Specific -------------------------------------- */

.VBHeader
{
    background:url('../images/bg/Bill-Clark_VB.jpg') no-repeat 0 0;
    margin:10px 10px 0;
    padding:10px 10px 10px 155px;
}

.VB
{
    background-color:#f3f3f3;
    padding-top:5px;
    text-align:center;
}

div.VBContainer div.ColumnOne, div.VBContainer div.ColumnTwo
{
    margin-top:10px !important;
}

div.VBContainer div.ColumnOne
{
    border-color:#000 !important;
    min-height:200px;
}


div.VBContainer div.ColumnOne li div 
{
    background-color:#87a8d2;
    border-top:solid 1px #000;
    color:#fff;
    padding:0 10px 5px 10px;
    text-align:left;
}

div.VBContainer div.ColumnOne li div div
{
    border-top:none;
    padding:0;
}

div.VBContainer div.ColumnOne h6
{
    color:#fff;
    margin:5px 0 0 0;
}


/* --- Forms -----------------------------------------------------
             
------------------------------------------------------------------ */

div.FormContainer
{
    padding-bottom:15px;
}

div.FormContainer div.ColumnOne, div.FormContainer div.ColumnTwo, div.FormContainer div.ColumnThree
{
    margin:15px 10px;
}

div.FormContainer div.ColumnOne
{
    border:solid 1px #f3b060;
    margin-right:0;
    margin-bottom:0;
}

div.MortgageCalculator div.ColumnOne
{
    border:none;
    margin-right:40px;
}

div.FormContainer div.ColumnOne h5
{
    border-top:solid 10px #4b6a9e;
    margin:0;
    padding-left:10px;
    font-weight:bold;
    font-size:108%;
    line-height:4em;
    color:#000;
}

div.FormContainer div.ColumnOne div.ThankYou
{
    height:650px;
    margin:20px;
}

div.FormContainer div.ColumnOne form
{
    margin:10px 30px 0px 80px;
}

div.MortgageCalculator div.ColumnOne form
{
    margin:0;
    border:solid 1px #ccc;
    padding:35px;
    overflow:auto;
    background:#fff url('../images/bg/community/ContactPanel.jpg') repeat-x;
    zoom:1;
}

dl#ErrorMessage
{
    display:none;
    margin:0 0 10px;
    color:#4b6a9e;
}

dl#ErrorMessage dd
{
    background:transparent url('../images/bg/bullets/arrow_feature_list.gif') no-repeat 0 7px;
    margin:0 0 0 3px;
    padding:2px 0 2px 7px;
}

div.FormContainer div.ColumnOne form label, div.FormContainer div.ColumnOne form em, div.FormContainer div.ColumnOne form span
{
    float:left;
    width:128px;
    line-height:1.5em;
    color:#000;
}

div.FormContainer div.ColumnOne form label
{
    position:relative;
    top:2px;
}

div.FormContainer div.ColumnOne form em
{
    width:5px;
    clear:both;
    color:#4b6a9e;
    margin-left:-10px;
    padding:2px 0 0 0;
}

div.FormContainer div.ColumnOne form span
{
    width:20px;
    height:20px;
    top:0px;
}

div.FormContainer div.ColumnOne form span.FlagError
{
    background:url('../images/bg/icons/error_exclamation.gif') no-repeat 0px 2px;
    margin:0 0 0 -20px;
}
    
div.FormContainer div.ColumnOne form input, div.FormContainer div.ColumnOne form select, div.FormContainer div.ColumnOne form textarea
{
    float:left;
    width:250px;
    margin:0 0 7px 0;
    border:solid 1px #aaa;
    height:18px;
    padding:2px 0 0 2px;
}

div.MortgageCalculator div.ColumnOne form input
{
    width:100px;
}

div.FormContainer div.ColumnOne form input.Last, div.FormContainer div.ColumnOne form select.Last
{
    margin:0px;
}

div.FormContainer div.ColumnOne form select
{
    width:254px;
    height:auto;
}

div.MortgageCalculator div.ColumnOne form select
{
    width:104px;
}

div.MortgageCalculator div.ColumnOne p
{
    text-align:right;
    padding:0;
    margin:0 0 7px 0;
}

div.MortgageCalculator div.ColumnOne a
{
    padding:0 0 0 5px;
}

div.FormContainer div.ColumnOne form fieldset
{
    width:405px;
    float:left;
    padding:0 0 7px 0;
}

div.MortgageCalculator div.ColumnOne form fieldset
{
    width:250px;
    clear:left;
}



div.FormContainer div.ColumnOne form fieldset.TextAreaWrapper
{
    width:470px;
}

div.FormContainer div.ColumnOne form fieldset.TextAreaWrapper textarea
{
    width:310px;
    height:120px;
    margin:0;
}

div.FormContainer div.ColumnOne form fieldset.SubmitWrapper
{
    padding:14px 0 21px 0;
}

div.MortgageCalculator div.ColumnOne form p.Breaker
{
    border-bottom:solid 1px #ccc;
    margin:0 15px 7px 30px;
    padding:7px 0 0 0;
    height:1px;
    clear:left;
}

div.MortgageCalculator div.ColumnOne form fieldset.SubmitWrapper
{
    padding:7px 0;
}

div.FormContainer div.ColumnOne form fieldset.SubmitWrapper input.Submit
{
    width:auto;
    height:auto;
    margin:0 0 0 100px;
}

div.MortgageCalculator div.ColumnOne form fieldset.SubmitWrapper input.Submit
{
    margin:0 0 0 50px;
}

input.Submit
{
    border:solid 1px #ccc;
    background-color:#eee;
    color:#274a84;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
    padding:2px; 
}

#FormHighlight img.FloorPlanElevation
{
    
    width:187px;
    height:140px;
    border:solid 1px #000;
}

#FormHighlight div.HomeHighlight
{
    margin:13px 0 0 0;
    border:solid 1px #4b6a9e;
    border-top-width:10px;
    padding:15px 10px;
}

#FormHighlight div h2
{
    background:#4b6a9e;
    margin:-20px -10px 10px -10px;
    padding:0 0 3px 5px;
}

#FormHighlight div p
{
    padding:0;
    margin: 0 0 5px 0;
}

/* --- End of Forms ---------------------------------------------- */

/* --- Admin -----------------------------------------------------
             
------------------------------------------------------------------ */

#PhotoListTable
{
    margin:10px 50px;
}

div.Documentation h4
{
    margin-top:40px;
} 

div.Documentation h4 span
{
    font-size:11px;
    padding:0 15px
} 

/* --- End of Admin ---------------------------------------------- */

/* Sandbox */



/* End of Sandbox */
