@charset "UTF-8";

/* CSS Document that Re-sets and Normalizes HTML Elements */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-style:inherit;
	font-size:100%;
}

img {
	border:none;
}

ul {list-style-type: none;}
a {text-decoration: none;}

body {
	
	margin:0px auto;
	padding:0 0 20px 0;
	
	font-family:Helvetica, Arial, sans-serif;
}

.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
}

img.icon {
	vertical-align: middle;
	margin: 0 5px 0 0;
	border:none;
}

.left {float: left;}

.length1  {
width:250px;
}
.push3  {
margin-top:15px;
}
.right  {
float:right;
}

.push2 {
margin-top:25px;
}
.push4 {
margin-bottom:30px;
}


/**************************** Typography Section *************************/
h1 {font-size: 46px;}
h2 {font-size: 26px;}
h3 {font-size: 18px;}
h4 {font-size: 15px;}
h5 {font-size: 12px;}
h6 {font-size: 9px;}
p {font-size: 12px; line-height: 160%;}
p.normal {margin: 25px 0 25px 0; font-size: 12px; line-height: 160%;}


/************************* Header and Footer Styles - Same on every page ***********************************/
#stretch-header {width: 100%; background-color: #1A74BA; color: #fff;}
#stretch-header {height: 57px;}
#inner-header {height: 37px;}
#stretch-header #inner-header a { margin-top: 10px;}
#stretch-header #inner-header a h1 {text-indent: -19000em; background-image: url(../images/logo2.png); repeat: no-repeat; display: block; float: left; width: 222px; height: 28px;}
#stretch-header #inner-header ul.nav {float: right; padding-top: 12px;}
#stretch-header #inner-header ul.nav li {display: inline; padding-left: 20px;}
#stretch-header #inner-header ul.nav li a {color: #fff;}
#stretch-header #inner-header ul.nav li a:hover {text-decoration: underline;}

#stretch-footer {width: 100%; height: 100%; border-top: 1px solid #221E1F; background-color: #f9f9f9; display: block; clear: both;}
#inner-footer {height: 65px; background-color: #F9F9F9; display: block; clear: both;}
#stretch-footer #inner-footer a h1 {text-indent: -19000em; background-image: url(../images/logo3.png); repeat: no-repeat; display: block; float: left; width: 222px; height: 28px;}
#stretch-footer #inner-footer ul.nav {float: right; padding-top: 10px;}
#stretch-footer #inner-footer ul.nav li {display: inline; padding-left: 20px; font-size: 10px;}
#stretch-footer #inner-footer ul.nav li a {color: #000;}
#stretch-footer #inner-footer ul.nav li a:hover {text-decoration: underline;}

#inner-header , #inner-content1 , #inner-content2 , #inner-content2a , #inner-footer , #inner-content3 , #inner-content4 {width: 940px; margin: 0 auto; padding: 10px;}


/************************** Home page Specific Styles ********************/
#stretch-content1 {height: 440px; width: 100%; background-image: url(../images/graph3.png); border-bottom: 1px solid #221E1F;}
#inner-content1 {height: 399px;}
#dotted-line {border-bottom: 1px dashed #1a74ba; width: 100%; height: 20px; background-color: none; background-image: url(../images/graph3.png);}

#inner-content1 h1 {font-size: 47px; font-weight: bold; color: #000; text-align: center; line-height: 128%; margin-top: 45px;}
#inner-content1 h1 span {font-size: 42px; font-weight: bold; color: #000; text-align: center;}

#stretch-content2a {height: 50px; width: 100%; border-bottom: 1px dashed #221e1f;}
#inner-content2a {height: 30px;}
#stretch-content2a #inner-content2a h2 {float: left; padding-top: 2px;}
#stretch-content2a #inner-content2a h2#second {margin-left: 258px;}

#stretch-content2 {min-height: 370px; width: 100%; background-color: #fff;}
#inner-content2 {min-height: 350px; background-color: #fff;}
#inner-content2 p {display: block; width: 420px; font-size: 12px; line-height: 160%; margin-top: 15px; float: left;}
#inner-content2 p a , #inner-content2 p a:visited {font-size: 14px; color: #1A74BA; text-decoration: underline;} 
#inner-content2 p a:hover {text-decoration: none;}
#inner-content2 ul.search {display: block; width: 170px; float: left; margin: 15px 0 10px 55px;}
#inner-content2 ul.search li {padding-bottom: 50px;}
#inner-content2 ul.search li p {width: 200px;}
#inner-content2 ul.search li h4 {margin-bottom: -10px;}
#inner-content2 ul.search li a.search-button {display: block; height: 30px; width: 128px; background-image: url(../images/search-button.jpg); text-indent: -19000em;}
#inner-content2 ul.search li a.search-button:hover {background-position: 0 30px;}
#inner-content2 ul.search li h4.slider1 {padding-left: 15px; margin-bottom: 5px; background: transparent url(../images/toggle-closed.gif) no-repeat scroll left center;}
#inner-content2 ul.search li h4.active {padding-left: 15px; background: transparent url(../images/toggle-open.gif) no-repeat scroll left center;}
#inner-content2 ul.search li ul.slider-sample1 li {padding-bottom: 2px; font-size: 12px;}

#inner-content1 h1 a.home-button1 , #inner-content1 h1 a.home-button2 {display: block; height: 64px; width: 420px; text-indent: -19000em; margin: 22px 0 0 470px; }
#inner-content1 h1 a.home-button1:hover , #inner-content1 h1 a.home-button2:hover {background-position: 0 0;}

#inner-content1 h1 a.home-button1 {background-image: url(../images/home-button1.jpg); background-position: 0 64px;}
#inner-content1 h1 a.home-button2 {background-image: url(../images/home-button2.jpg); background-position: 0 63px;}



/************************** Inner Page Styles - Same on each page except Home ********************/
#stretch-content3 {height: 96px; width: 100%; background-image: url(../images/graph3.png); border-bottom: 1px solid #221e1f;}
#inner-content3 {height: 55px;}
#inner-content3 h2 {font-weight: normal; font-size: 28px; padding-top: 20px;}

#stretch-content4 {width: 100%; background-color: #fff;}
#inner-content4 {background-color: #fff;}

#inner-content-main {width: 610px; float: left; margin-right: 30px;}
#sidebar {width: 300px; float: right; margin-top: 25px;}
#sidebar ul.search li {padding-bottom: 20px;}
#sidebar ul.search li h3 {border-bottom: 1px dashed #221e1f;}
#sidebar ul.search li h5 {margin-bottom: 4px;}
#sidebar p {font-size: 12px;}
#sidebar ul.search li a.search-button {display: block; height: 30px; width: 128px; background-image: url(../images/search-button.jpg); text-indent: -19000em;}
#sidebar ul.search li a.search-button:hover {background-position: 0 30px;}
#sidebar ul.search li h5.slider1 {padding-left: 15px; margin-bottom: 5px; background: transparent url(../images/toggle-closed.gif) no-repeat scroll left center;}
#sidebar ul.search li h5.active {padding-left: 15px; background: transparent url(../images/toggle-open.gif) no-repeat scroll left center;}
#sidebar ul.search li ul.slider-sample1 li {padding-bottom: 2px; font-size: 12px;}
#sidebar ul.search li ul.slider-sample li {padding-bottom: 2px; font-size: 12px;}

ul.slider-sample1 {display: none;}
.slider1 {cursor: pointer;}


/*************Product Line Overview Styles**************/
ul.category {width: 610px; float: left; margin-right: 30px;}
ul.category li {display: block; width: 586px; height: 157px; background-color: #fff; border: 1px solid #999999; -moz-box-shadow: 1px 1px 6px #666; -webkit-box-shadow:  1px 1px 6px #666;	box-shadow:  1px 1px 6px #666; margin-top: 25px; padding: 1px 1px 1px 10px; position: relative;}
ul.category li img {position: absolute; top: 1px; right: 1px;}
ul.category li h3 {padding: 8px 0 5px 0;}
ul.category li p {font-size: 12px; line-height: 135%;}
ul.category li p a.button1 {display: block; height: 30px; width: 128px; background-image: url(../images/button2.jpg); text-indent: -19000em; margin-top: 15px;}
ul.category li p a.button1:hover {background-position: 0 30px;}
.last {margin-bottom: 25px;}

/**********House Plan Selection Page*****************/
div.left p.description {margin: 25px 0 25px 0; width: 575px; font-size: 12px; line-height: 160%;}
ul.two-up {display: block; height: 236px; margin: 35px 10px 40px 0;}
ul.two-up li {display: block; float: left; margin-right: 25px; width: 288px; height: 260px; background-color: #fff; border: 1px solid #999999; -moz-box-shadow: 1px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666; box-shadow: 1px 1px 6px #666; position: relative;} 
ul.two-up li img {position: absolute; top: 0; left: 0;}
ul.two-up li p {font-size: 12px; float: left; margin: 203px 0 0 8px; width: 170px; display: block;}
ul.two-up li a.see-plan {float: right; display: block; height: 30px; width: 91px; background-image: url(../images/see-plan-button.jpg); text-indent: -19000em; margin: 206px 8px 0 0;}
ul.two-up li a.see-plan:hover {background-position: 0 30px;}

/********House Plan Overview Page****************/
.left-col {width: 600px; float: left;}
h4.underlined {padding-bottom: 8px; border-bottom: 1px dashed #000;}
h4.underlined p {float: right; font-size: 12px; font-weight: normal; }
h4.underlined p img {float: left; padding: 0 5px 0 0; margin-top: -3px;}
h5 a , h5 a:visited {color: #000; text-decoration: underline;}
h5 a:hover {text-decoration: none;}
div.profile {float: left; width: 76px; text-align: center; padding-bottom: 3px; margin: 0 8px 0 0;}
div.profile img { margin-bottom: 5px;}
div.profile p {font-size: 10px; color: #000; padding: 2px;}
h5.push {margin-bottom: 8px;}
table {font-size: 12px; float: left; font-weight: normal; margin-top: 15px; margin-right: 20px;}
table td , table th {padding: 3px; border-bottom: 1px solid #CCCCCC;}
div#tip {display: none; background-color: #fff; border: 4px solid #1A74BA; font-size:12px; width:189px; height: auto; padding: 15px; color:#000;-moz-box-shadow: 1px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666; box-shadow: 1px 1px 6px #666;}  
 
div.floorplan-container a {  color:#FFFFFF; font-size:12px; text-transform:uppercase; padding-left:270px; } 

div.floorplan-container {width: 940px; margin-top: 25px; padding: 10px; margin-bottom: 20px; }
div.floorplan-container h4.underlined {margin-bottom: 10px;}
div.floorplan-container p {width: 320px; float: left;}
div.floorplan {float: right; width: 600px; height: 400px; border: 1px solid #000;}
h4.overlined {border-top: 1px solid #000; padding: 8px 0 8px 0;}

ul.two-column {float: left; list-style-type: disc; margin: 0 0 25px 15px;}
ul.two-column li {font-size: 12px; padding: 3px; max-width: 430px; line-height: 130%}

h4.bar {display: block; color: #fff; background-color: #1A74BA; padding: 5px; margin-bottom: 7px; letter-spacing: .5px;}
#sidebar table {margin-bottom: 20px;}
#sidebar table td {border-bottom: none; padding: 5px; font-weight: bold;}
tr.even {background-color: #D8E8F3;}
tr.odd {background-color: #fff;}
div.pricing-cta {width: 282px; height: 65px; text-align: center; padding: 15px 8px 8px 8px; background-image:url(../img/graph3.png); border: 1px solid #ccc; margin: 15px 0 15px 0;-moz-box-shadow: 1px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666; box-shadow: 1px 1px 6px #666; line-height: 130%;}
div.pricing-cta a.purchase-button {display: block; width: 102px; height: 35px; background-image: url(../img/purchase-button.jpg); margin-top: 5px; margin-right: auto; margin-left: auto; }
div.pricing-cta a.purchase-button:hover {background-position: 0 35px;}
p.tooltip {display: block; background: url(../img/icons/question.gif) left center no-repeat; padding-left: 20px; line-height: 180%;}
div.connect {text-align: center; width: 284px; padding: 0 8px 8px 8px;}
div.connect span {font-size: 18px; font-weight: bold; color: #1A74BA;}
div.connect ul {float: left; margin-top: 8px; margin-right: 15px;}
div.connect ul li {display:block; float: left; font-size: 12px; height: 26px; line-height: 26px; margin-right: 8px; margin-bottom: 8px;}
div.connect ul.first {margin-left: 35px;}
div.connect ul.top {margin-left: 65px;}
div.connect ul.top li {margin-right: 3px;}
div.connect ul.top li img {padding-top: 3px;}
div.connect ul li a {text-decoration: none;border: none; color: #fff;}
div.connect ul li a:hover {text-decoration: none; border: none; color: #fff;}

/****************Payment Page 1****************/
div.left-col h3 {font-weight: normal; margin-top: 15px; margin-bottom: 15px;}
div.left-col table.payment-options td , div.left-col table.payment-options th{border: none; padding: 5px;}
div.left-col table.payment-options td input {display: block;}
.subtotal {border-top: 1px dashed #000; margin-top: 8px; padding: 8px 12px 0 0; text-align: right;}
a.proceed-button {display: block; width: 193px; height: 30px; margin: 15px 0 25px 0; background-image: url(../img/proceed-button.jpg); background-repeat: no-repeat; float: right; text-indent: -9000em;}
a.proceed-button:hover {background-position: 0 -30px;}
a.process-button {display: block; width: 193px; height: 30px; margin: 15px auto 25px auto; background-image: url(../img/process-button.jpg); background-repeat: no-repeat; text-indent: -9000em;}
a.process-button:hover {background-position: 0 -30px;}
p.back {text-align: center;}


#plan-choice {width: 300px; text-align: right; font-size: 12px; margin-bottom: 8px;}
#plan-choice img {width: 300px; margin-bottom: 5px;}
.top-border {border-top: 1px dashed #000; margin-top: 8px; padding-top: 8px;}

/*****Why We're Better*****/
div.better {padding: 15px 0 15px 0; margin: 0 0 15px 0; width: 600px; height: auto; overflow: auto; clear: both;}
div.better div img {float: left; margin: 0 8px 5px 0;}
div.better div {max-width: 500px; float: right;}
div.better div h4 {border-bottom: 1px dashed #555; padding: 0 0 5px 0; margin: 0 0 5px 0; display: block;}
div.left-col ol {margin: 20px; padding-left: 20px; font-size: 12px;}
div.left-col ol li {padding-bottom: 10px;}