@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
.cufon-loading {visibility:hidden !important;}

body {
	background:#f9f8f5 url(/app_images/bg2.jpg) top center repeat-x;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:71%;
	margin:0px;
	padding:0px;
}

.clear {clear:both; margin-top:-1px; overflow:hidden;height:1px;}

p {margin:5px 0px;}

h2 { font-size:16px;}
h3 { font-size:13px;}
h4 { font-size:11px;}




h1,h2,h3,h4 {margin:0px;}

h3 {text-transform:uppercase ; letter-spacing:1px; color:#108fa9;}
h4 {text-transform:uppercase ; letter-spacing:0.5px; color:#117582; margin-bottom:4px;}

#content h1 {padding-bottom:10px;}



a {outline:none;}

a:link {color:#0f6772; text-decoration:none;}
a:visited {color:#117582; text-decoration:none;}
a:hover {text-decoration:underline;}

sup {font-size:7px; position:relative;}


.highlight
{
 color: #ff0000;
}
 
.validationsummary, .highlight
{
    color: #ff0000;
    font-weight: bold;
}
 
.validationsummary ul
{
    padding: 0px 4px 0px 16px;
}
 








span.magnify {
	height:12px; 
	width:12px; 
	background:#ccc url(../app_images/plus.png) center no-repeat; 
	position:absolute; 
	margin-top:10px; 
	margin-left:5px;}


body.plan #sidebar-right span.magnify {
	position:absolute; 
	margin-top:30px; 
	margin-left:80px;
	}



div.quote {
	background: url(../app_images/quote1.png) top left no-repeat;	
	padding:5px 50px 5px 40px;
	color:#108fa9;
	margin-top:10px;
	font-style:italic;
}

div.quote span {
	background: url(../app_images/quote2.png) center no-repeat;	
	width:40px;
	height:40px;
	display:block;
	position:relative;
	float:right;
	left:30px;
	top:-35px;
}








#wrapper {
	width:850px;
	margin:0px auto;
}
	

#header {
	margin:0px auto 0px auto;
	color:#0f6772;
	padding-top:30px;
	height:120px;
}

#content {
	clear:both;
}

body.homepage #content {
	width:950px;
	margin:0px auto;
	padding-top:0px;
}

#footer {
	margin-bottom:0px;
	clear:both;
}


.negativeIndent {margin-left:-40px;}




h1#logo a, h3#logo a {display:block; background: url(/app_images/logo.png) no-repeat; width:182px; height:105px; text-indent:-3000px;}
ul#headerList h1, ul#headerList h3 {margin:0px; padding:0px;}
ul#topnav, ul#headerList {padding:0px; margin:0px;}
ul#headerList li {list-style-type:none; float:left;}
ul#topnav li {list-style-type:none; display:inline; font-size:14px; letter-spacing:0.5px; text-transform:lowercase;padding-top:27px;}

#navBg { background:url(/app_images/navbg.jpg) top right no-repeat; width:680px; height:44px; margin-top:0px; }
#containNav {position:relative; display:block; float:right;  }

#topnav li {margin-left:10px; }
#topnav li a:link, #topnav li a:visited {color:#0f6772; text-decoration:none;}
li.activeLink {background:url(/app_images/topnavpointer.png) center 15px no-repeat;}
li.activeLink a {color:#f7941e !important; font-weight:bold;}


#tagline h6 {background:url(../app_images/tagline.png) top right no-repeat; display:block; width:300px; height:51px; padding:0px; margin:0px;margin-left:380px; text-indent:-3000px;}




#sidebar-left {
	width:400px; float:left;
}

#sidebar-right {
	width:400px; float:right;
}





#bottom-content h4 {text-align:center; color:#999; margin:0px;}
body.propertylistings #bottom-content h4 {text-align:left; text-transform:uppercase ; letter-spacing:0.5px; color:#117582; margin-bottom:4px;}


#bottom-content {
	clear:both;
	padding-top:20px;
	width:850px;
}

/* body.theconcept #bottom-content, body.ourpartners #bottom-content, body.buildingoptions #bottom-content {
	background:url(../app_images/fluff.png) bottom center no-repeat;
}*/



ul.clients {height:100px; margin:0px; padding:0px; margin-left:150px;}
ul.clients li {display:block; float:left; list-style-type:none; width:110px; height:90px;}

ul.clients li a {background: url(../app_images/thumb-bg8.png) center no-repeat; display:block; width:110px; height:84px;}
ul.clients li a img {margin-top:15px;margin-left:15px;}

ul.clients li.pos1 a {margin-top:5px; }
ul.clients li.pos2 a {margin-top:5px; }
ul.clients li.pos3 a {margin-top:5px;}

#bottom-content ul.clients {padding-bottom:20px;}



#credits {text-align:center; clear:both; padding-top:20px; padding-bottom:0px; color:#999; font-size:10px;}

#credits ul {list-style-type:none; width:280px; margin:0px auto;}
#credits li {float:left; vertical-align:middle;}
#credits li a.lbp {background:url(/app_images/fusion-footer.png) no-repeat; width:118px; height:120px; display:block; text-indent:-5000px; background-position:0px 20px;}
#credits li a.lbp:hover {background-position:0px 5px;}
#credits li.copyright {padding-top:60px; padding-left:20px;}



ul#footerPromos {width:850px; margin:1px auto; min-height:85px; margin-top:10px;background:url(/app_images/wood.png) top center no-repeat;}

ul#footerPromos {margin:0px; padding:0px; }
ul#footerPromos li {margin:0px; list-style-type:none; float:left;}
ul#footerPromos li {width:171px; text-align:center; padding:50px 20px 0px 20px;}
ul#footerPromos a:focus { outline: none; }
ul#footerPromos a:link, ul#footerPromos a:visited {color:#a45406; text-decoration:none;}
ul#footerPromos a:hover {color:#ce7722; text-decoration:underline;}
li#promo1 {background: url(/app_images/footer/slidetabs-internal_01.png) no-repeat;}
li#promo2 {background: url(/app_images/footer/slidetabs-internal_02.png) no-repeat;}
li#promo3 {background: url(/app_images/footer/slidetabs-internal_03.png) no-repeat;}
li#promo4 {background: url(/app_images/footer/slidetabs-internal_04.png) no-repeat;}




/* replaced headers */
h1#ourhomes, h2#ourhomes { background:url(../app_images/headers/ourhomes.png) no-repeat; display:block; width: 500px; height:50px; text-indent:-3000px; }
h1#theconcept, h2#theconcept { background:url(../app_images/headers/theconcept.png) no-repeat; display:block; width: 500px; height:50px; text-indent:-3000px; }
h1#buildingoptions, h2#buildingoptions { background:url(../app_images/headers/buildingoptions.png) no-repeat; display:block; width: 500px; height:50px; text-indent:-3000px;}
h1#ourpartners, h2#ourpartners{ background:url(../app_images/headers/ourpartners.png) no-repeat; display:block; width: 500px; height:50px; text-indent:-3000px; }
h1#community, h2#community { background:url(../app_images/headers/community.png) no-repeat; display:block; width: 500px; height:50px; text-indent:-3000px; }
h1#contactus, h2#contactus { background:url(../app_images/headers/contactus.png) no-repeat; display:block; width: 500px; height:50px; text-indent:-3000px; }
h1#buildingqanda, h2#buildingqanda { background:url(../app_images/headers/buildingqanda.png) no-repeat; display:block; width: 500px; height:50px; text-indent:-3000px; }
h1#propertylistings, h2#propertylistings { background: url(../app_images/headers/findland.png) no-repeat ; display:block; width: 500px; height:50px; text-indent:-3000px; }
h1#welcomehomeloan, h2#welcomehomeloan { display:block; width: 500px; height:50px; text-indent:-3000px; background:url(../app_images/headers/welcomehomeloans.png) no-repeat }











h2#homefinder { background:url(../app_images/headers/homefinder.png) no-repeat; display:block; width: 500px; height:23px; text-indent:-3000px; }
h2#loveit { background:url(../app_images/headers/loveitnextsteps.png) no-repeat; display:block; width: 200px; height:23px; text-indent:-3000px; }
h2#morehomes { background:url(../app_images/headers/morehomes.png) no-repeat; display:block; width: 200px; height:23px; text-indent:-3000px; }



/* replaced headers */







body.ourhomes #sidebar-left {width:240px; float:left; min-height:400px; }
body.ourhomes #sidebar-right {width:580px; float:right; min-height:400px;padding-bottom:100px;}
body.ourhomes #sidebar-right {/*background:url(../app_images/ourhomesbg.jpg) bottom right no-repeat;*/}
body.ourhomes #sidebar-right table {padding:0px; width:500px; margin-left:0px; margin-top:0px; border-collapse:inherit !important;}
body.ourhomes #sidebar-right td a {font-size:12px;}
body.ourhomes #sidebar-right td a img {padding:0px; margin-bottom:5px;}
body.ourhomes #sidebar-right td {text-align:center; font-size:9px;padding:17px 15px 13px 15px;}

body.ourhomes #sidebar-right td:hover {padding:16px 14px 12px 14px; border:1px solid #ddd; /*background:#f7941e;*/-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
body.ourhomes #sidebar-right td:hover a {color:#f7941e;}
body.ourhomes #sidebar-right td:hover img {-moz-box-shadow: 1px 2px 5px #999;-webkit-box-shadow: 1px 2px 5px #999;box-shadow: 1px 2px 5px #999;border:1px solid #ccc\9;}

/* plan page */
body.plan h1 {text-transform:uppercase; color:#f7941e; font-size:26px;  font-weight:bold !important; letter-spacing:2px;}
body.plan #sidebar-left {width:230px; float:left;}
body.plan #sidebar-right {width:590px; float:right;}
body.plan #sidebar-right img.plan { margin-left:50px;}

body.plan #sidebar-left h2 {margin-top:10px;}
body.plan #sidebar-left ul {padding:0px; margin:0px; margin-top:10px; margin-bottom:20px;}
body.plan #sidebar-left li {display:block; list-style-type:none;/*text-transform:uppercase;*/clear:both;}
body.plan #sidebar-left li span {float:right; text-transform:lowercase; display:inline;}
body.plan #sidebar-left li label {float:left; /*color:#f7941e;*/ font-weight:bold;}

body.plan #sidebar-right img.plan:hover {
	cursor:url(/app_images/cursor.cur), pointer;
	cursor:url(/app_images/cursor.cur), -moz-zoom-in, auto;
}


img.homeimage { padding:52px 10px 20px 10px; background:url(/app_images/photo8.png) no-repeat top left; position:relative; margin-left:40px; margin-top:-20px;}


/* plan page */


body.ourpartners #sidebar-left {width:420px; float:left;}
body.ourpartners #sidebar-right {width:400px; float:right; padding-bottom:0px; }



body.community #sidebar-left {width:300px;}
body.community #sidebar-right {width:480px;}
body.community #sidebar-right p {margin-right:50px;}
body.community h4 {color:#f7941e;}
body.community ul.links li {width:400px !important;}



body.contact #sidebar-left {width:300px;}
body.contact #sidebar-right {width:500px;}
body.contact h2 {text-transform:uppercase; color:#117582; letter-spacing:2px;}
body.contact .form {width:350px;}
body.contact .form .clear {padding-top:3px;}
body.contact .form label.text {text-transform:uppercase; color:#117582; letter-spacing:2px; font-weight:bold; float:left; clear:both;}
body.contact .form input.contacttextfield { float:right; width:200px; border-collapse:collapse; line-height:15px;}
body.contact .form select {width:204px; float:right; padding:1px;}
body.contact .form textarea {width:200px; float:right; padding:1px;height:140px; font-family:Arial, Helvetica, sans-serif;}
body.contact .form .submit {float:right; margin-right:140px; width:60px;}


body.propertylistings #sidebar-left {width:250px;}
body.propertylistings #sidebar-right {width:550px;}
body.propertylistings h2 {text-transform:uppercase; color:#117582; letter-spacing:2px;}
/* body.propertylistings .form {width:280px;} */
body.propertylistings .form .clear {padding-top:3px;}
body.propertylistings .form label.text {text-transform:uppercase; color:#117582; letter-spacing:1px; font-weight:bold; float:left; clear:both;}
body.propertylistings .form input.contacttextfield { float:right; width:200px; border-collapse:collapse; line-height:15px;}
body.propertylistings .form select {width:204px; padding:1px;}
body.propertylistings .form textarea {width:200px; float:right; padding:1px;height:140px; font-family:Arial, Helvetica, sans-serif;}
/*body.propertylistings .form .submit {float:right; margin-right:140px; width:60px;}*/






body.propertylistings div.submitbutton, body.propertylistings div.submitbutton .ui-state-default,body.propertylistings  div.submitbutton .ui-widget-content .ui-state-default, body.propertylistings  div.submitbutton .ui-widget-header {
background:url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #117582;
border:1px solid #117582;
color:#ffffff;
font-weight:bold;
}



ol.highlight-list { 
 padding-left:20px;
 margin:10px 0px;
}


ul.highlight-list { 
 padding:0px;
 margin:10px 0px;
}

ul.highlight-list li {
list-style-type:none;
padding:5px;
margin:0px;
background:#dde5e7;
border:1px solid #c8d6d9;
clear:both;
height:40px;
margin-bottom:5px;
width:400px;
}


ul.highlight-list p {
	padding:0px;
	margin:0px;
	line-height:47px;
	margin-left:65px;
}


ul.highlight-list h2 {
	float:left;
	background:#108fa9;
	color:#FFF;
	display:block;
	height:30px;
	width:45px;
	line-height:27px;
	text-align:center;
	font-size:20px;
	padding:5px;
}


body.welcomehomeloan ul.highlight-list li {
	list-style-type:none;
	padding:5px;
	margin:0px;
	background:#dde5e7;
	border:1px solid #c8d6d9;
	clear:both;
	height:35px;
	margin-bottom:5px;
	width:300px;
	}

body.welcomehomeloan ul.highlight-list h2 {
	float:left;
	background:#108fa9;
	color:#FFF;
	display:block;
	height:25px;
	width:170px;
	line-height:22px;
	text-align:center;
	font-size:16px;
	padding:5px;
	margin-right:10px;
	
}

body.welcomehomeloan  ul.highlight-list p {
	padding:0px;
	margin:0px;
	line-height:40px;
}





ul.links {
	padding:0px;
	margin:0px 0px;
}

ul.links li {
	background:url(../app_images/arrow2.png) left center no-repeat;
	padding-left:20px;
	line-height:20px;
	margin-bottom:4px;
	list-style-type:none;
	width:200px;
	float:left;
  	margin-right:5px;
	font-size:10px;
  }


li.linksactive {
	background:url(../app_images/arrow.png) left center no-repeat !important;
}

body.ourpartners #bottom-content {padding-top:5px;}
body.ourpartners #bottom-content ul.links {margin-left:100px;}

body.ourpartners #top-content ul.links {margin-left:70px;}
body.ourpartners #top-content ul.links li {
	background:none;
	padding:10px;
	line-height:20px;
	list-style-type:none;
	width:130px;
	float:left;
	margin-right:25px;
	text-align:center;
	margin-bottom:15px;
}

body.ourpartners #top-content ul.links li:hover {
	background:#fff;
	padding:9px;
	border:1px solid #dedede;
}







body.buildingoptions #sidebar-left {
	width:400px;
}

body.buildingoptions #sidebar-right {
	width:400px;
}

body.buildingoptions #sidebar-right ul.clients {height:100px; margin:0px; padding:0px; margin-left:10px;}







body.welcomehomeloan h2 {text-transform:uppercase; color:#117582; letter-spacing:1px;}



















.key {
	width:180px;
	font-size:10px;
	color:#666;
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:10px;
}

.key .ui-button-text {line-height:3px !important; padding-left:3px !important; padding-right:3px !important; padding-top:4px !important; padding-bottom:4px !important; margin-right:5px;}



/* tool formatting */
.tool {
	width:180px;
	background: url(../app_images/bgpanel.jpg);
	padding:20px 30px 30px 20px;
	border:1px solid #fff;
}



/* slider formatting */
.updateValue {
	background:#efefef; 
	margin-bottom:0px; 
	margin-top:-5px; 
	font-size:11px; 
	color:#117582;
	padding:5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px hidden #40b1c8;
	width:80px;
	text-align:center !important;
	font-weight:bold;
	margin-right:5px;
	float:right;
}

.slider { margin-left:7px; clear:right;}
/*.ui-widget-header {background:#999999;}*/
.ui-slider-range {background:#F7941E;}
#slider-range-floorarea .ui-state-active { background:#afdbe5 !important; border-color:#157489 !important; color:#FFF !important;}

#slider-range-floorarea .ui-state-default, #slider-range-floorarea .ui-widget-content .ui-state-default, #slider-range-floorarea .ui-widget-header .ui-state-default
{
	border: 1px solid #F7941E !important;
	background:#ffffff !important;
}



.ui-widget-content {
	background:#ffffff;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	}
/* slider formatting */



/* checkbox styling */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	border: 1px solid #F7941E;
	color:#F7941E;	
}

.ui-state-active, .ui-widget-content .ui-state-active 
{
	border: 1px solid #F7941E;
	background:#F7941E;
	color:#ffffff;	
}





.ui-button-text-only .ui-button-text {padding:4px 9px 5px 9px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}