@charset "utf-8";
/* CSS Document */

html, body {
	background-image: url(../images/page_background.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #434343;
}

.fauxbutton {
	border: none;
	background-color: transparent;
	cursor: pointer;
	color: transparent;
	text-transform: uppercase; /* Trick IE into applying styles */
	text-indent: -9000px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#hd {
	height: 159px;
}

#hd .logo {
	text-align: center;
}

#hd .hsafe {
	text-align: right;
position:fixed;
top:30px;
right:330px;
}

#hd .logo a {
	display: block;
	height: 149px;
	width: 444px;
	text-indent: -9000px;
	background-image: url(../images/header_logo.png);
	margin: 0 auto;
}

#bd {
	/*min-height: 400px;*/
}

#bd .content {
	padding: 26px 25px;
	background-color: White;
}

.three-col {
	padding: 20px 24px 63px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434343;
}

.three-col .col {
	width: 288px;
	margin-left: 18px;
	float: left;
}

.three-col .first {
	margin-left: 0px;
}

.three-col .col h1 {
	color: #de8c07;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.three-col .col h2 {
	color: #de8c07;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.three-col .col em {
	font-size: 14px;
	font-style: italic;
}

.three-col .col p {
	margin-bottom: 10px;
	line-height: 1.6em;
}

blockquote {
	font-size: 14px;
	font-style: italic;
	line-height: 1.6em;
}

cite {
	display: block;
	margin-bottom: 20px;
}

#ft-wrapper {
	text-align: center;
	background-image: url(../images/footer_background.png);
	height: 87px;
}

#ft {
	width: 950px;
	margin: 0 auto;
	font-size: 11px;
	padding-top: 20px;
}

#ft, #ft a {
	color: #bab69d;
	text-decoration: none;
}

#ft a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

#contractor_callout {
	display: block;
	text-indent: -9000px;
	background-image: url(../images/home_contractor_callout.jpg);
	width: 288px;
	height: 160px;
}

#contractor_callout:hover {
	background-position: 0 -160px;
}

#home #banner {
	width: 970px;
	height: 354px;
	background-image: url(../images/home_banner_background.jpg);
	margin-left: -10px;
	position: relative;
}

#home #banner .title {
	position: absolute;
	left: 35px;
	top: 230px;
	font-size: 15px;
	color: White;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 575px;
}

#home #banner .search {
	position: absolute;
	top: 32px;
	left: 643px;
	width: 276px;
	padding: 10px;
	background-image: url(../images/home_banner_search_border.png);
}

.searchside {
	border: 3px solid #ceccc4;
	margin-bottom: 18px;
}

#home #banner .search .inner {
	background-color: White;
	height: 171px;
}

.searchside .inner {
	background-color: White;
	height: 172px;
}

#home #banner .search h5, .searchside h5 {
	background-image: url(../images/home_banner_search_title_background.png);
	height: 59px;
	line-height: 59px;
	font-size: 30px;
	font-family: Georgia, serif;
	color: #ffffff;
	font-style: bold;
	text-align: center;
}

#home #banner .search .form, .searchside .form {
	height: 91px;
	padding: 22px 8px 0px;
	background-image: url(../images/home_banner_search_form_background.png);
	background-position: bottom;
}

#home #banner .search .form label, .searchside .form label {
	color: #4e4e4e;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

#home #banner .search .form #enter_your_zip_code, .searchside .form #enter_your_zip_code {
	width: 125px;
	color: #969696;
	vertical-align: middle;
	height: 24px;
	border: 1px solid #aeaeae;
	border-right: none;
	padding: 5px 0px 0px 10px;
}

#home #banner .search .form #submit, .searchside .form #submit {
	height: 31px;
	width: 110px;
	background-image: url(../images/home_banner_search_button.png);
	vertical-align: middle;
}

#home #banner .search .form #submit:hover, .searchside .form #submite:hover {
	background-position: 0 -31px;
}

#page {
	background-color: White;
	padding: 25px;
}

#page .two-col {
	
}

#page .two-col .col {
	float: left;
	width: 288px;
}

ul {
	font-size: 14px;
	font-style: normal;
	line-height: 2em;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
	padding: 6px;
	margin: 2px;
}

#page .two-col .first {
	width: 594px;
	margin-right: 17px;
}

fieldset {
	border-bottom: 1px solid #c8c7c4;
	margin-bottom: 17px;
}

fieldset h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ede9dc;
	padding: 0 18px;
	height: 44px;
	line-height: 44px;
	background-image: url(../images/form_step_title_background.png);
}

fieldset .field {
	background-color: #f3f2ee;
	padding: 5px 18px;
	border-bottom: 1px solid #c8c7c4;
	position: relative;
}

fieldset .last {
	border-bottom: none !important;
}

fieldset .checked {
	background-color: #c7e9bc;
}

fieldset .field label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #434343;
}

fieldset .field .note {
	font-size: 11px;
}

fieldset textarea {
	width: 546px;
	height: 50px;
	border: 1px solid #aeaeae;
	padding: 5px;
}

form .actions {
	text-align: left;	
}

.search-for-estimates {
	width: 224px;
	height: 31px;
	background-image: url(../images/form_button_search-for-estimates.png);
	float: left;
}

.search-for-estimates:hover {
	background-position: 0 -31px;
}

.box {
	border: 3px solid #ceccc4;
	margin-bottom: 18px;
}

.box .location {
	padding: 17px 14px;
	font-size: 20px;
	border: 1px solid White;
}

.box .windowmatch {
	background-color: #f7f6f3;
	padding: 13px 13px;
	border: 1px solid White;
}

.box .windowmatch h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	margin-bottom: 11px;
}

.box .windowmatch #rating {
	height: 35px;
	margin-bottom: 14px;
	background-position: 100% 35px;
	background-image: url(../images/ratings.png);
	background-repeat: no-repeat;
}

.box .windowmatch #rating span {
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
}

.box .windowmatch .poor1 {
	background-position: 100% 0px !important;
	color: #b70000;
}

.box .windowmatch .poor2 {
	background-position: 100% -35px !important;
	color: #d78023;
}

.box .windowmatch .fair {
	background-position: 100% -70px !important;
	color: #00708c;
}

.box .windowmatch .good {
	background-position: 100% -105px !important;
	color: #62b528;
}

.box .windowmatch .excellent {
	background-position: 100% -140px !important;
	color: #62b528;
}

.box .windowmatch p {
	font-size: 11px;
}

#scroll-leader {
	position: relative;
	_position: static; /* IE6 */
	overflow: auto;
}

#scroll-follower {
	position: absolute;
	_position: static; /* IE6 */
	width: 288px;
}

#success {
	background-image: url(../images/form_header_background.png);
	height: 108px;
	padding: 26px 25px 0px;
}

fieldset .field a.help {
	position: absolute;
	right: 18px;
	top: 13px;
	display: block;
	background-image: url(../images/icon_help.png);
	height: 19px;
	width: 19px;
	cursor: pointer;
}

fieldset .field a.help:hover {
	background-position: 0 -19px;
}

fieldset .hint {
	position: absolute;
	height: 63px;
	width: 197px;
	padding: 21px 30px 11px 11px;
	font-size: 11px;
	background-image: url(../images/hint_background.png);
	top: -22px;
	right: 38px;
	display: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: White;
	z-index: 100;
}

fieldset .hint a.close {
	display: block;
	position: absolute;
	right: 17px;
	top: 10px;
	background-image: url(../images/icon_close.png);
	width: 8px;
	height: 8px;
}

fieldset .hint a:hover.close
{
	background-position: 0 -8px;
}

#success h1 {
	margin-bottom: 3px;
}

#success h2 {
	color: #00708c;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}

#oops {
	background-image: url(../images/oops.png);
	margin-bottom: 18px;
	height: 136px;
}

.thanks {
	margin-bottom: 18px;
}

.thanks .first p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.box h4 {
	height: 52px;
	line-height: 52px;
	background-image: url(../images/box_h4_background.png);
	color: #434343;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
}

.box h5 {
	height: 52px;
	line-height: 52px;
	background-image: url(../images/box_h5_background.png);
	color: #434343;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

.box .inner {
	background-color: #f3f2ee;
	padding: 15px;
}

.box .inner p {
	font-size: 11px;
	margin-bottom: 20px;
	line-height: 1.6em;
}

.box .inner p.last {
	margin-bottom: 0px;
}

.box .inner a {
	font-weight: bold;
	color: #00708c;
}

.logos {
	padding: 0 16px;
}

.logos .left { float: left; }
.logos .right { float: right; }

.box .rating {
	height: 43px;
	background-image: url(../images/box_rating_background.png);
	padding: 12px 15px 0;
}

.box .rating .label {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
}

.box .rating .result {
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	float: right;
}

.project {
	width: 100%;
}

.project th, .project td {
	padding: 6px;
	border: 1px solid #f3f2ee;
	font-size: 11px;
	width: 50%;
	vertical-align: top;
}

.project td {
	background-color: #e3e1db;
}

.rating .poor1 {
	color: #b70000;
}

.rating .poor2 {
	color: #d78023;
}

.rating .fair {
	color: #00708c;
}

.rating .good {
	color: #62b528;
}

.rating .excellent {
	color: #62b528;
}

#oops {
	display: none;
}

.get-free-quotes {
	float: right;
	width: 224px;
	height: 31px;
	background-image: url(../images/button_get-free-quotes.png);
}

.get-free-quotes:hover {
	background-position: 0 -31px;
}

fieldset .field .agree {
	float: left;
	width: 303px;
	font-size: 11px;
}

fieldset .field .agree label {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

fieldset .field .agree #agree {
	float: left;
	margin-right: 5px;
	margin-bottom: 3em;
}

fieldset .field .lnote {
	font-size: 14px;
	color: #8e8d8b;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

fieldset .field .input {
	margin-top: 6px;
}

fieldset .field .input input {
	height: 24px;
	border: 1px solid #aeaeae;
	padding: 5px 0px 0px 10px;
	color: 	#000000;
	vertical-align: middle;
	font-size: 15px;
}

fieldset .field .input select {
	padding: 5px 5px 5px 10px;
	font-size: 15px;
	color: 	#000000;
	border: 1px solid #aeaeae;
}

fieldset .field .input input.full {
	width: 546px;
}

fieldset .field .input #phone1, fieldset .field .input #phone2 {
	width: 40px;
}

fieldset .field .input #phone3 {
	width: 51px;
}

fieldset .field .col1 {
	float: left;
	width: 270px;
}

fieldset .field .col2 {
	float: right;
	width: 270px;
}

fieldset .field .col1 .input input, fieldset .field .col2 .input input {
	width: 258px;
}

.field-error {
	color: #b70000 !important;
}

.sign-up {
	background-image: url(../images/button_sign-up.png);
	height: 31px;
	width: 224px;
	float: right;
}

.sign-up:hover {
	background-position: 0 -31px;
}

input#street_address{width:350px}
input#email_address{width:300px}