/* =reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,td,small  { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; font-size:1em; }

/* =helpers */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
.left{ float:left; }
.right{ float:right; }
.debug{ border:1px solid #f00; }

/* =font-size hints
2em displayed at 24px 
1.5em displayed at 18px 
1.25em displayed at 15px 
1em displayed at 12px 
*/

/*#Elements#*/
html {font-size:62.5%; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#000; background:url(../App_Themes/FormatHomes/images/tile_bg.gif) repeat-x #d9d7d5; color:#676767; }
h1 a { text-indent:-9999px; display:block; background:url(../App_Themes/FormatHomes/images/logo.gif) no-repeat; width:246px; height:108px; float:left;}
h2 { font-size:1.52em; padding-bottom:4px; padding-top:11px; color:#676767; font-weight:bold; }
h3 { font-size:1.115em; color:#5c5b5b; font-weight:bold; line-height:2; }
h3.h3home { font-size:1.25em; color:#7e7e7f; line-height:1; padding-top:2px; margin-bottom:10px; }
h4 { font-size:1.1em; }
h5 { }
h6 { }
p { padding:3px 0 8px 0; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
a { outline:none; }
a:link, a:visited { text-decoration:none; color:#000; }
a:hover, a:active { text-decoration:underline; }
input, select, textarea { font-size:1em; }
textarea { font-family:Tahoma, Arial, Helvetica, sans-serif; }
ul { }
li { }
table { border-collapse: collapse; border-spacing: 0; font-size:1em; }

/*#Layout#*/
#container { width:780px; margin:7px auto; background:#fff; }
#banner { background:url(../App_Themes/FormatHomes/images/tile_header.gif) bottom repeat-x; float:left; width:780px; }
#banner span { background:url(../App_Themes/FormatHomes/images/header_text.gif) no-repeat; display:block; text-indent:-9999px; width:251px; height:108px; float:right;}
#content-wrapper { padding:4px 1px 10px 1px; float:left; min-height:400px; }
#content-main { float:left; width:548px; }
#content-sub { float:right; width:225px; }
#site-info { clear:both; font-size:0.9em; height:86px; line-height:30px; margin:0 20px; border-top:1px solid #ccc; color:#77797a; }
#site-info a { color:#77797a; }

/*#NavSite#*/
#nav-site { width:780px; margin:0 1px;  display:block; z-index:100; float:left; background:url(../App_Themes/FormatHomes/images/menu.gif) no-repeat;}
#nav-site ul { text-indent:-9999px; }
#nav-site li { float:left; display:block; height:37px; }
#nav-site a { display:block; height:37px;}
#nav-site .aboutus  { width:90px; }
#nav-site .build  { width:110px; }
#nav-site .display  { width:128px; }
#nav-site .sell  { width:146px; }
#nav-site .collection  { width:131px; }
#nav-site .gallery  { width:68px; }
#nav-site .contactus  { width:105px; }
#nav-site a[title="About Us"]:hover, #nav-site a[title="About Us"]:active, #nav-site .active a[title="About Us"]{ background:url(../App_Themes/FormatHomes/images/menu.gif) 0 -37px no-repeat !important; }
#nav-site a[title="How We Build"]:hover, #nav-site a[title="How We Build"]:active, #nav-site .active a[title="How We Build"]{ background:url(../App_Themes/FormatHomes/images/menu.gif) -90px -37px no-repeat    !important; }
#nav-site a[title="Display Villages"]:hover, #nav-site a[title="Display Villages"]:active, #nav-site .active a[title="Display Villages"]{ background:url(../App_Themes/FormatHomes/images/menu.gif) -200px -37px no-repeat    !important; }
#nav-site a[title="Selling Your Home"]:hover, #nav-site a[title="Selling Your Home"]:active, #nav-site .active a[title="Selling Your Home"]{ background:url(../App_Themes/FormatHomes/images/menu.gif) -328px -37px no-repeat    !important; }
#nav-site a[title="Home Collection"]:hover, #nav-site a[title="Home Collection"]:active, #nav-site .active a[title="Home Collection"]{ background:url(../App_Themes/FormatHomes/images/menu.gif) -474px -37px no-repeat    !important; }
#nav-site a[title="Gallery"]:hover, #nav-site a[title="Gallery"]:active, #nav-site .active a[title="Gallery"]{ background:url(../App_Themes/FormatHomes/images/menu.gif) -605px -37px no-repeat    !important; }
#nav-site a[title="Contact Us"]:hover, #nav-site a[title="Contact Us"]:active, #nav-site .active a[title="Contact Us"]{ background:url(../App_Themes/FormatHomes/images/menu.gif) -673px -37px no-repeat    !important; }

/*#Content#*/
.col-a { float:left; width:548px; }
.col-b { float:left; width:308px; padding:18px 12px 0 22px; }
.col-b a { color:#e31f27; }
.col-c { float:left; width:205px; }
.col-c .border { border-left:1px solid #d9dadc; }
.col-c .content { padding:18px 0 0 15px; color:#5c5b5b; font-size:0.9em }
.col-c a { color:#5c5b5b; }
.col-c h4 { font-weight:bold; }

#twocol .col-a { float:left; width:440px; }
#twocol .col-b { float:left; width:280px; }

#info { padding:22px 20px 0 20px; }
#info p { padding:7px 0 7px 0; }
#info .build p { padding:4px 0 7px 0; }
#info .selling p { padding:4px 0 7px 0; }
#info .selling h3 { padding:4px 0 8px 0; line-height:1; }
#info ul { margin:4px 0 10px 0; }
#info li { margin-bottom:3px; width:432px; margin-left:40px; list-style-image:url(../App_Themes/FormatHomes/images/bullet.gif); }

.fhlinks a:link { color:#e31f27; text-decoration:none; }
.fhlinks a:hover { text-decoration:underline; }
.fhlinks p { margin-top:1px; }
.brochureUl { line-height:1.5; }

.contact { margin:-3px 0 0 16px; }
.contact h2 { font-size:1.115em; line-height:1; padding-bottom:7px; }
.contact h3 { padding-bottom:5px; }

#content-sub li, .col-c li { list-style:none; padding-left:5px; background:url(../App_Themes/FormatHomes/images/arrow_red.gif) left 4px no-repeat; }
#content-sub .displayvillage { padding:17px 0 22px 10px; }
#content-sub .displayvillage a { color:#5c5b5b; font-weight:bold; font-size:0.9em }
#content-sub .quick-search { padding:0 13px 11px 13px; }

/*#Display Homes#*/
.display-list h3 { line-height:25px; font-weight:bold; text-indent:10px;}
.display-list h4 { background:#d4d4cf; font-size:1em; padding:4px 3px; }
#display-villages { margin-top:12px; float:left;}
#display-villages li{ float:left; width:137px; }
#display { margin-top:12px; float:left;}
#dvinfo{ float:left; margin-top:-2px; padding:0 0 5px 0; border-bottom:1px solid #e7e7e3; margin-bottom:19px !important; }
#dvmap{ float:left; width:182px; text-align:center}
#dvtext{ float:left; width:366px; background:#f4f4f2; min-height:121px !important; padding-top:8px;}
#dvtext p{ padding-left:18px}

.storeys { font-size:1.115em; padding:0 5px 6px 6px; font-weight:bold; color:#5c5b5b; margin-top:5px; }
.bed-group { background:#d4d4cf; font-size:1em; padding:4px 3px; margin:5px 0 0px 6px; font-weight:bold; color:#5c5b5b; height:13px; }
.display-list { clear:both; }
.display-list .title { line-height:1; height:auto; }
.display-list .list { background:#f4f4f2; line-height:40px; height:40px; margin:4px 0;}
.display-list .image { float:left; width:128px; padding-top:4px; padding-left:21px; height:36px; }
.display-list .image img { border:1px solid #d4d4cf; height:30px; }
.display-list .location { float:left; width:130px; }
.display-list .area { float:left; width:123px;  }
.display-list dl { float:left; width:144px; padding-left:2px; }
.display-list dt { float:left; width:12px; }
.display-list dd { float:left; width:35px; }

#homecollect-list h3 { line-height:25px; font-weight:bold; text-indent:10px;}
#homecollect-list h4 { background:#d4d4cf; font-size:1em; padding:4px 3px; }
#homecollect-list { margin:0 20px; clear:both; float:left; width:735px;}
#homecollect-list .title { line-height:1; height:auto; }
#homecollect-list .list { background:#f4f4f2; line-height:40px; height:40px; clear:both; }
#homecollect-list .image { float:left; width:172px; padding-top:4px; padding-left:21px; height:36px; }
#homecollect-list .image img { border:1px solid #d4d4cf; height:30px; }
#homecollect-list .location { float:left; width:158px;}
#homecollect-list .area { float:left; width:126px; }
#homecollect-list .disphome, #homecollect-list .dispimg { float:left; width:30px; padding-top:7px;  }
#homecollect-list dl { float:left; width:188px; }
#homecollect-list dt { float:left; width:18px; }
#homecollect-list dd { float:left; width:38px; }

#viewhome { float:left; padding:0 10px 0 0px; width:720px; }
#viewhome .col-a { float:left; width:280px; border-right: 1px solid #e7e7e3; }
#viewhome .col-b { float:left; width:400px; padding:15px 12px 0 20px; }
#viewhome td, #viewhome th { text-indent:6px; line-height:21px; }
#viewhome td { text-align:right; padding-right:9px; width:95px; }
#viewhome dl { line-height:20px; padding: 4px 9px 3px 6px;}
#viewhome dt { width:140px; float:left; clear:left;}
#viewhome dd { width:90px; float:right; text-align:right;}
#viewborder{ border-top: 1px solid #e7e7e3; margin:30px 0 15px 0; }

.details { margin-top:3px; }
.details, .thumb-container { background-color: #f4f4f2;  vertical-align: top; border-bottom:1px solid #f4f4f2; }
.details-underline { border-bottom: 1px solid #E31F27;}
.details .details-header { font-size: 1.2em; line-height:22px; padding-top:1px; text-indent:6px; font-weight: bold; background:#d4d4cf; margin-bottom:1px; }
.floorplan { padding: 0px 10px 0px 20px; width: 355px; vertical-align: top;}
.elevation { vertical-align: top; color:#676767; padding-right: 30px; float:left; margin-bottom:10px; width:250px; padding-top:8px; }

.thumb-container { margin-bottom:10px ; float:left; color:#676767; margin-top:15px; width:250px; }
.thumb-container .details-header { font-size: 1.2em; line-height:22px; padding-top:1px; text-indent:6px; font-weight: bold; background:#d4d4cf; height:22px; float:left; width:250px; }
.wrapper { width:40px; float:left; padding:4px 21px ;}
.thumbs { border:1px solid #d4d4cf; }

/*#Paging#*/
span.SelectedNext { display:none; }
a.UnselectedNext { color:#5c5b5b; background:url(../App_Themes/FormatHomes/images/next_btn.gif) center no-repeat; display:block; float:left; width:32px; height:15px; text-indent:-9999px; margin-left:10px;}
a.UnselectedPrev, span.SelectedPrev { color:#5c5b5b; background:url(../App_Themes/FormatHomes/images/goto.gif) center no-repeat; display:block; float:left; width:71px; height:15px; text-indent:-9999px; margin-right:10px; }
.PagerControl { margin:12px 0 43px 0; position:relative; }
.UnselectedPage, .SelectedPage { float:left;}
.PagerNumberArea { float:right; position:absolute; top:-8px; right:0; }
.PagerNumberArea span { font-weight:bold; color:#5c5b5b; }
.PagerNumberArea a:hover { text-decoration:underline; }
.PagerNumberArea .SelectedPage { color:#ed1c24; text-decoration:underline; font-weight:bold }
.PagerNumberArea .UnselectedPage, .PagerNumberArea .SelectedPage,
.PagerNumberArea .UnselectedPrev, .PagerNumberArea .SelectedPrev,
.PagerNumberArea .UnselectedNext, .PagerNumberArea .SelectedNext { margin:0 4px; }
.PagerResults { font-weight:normal !important; }

/*#Form#*/
.form-container { border-right: 1px solid #d4d4cf; margin:15px 0; width:448px; }
.form-container p { clear:both; margin-bottom:1px; }
.form-container h3 { text-indent:20px; line-height:32px; padding-top:1px; }
.form-container  label, .form-container span { display:block; width:175px; float:left; text-indent:10px; margin-right:10px;}
.form-container select { width:153px;}
.form-container input, .form-container textarea { width:150px; }
.form-container .FormButton { width:auto; margin-left:185px;}
.form-container .form { background-color: #f4f4f2; min-height:100px; border: 1px solid #d4d4cf; width:378px; margin-left:20px; margin-top:1px; padding:4px 0 20px 0;}
.ErrorLabel { display:none !important; }
.EditingFormErrorLabel { padding-left:180px !important; color:#e31f27; line-height:18px; }
.form-container .interested { margin:25px 0; }
.required { height:15px; }
.required span { text-indent:0; }
.EditingFormInfoLabel { width:350px !important; }

/*#QuickFind#*/
#quick-find h3{ text-indent:-9999px; height:27px; margin-left:13px; clear:left; }
#quick-find p{ float:left; width:205px; padding:3px 10px 1px 18px; }
#quick-find p.btns { padding:4px 10px 2px 10px; }
#quick-find p.btns2 { padding:1px 10px 0px 10px; }
#quick-find label{ line-height:14px; height:14px; float:left; display:block; width:14px;margin-left:5px; }
#quick-find input{ height:14px; float:left; }
#quick-find img.search-button{ margin-top:7px; cursor:pointer; }
#h3-bedroom{ background:url(../App_Themes/FormatHomes/images/q_bedrooms.gif) no-repeat; }
#h3-bathroom{ background:url(../App_Themes/FormatHomes/images/q_bathrooms.gif) no-repeat; }
#h3-carparks{ background:url(../App_Themes/FormatHomes/images/q_carparks.gif) no-repeat; }

/*#QuickSearch#*/
.quick-search { margin:2px 10px 2px 20px; padding:14px 0 2px 5px; border-bottom:1px solid #e7e7e3; display:block; float:left; clear:both; width:732px; }
.quick-search p { float:left; }
.quick-search .bed { width:130px; }
.quick-search .bath { width:150px; }
.quick-search .car { width:187px; }
.quick-search .show { float:left; line-height:25px; margin-right:30px; }

.search { padding: 3px 25px 3px 5px; float:left; line-height:30px; margin:0 20px;}
.search p { float:left; min-width:130px; padding-right:10px; line-height:30px; height:30px;}
.search span { float:left; width:70px; padding-top:2px;}
.search input { padding-top:5px; }

#collectborder{ border-bottom:1px solid #e7e7e3; margin:5px 20px 10px 20px; clear:both;}
#searchleft{ float:left; width:250px; margin-left:20px;}
#searchright{ float: right; width:250px; text-align:right; margin-right:20px;}

/*#Gallery#*/
#gallery-wrapper { width:428px; margin:0 auto; padding-top:26px;}
.gallery ul, .gallery li { margin:0px; padding:0px; list-style:none; list-style-image:none}
.gallery li { margin: 0 3px 7px 3px; float:left; padding:2px; border:solid 1px #616060;}
.gallery li img { display:block;}

/*#Links#*/
.red{ color:#ed1c24; font-weight:bold}
.red-link { color:#e31f27 !important; }
a.view { color:#5c5b5b; background:url(../App_Themes/FormatHomes/images/arrow_red.gif) left center no-repeat; padding-left:6px}
a.next{ color:#5c5b5b; background:url(../App_Themes/FormatHomes/images/arrow_red.gif) right center no-repeat; padding-right:6px}
a.back{ color:#5c5b5b; background:url(../App_Themes/FormatHomes/images/arrow_red_back.gif) left center no-repeat; padding:1px 0 0 6px;}
.pageactive{ color:#ed1c24; text-decoration:underline; font-weight:bold}
.pagelinks { margin-right:20px;}
.pagelinks a{ color:#5c5b5b;}

/*#ContentSub Images#*/
.brochure-dl { background:url(../App_Themes/FormatHomes/images/h_brochure.gif); width:205px; height:35px; text-indent:-9999px;}
.feature { background:url(../App_Themes/FormatHomes/images/h_featured.gif); width:205px; height:35px; text-indent:-9999px;}
.bedrooms { background:url(../App_Themes/FormatHomes/images/q_bedrooms.gif); width:199px; height:27px; text-indent:-9999px;}
.bathrooms { background:url(../App_Themes/FormatHomes/images/q_bathrooms.gif); width:199px; height:27px; text-indent:-9999px;}
.carparks { background:url(../App_Themes/FormatHomes/images/q_carparks.gif); width:199px; height:27px; text-indent:-9999px;}
.master-builder { background:url(../App_Themes/FormatHomes/images/s_masterbuilder.gif); width:225px; height:76px; text-indent:-9999px;}
.homecollectionimg { background:url(../App_Themes/FormatHomes/images/s_homecollection.gif); width:225px; height:46px; text-indent:-9999px;}
.disvillage { background:url(../App_Themes/FormatHomes/images/s_displayvillages.gif); width:225px; height:54px; text-indent:-9999px;}
.sellingprofile { background:url(../App_Themes/FormatHomes/images/s_sellingprofile.gif); width:225px; height:57px; text-indent:-9999px;}
.searchimg { background:url(../App_Themes/FormatHomes/images/s_search.gif); width:225px; height:18px; text-indent:-9999px; display:block;}
.viewall a{ background:url(../App_Themes/FormatHomes/images/s_viewall.gif); width:225px; height:21px; text-indent:-9999px; display:block;}

/*#SiteMap#*/
#site-map ul{ font-weight:bold; padding:10px 0;}
#site-map ul li{ padding:5px 0; }
#site-map ul ul{ font-weight:normal; margin:0px 50px;  }
#site-map ul ul li{ padding:2px 0; }	
#site-map a { color:#000;}