@charset "utf-8";

/* ------------------------- GLOBAL ------------------------ */
* { margin:0; padding:0; }
html, body { min-width: 960px; }

body {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#77bbf1;
}

#wrap, #header, #footer {min-width:900px;} 
#page { z-index: 2; position: relative; } 

/* BEGIN STICKY FOOTER */
	html,body { height:100%;}
	#wrap { min-height:100%; }
	#backgroundwrap { padding-bottom:98px; } /* Just took 10px off the footer, so if need be, redo the numbers accordingly */
	#footer { clear:both; margin-top:-100px; height:99px; }
/* END STICKY FOOTER */

.clear { clear: both; height: 0; }

.loading { 
	background:url(../img/spin.gif) no-repeat top left;
	display:none;
	height:32px;
	width:32px;
	position:absolute;
	z-index:2000;
}


/* ------------------------- LINKS --------------------------*/
a img { border:0; }
a {text-decoration:none; color:#5796bd; }

#header #starthere a { color:#ffffff; }
#header #rsvpnotice a.rsvp { text-shadow:none; color:#6b6b6b; }


#content.home a { color:#5796bd; }
#content.home a:hover { color:#999; }
#content.model_landing .model a { color:#ffffff; display:block;}
#content.model_landing .model a:hover img { background-color:#d4d4dd; }
#content.model_detail a  { color:#569ae0; }
#content.model_detail a:hover { color:#93cb4e; }
#content.contact a { color:#5796bd; }
#content.buildone a { color:#3f3f3f; font-weight:bold; }

#footer div#footer_nav a:hover { display:inline-block; background-color:#93cb4e; }
#footer div#contact_info a { color:#0099ff; }
#footer div#bottom a { color:#ffffff; }

/* HEADER
------------------------------------------------------------ */
#header {
	background:url(../img/header_blue_bg.png) repeat-x top left; 
	border-bottom:1px solid #93cb4e;
	height:91px;
	overflow:hidden;
}
#header h1#title {
	width:289px;
	display:inline-block;
	float:left;
}
#header h1#title img {
	margin:0; padding:0;
	float:left; 
}
#header div#intro { 
	float:left;
	font-size:11pt;
	color: #e6e6e6; // tried #b9b9b9  and #999
	min-width:600px;
	width:600px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	
}
#header .green { 
	background:url(../img/header_green_bg.png) repeat-x bottom left; 
	background-color:#93cb4e;
}
#header .blue {
	background:url(../img/header_blue_bg.png) repeat-x bottom left;
	background-color:#77bbf1;
}
#header div#starthere {
	background:url(../img/header_green_bg.png) repeat-x top left;
	color:#ffffff;
	float:right;
	height:91px;
	padding:0px 20px;
	padding-top:8px;
	text-align:center;
	width:120px;
/*	text-shadow:0px 0px 1px #030303;*/
}
#header div#starthere img { margin-top:7px; }
#header div#starthere div#rsvpnotice {
	position:absolute;
	top:91px;
	right:0px;
	background-color:#ffffff;
	color:#1b1b1b;
	text-shadow:none;
	width:120px;
	height:18px;
	padding:9px 20px;
	font-size:10px;
	text-decoration:underline;
	z-index:200;
}

div#navbar {
	height:35px;
	background:#5fa0e1 url(../img/navbar_blue_bg.png) repeat-x top left;
	opacity:0.9;
	filter:alpha(opacity = 90);
	z-index:50;
}

#navbar ul {
	display:inline-block;
	height:27px;
	margin:0px;
	padding:5px 10px;
}
#navbar li {
	list-style-type:none;
	float:left;
	margin:0px;
	display:inline;
	height:27px;
}
div#navbar a {
	display:block;
	height:27px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top left;
	outline:none;

}
div#navbar a:hover { background-position:bottom left; }
#navbar li.separator {
	width:27px;
	background:url(../img/nav/slash.png) no-repeat center center;
	padding-right: 5px;
}

div#navbar a.build { background-image:url(../img/nav/nav_build_one.png); width:73px; padding-right: 5px; }
div#navbar a.learn { background-image:url(../img/nav/nav_learn_more.png); width:160px; padding-right: 5px; }
div#navbar a.press { background-image:url(../img/nav/nav_press.png); width:39px; padding-right: 5px; }
div#navbar a.see { background-image:url(../img/nav/nav_see_the_homes.png); width:108px; padding-right: 5px; }
div#navbar a.stay { background-image:url(../img/nav/nav_get_in_touch.png); width:100px; padding-right: 5px; }
div#navbar a.blog { background-image:url(../img/nav/nav_blog.png); width:111px; padding-right: 5px; }

 div#navbar a.active { background-position:bottom left; }
div#navbar a.active:hover { background-position:top left; }

/* FOOTER
------------------------------------------------------------ */
#footer {
	font-size:7.5pt;
	color:#ffffff;
	background: #77bbf1 url(../img/footer2_bg.png) repeat-x center left;
	border-top:1px solid #93cb4e;
	height:100px;
	position:relative;
}

#footer div#top {
	height:54px;
	background:#ffffff url(../img/footer1_bg.png) repeat-x top left;
}

#footer div#top .model_homes {
	float:left; 
	margin-top:-5px; /* used to be 4px before I took 10px off the footer */
	min-width:370px;
	display:inline-block;
	height:50px;
	padding-left:40px;
}
#footer div#top .model_homes li {
	display:inline;
	float:left;
	padding-right:40px;
	text-indent:-9999px;
	height:50px;
	overflow:hidden;
}
#footer div#top .model_homes a {
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
	height:50px;
	width:122px;
}
#footer div#top .model_homes a:hover, #footer div#top .model_homes a:focus {
	background-position:top left;
	background-repeat:no-repeat;
}
#footer div#top .model_homes a.model1 { background-image:url(../img/model1_link.png); width:105px; }
#footer div#top .model_homes a.model2 { background-image:url(../img/model2_link.png); width:90px; }
#footer div#top .model_homes a.model3 { background-image:url(../img/model3_link.png); }
#footer div#top a:hover, #footer div#top a:focus { outline:none; }

#footer div#top div#contact_info {
	color:#0099ff;
	float:right;
	padding-right:30px;
	padding-top:4px; /* used to be 10px */
	width:160px;
}

#footer div#top div#contact_info img { float:left; padding-right:4px; padding-top:5px;  }

#footer div#bottom {
	height:46px;
	padding:0px 20px; 
	color:#ffffff;
	overflow:hidden;
	text-transform:uppercase;
}
#footer div#bottom div#footer_nav {
	padding:4px 0px;
	height:10pt;
	margin:0px;
}
#footer div#bottom hr {
	border:none;
	border-top:1px solid #ffffff;
	margin-top:3px;
	margin-bottom:3px;
}
#footer div#bottom .copyright { font-size:7.5pt; }
#footer .twone5 { margin:0px;padding:0px;float:right;width:140px;text-align:right; }


/* UNIVERSAL CONTENT STYLING
------------------------------------------------------------ */
#backgroundwrap {
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	-o-background-size:100%;
	-webkit-background-size:100%;
	-moz-background-size:100%;
}
#content {
	/* background-image:url(../img/content_background_2.png); */
	font-size:14pt;
	color:#6c6b6b;
	padding-top:20px;
	padding-bottom:40px;
}

#content .blue { color:#5796bd; }
#content .green { color:#77bc4e; }
#content .bluebackground {
	background-image:url(../img/content_blue_bg.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#content .greenbackground {
	background-image:url(../img/content_green_bg.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#content img.border {
	background-color:#ffffff;
	padding:15px;
	border:1px solid #c8c8c8;
	box-shadow:1px 1px 3px #3b3b3b;
	-moz-box-shadow:1px 1px 3px #3b3b3b;
	-webkit-box-shadow:1px 1px 3px #3b3b3b;
}
.ui-dialog-overlay{
        opacity:0.8;
        background:#000000;
} 

/** CONTENT HOME 
----------------------------------------------------------------------------------------------------------------------**/
#content.home {
/*	height:600px; */
}
#content.home #opening {
	background-color:#ffffff;
	opacity:0.9;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px 29px;
	width:300px;

	box-shadow:0px 1px 3px #3b3b3b;
	-webkit-box-shadow:0px 1px 3px #3b3b3b;
	-moz-box-shadow:0px 1px 3px #3b3b3b;
}
#content.home #opening span.text {
	opacity:1.0;
	font-size:14pt;
}

#content.home ul#home_nav {
	width:220px;
	background-color:#ffffff;
	padding:10px 20px 15px 10px;
	opacity:0.9;
	box-shadow:0px 1px 3px #3b3b3b;
	-webkit-box-shadow:0px 1px 3px #3b3b3b;
	-moz-box-shadow:0px 1px 3px #3b3b3b;
}
#content.home ul#home_nav li {
	list-style-image:url(../img/home_li.png);
	list-style-position:inside;
	border-bottom:1px dashed #5796db;
	padding:6px 3px;
}

#content.home div#featured {
	position:fixed;
	top:132px;
	left:384px;
/*	width:520px; */
	padding:10px;
	background-color:#ffffff;
	margin:0 auto;
}
#content.home div#featured p {
	border-top:2px solid #78b1e6;
	color:#78b1e6;
	font-size:14pt; 
	margin-top:5px;
	padding-top:5px;
}
/** CONTACT PAGE
----------------------------------------------------------------------------------------------------------------------**/
#content.contact h1 {
	background:url(../img/contact_banner.png) no-repeat top left;
	position:relative;
	top:-30px;
	left:-52px;
	color:#ffffff;
	height:62px;
	width:224px;
	padding-top:10px;
	text-align:center;
	text-transform:uppercase;
	font-size:12.7pt;
	font-weight:bold;
}
#content.contact div#formcontent {
	margin-top:-45px;
}
#content.contact div#contactform {
	background-color:#ffffff;
	width:630px;
	padding:15px;
	margin:0 auto;
	margin-top:30px;
	height:360px;
	opacity:0.95;
	filter:alpha(opacity = 95);
	font-size:9pt;
}
#content.contact div#contactform label {
	text-transform:uppercase;
	color:#747679;
	display:block;
	font-size:8pt;
	margin-top:2pt;
	margin-bottom:2pt;
}
#content.contact div#contactform input, #content.contact div#contactform textarea {
	border:2px inset #a9a9a9;
	background-image:url(../img/form_box_bg.png);
	width:280px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	color:#7a7d76;
}
#content.contact div#contactform input:focus, #content.contact div#contactform textarea:focus { color:#3e424a; }
#content.contact div#contactform textarea {
	height:63pt;
}
#content.contact div#contactform select { width:284px; color:#7a7d76; }
#content.contact div#contactform option { color:#7a7d76; }
#content.contact button.send {
	width:110px;
	padding:4px;
	background-color:#93cb4e;
	border:1px solid #969696;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	margin-top:10px;
}
#content.contact button.send:active {
	background-color:#77bbf1;
	outline:none;
	text-indent:1px;
}
#content.contact button.send:disabled {
	background-color:#7e7d83;
}
#content.contact .col1 { float:left; width:300px; padding-right:15px; }
#content.contact .col2 { float:left; width:300px; }

#content.contact .col2 hr {
	border:none;
	border-top:2px solid #93cb4e;
	margin-top:4px;
	margin-bottom:4px;
}
#content.contact #contact_info {
	color:#5796bd;
	font-size:11pt; font-weight:bold; 
	padding-top:5px;
}
/** WHY SQUALLCO PAGE
----------------------------------------------------------------------------------------------------------------------**/
#content.why {
	padding-bottom:40px; 
}
#content.why div#intro {
	width:665px;
	padding:25px 25px;
	background-color:#ffffff;
	margin:0 auto;
	opacity:0.9;
	margin-bottom:20px; 
	text-shadow:1px 1px 2px rgba(0,0,0,0.15);
}
#content.why div#intro .col1 { width:220px; float:left; padding-right:20px; border-right:1px solid #77db43; }
#content.why div#intro .col2 { float:right; width:395px;  }
#content.why div#intro h1 { font-size:14pt; }
#content.why div#intro p { font-size:10pt; }

#content.why div.menu {
	width:675px; 
	background-color:#ffffff;
	padding:5px 20px;
	margin: 0 auto;
	margin-bottom:3px;
}
#content.why div.menu a { color:#5796bd; }
#content.why div.menu a:hover { color:#93cb4e; }
#content.why div.menu h2 { font-size:14pt; }
#content.why div.menu h2:before { content:url(../img/small_logo.jpg); vertical-align:middle; padding-right:10pt; }
#content.why div.menu .plus { float:right; color: #93cb4e;}

#content.why div.stripey, #content.why hr.stripey {
	background:url(../img/lines.png) no-repeat top left;
	border:none;
	height:23px;
	margin-top:20px;
	margin-bottom:15px;
	width:670px;
}
#content.why div.why_explained {
	margin-bottom:20px;
	display:none;
}
#content.why div.why_explained .col1 {
	font-size:14pt;
	padding-right:25px;
	width:300px;
	float:left;
}
#content.why div.why_explained .col2 {
	width:350px;
	float:left;
}
#content.why div.why_explained h3 {
	color:#5796bd;
	font-size:11pt;
	margin-bottom:10pt;
}
#content.why div.why_explained p {
	font-size:10pt;
	color:#6b6c6c;
	margin-bottom:9pt;
}
#content.why div.why_explained img {
	background:#ffffff;
	border:none;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	padding:10px;
}
#content.why div.why_explained img.border {
	background:url(../img/imgbg_02.jpg) repeat-x bottom left;
}
#content.why div.why_explained img.full {
	float:none;
	margin-left:0px;
}
#content.why div.why_explained ul {
	font-size:10pt;
	list-style-position:outisde;
	margin-left:10pt;
}
#content.why div.why_explained li {
	margin-left:2pt;
}
#content.why div.why_explained hr.blue {
	border:none;
	height:0px;
	border-bottom:1px solid #4e8dce;
	margin-bottom:10pt;
}

/** MODEL LANDING PAGE
----------------------------------------------------------------------------------------------------------------------**/
#content.model_landing { min-height:400px; }
#content.model_landing #list_wrapper { margin:0px auto; width:780px; }
#content.model_landing .model { width:350px; float:left; margin:0 20px; }
#content.model_landing .model h2 {
	background-color:#999;
	color:#fff;
	font-size:15pt;
	font-weight:normal;
	margin-bottom:10px;
	padding:2pt 4pt;
	text-align:right;
	text-shadow:0px 1px 1px #93aa93;
}
#content.model_landing .model hr {
	border:1px solid #ffffff;
	height:0px;
	margin-bottom:10px;
}
#content.model_landing .model img {
	box-shadow:0px 0px 10px #3e3e3e;
	-moz-box-shadow:0px 0px 10px #3e3e3e;
	-webkit-box-shadow:0px 0px 10px #3e3e3e;
	background-color:#ffffff;
	padding:17px;
	margin-bottom:10px;
}
#content.model_landing .model h3 {
	background-color:#ffffff;
	color: #3e3e3e;
	font-size:14pt;
	font-weight:normal;
	padding:2pt 4pt;
}

/** MODEL DETAIL PAGE
----------------------------------------------------------------------------------------------------------------------**/
#content.model_detail {  color:#747679; font-size:10pt; }
#content.model_detail div.stripey, #content.model_detail hr.stripey {
	background:url(../img/lines.png) repeat-x top left;
	border:none;
	height:23px;
	margin-bottom:15px;
}

#content.model_detail .blue { color:#4890cd; }
#content.model_detail .line { border-bottom:1px solid #d6d6d4; margin:10px 0px; }
#content.model_detail img { 
	background:url(../img/imgbg_02.jpg) repeat-x top left;
	margin:10px 0px;
	padding:14px;

	box-shadow: 1px 2px 3px #7b7b7b;
	-webkit-box-shadow: 1px 2px 3px #7b7b7b;
	-moz-box-shadow: 1px 2px 3px #7b7b7b;
}
#content.model_detail p { margin-bottom:1em; }
#content.model_detail ul { margin:12pt 0pt; }
#content.model_detail li { 
	/* list-style-image: url(../img/bullet_logo.png); */
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	list-style-position:outside;
	list-style-type:none;
	margin-left:3pt;
	margin-bottom:6pt; 
}

#content.model_detail div#intro {
	background-color:#f0f5fb;
	width:660px;
	margin:0 auto;
	margin-bottom: 20px;
	padding:20px;
	height:92px;
}
#content.model_detail div#intro h1 { 
	border-right:1px solid #8ec745;
	float:left;
	margin-right:20px;
	text-indent:-9999px;
	width:248px;
	height:92px;
}
#content.model_detail div#intro h1.model01 { background:url(../img/model01_title.jpg) no-repeat top left; } 
#content.model_detail div#intro h1.model02 { background:url(../img/model02_title.jpg) no-repeat top left; }


#content.model_detail div#intro p { font-size:10pt; }
#content.model_detail div#intro div.share {
	bottom:0px;
	font-size:9pt;
	position:relative;
	text-align:right;
}

#content.model_detail div#detail { 
	background-color:#f0f5fb;
	margin: 0 auto;
	padding:20px; 
	width:660px;
}
#content.model_detail div#detail h3 { 
	color:#569ae0;
	font-size:10pt;
	margin-bottom:1em;
}
#content.model_detail div#detail .threecol1, #content.model_detail div#detail .threecol2 {
	border-top:1px solid #c9c9c9;
	border-bottom:1px solid #c9c9c9;
	margin-bottom:15px;
	padding-top:12px;
	padding-bottom:14px;
}
#content.model_detail div#detail .col {
	border-right:1px solid #d9d9d9;
	float:left;
	height:100%;
	margin-right:10px;
	padding-right:5px;
	width:207px;
}
#content.model_detail div#detail .last {
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}


/** BUILD ONE PAGE
----------------------------------------------------------------------------------------------------------------------**/
#content.buildone h1 {
	background:url(../img/contact_banner.png) no-repeat top left;
	position:relative;
	top:-30px;
	left:-92px;
	color:#ffffff;
	height:62px;
	width:224px;
	margin-bottom:-40px;
	padding-top:10px;
	text-align:center;
	text-transform:uppercase;
	font-size:12.7pt;
	font-weight:bold;
}
#content.buildone p {
	font-size:9pt;
	margin-bottom:9pt;
}
#content.buildone div#contactform {
	background-color:#ffffff;
	color:#4f5356;
	margin:0 auto;
	width:570px;
	margin-top:20px;
	padding:15px 55px;
	opacity:0.95;
	filter:alpha(opacity = 95);
	font-size:11pt;
}
#content.buildone div#contactform ul, #content.buildone div#contactform ol {
	margin-top:20px;
	margin-bottom:40px;
	margin-left:0px;
}
#content.buildone div#contactform li {
	border-bottom:1px solid #dadada; 
	clear:both;
	font-size:12pt;
	min-height:50px;
	list-style:none;
	list-style-position:outside;
	margin-bottom:4pt;
	padding-left:60px;
	padding-bottom:4pt;
}

#content.buildone div#contactform li img {
	vertical-align:top;
	margin-left:-60px;
	float:left;
}
#content.buildone  img.border {
	background:url(../img/imgbg_02.jpg) repeat-x top left;
}
/* --- FORM --- */
#content.buildone div#contactform label {
	text-transform:uppercase;
	color:#4f5356;
	display:block;
	font-size:9pt;
	margin-top:8pt;
	margin-bottom:2pt;
}
#content.buildone div#contactform input {
	border:1px inset #a9a9a9;
	background-image:url(../img/form_box_bg.png);
	color:#7a7d76;
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	font-size:12pt;
	padding:4pt 4px;
	width:560px;
}
#content.buildone div#contactform input:focus {
	color:#3e424a;
}
#content.buildone div#contactform .lot {
	width:20px; 
}
#content.buildone button.send {
	width:240px;
	padding:12px;
	background-color:#93cb4e;
	border:1px solid #969696;
	text-align:left;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	font-size:14pt;
	margin-top:10px;
}
#content.buildone button.send:active {
	background-color:#77bbf1;
	outline:none;
	text-indent:1px;
}
#content.buildone button.send:disabled {
	background-color:#7e7d83;
}