@charset "UTF-8";
/* CSS Document */


/*

	File: styles.css
	Media: screen
	Copyright: (c) 2008 Webb Roofing
	Author: Bill Jones
	Notes: 


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

blockquote { font-size: 1.8em; margin: 30px auto 35px auto; width: 80%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; text-align: center; color: #000000; font-style: italic;}
blockquote p {  }

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #FFF; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #665d55; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:3.0em; font-weight:normal; color: #8c511d; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em;}

.first-paragraph { margin:6px 0 12px; }

.services { padding-left: 20px; line-height: 1.4em;}
.services li { font: normal 1.2em Arial, Helvetica, Verdana, sans-serif; color: #665d55; list-style-type: disc;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }
.margin-bottom { margin-bottom: 20px; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.container { width:960px; margin: 0 auto; padding:0px; background: #FFF; position: relative; }
.header { width:960px; height:400px; margin: 0 auto; padding: 0; overflow: hidden; background: url(../images/header.jpg) no-repeat; position: relative; }
.logo { width: 960px; position: absolute; z-index: 1000; top: 175px; left: 0px; }
.content { width:920px; margin: 30px auto 0px; padding: 20px; background: url(../images/content_columns.jpg) no-repeat; overflow: hidden; position: relative; }
.left-column { width: 260px; float: left; }
.center-column { width: 260px; float: left; padding: 0px; margin:0 0 0 70px; }
.right-column { width: 260px; float: left; padding: 0px; margin:0 0 0 70px; }
.photos { width: 940px; padding: 20px 0 20px 20px; font: bold 2.4em Helvetica, Arial, sans-serif; color: #FFF; background: #b4cdcf; clear: both; margin: 0; }
.footer { width: 960px; margin: 0 auto; padding: 12px 0 24px 0; color: #baaa9b; overflow: hidden;}
.footer-text { float: left; margin:10px 0 0 10px; font: normal 1.2em Helvetica, Arial, sans-serif;}

/* Flickr
--------------------------------------------------------------------------------------- */

#flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;}
.flickr_badge_image { float: left; display: inline; margin: 0 20px 0 0;}
.flickr_badge_image img { border: 5px solid #FFF; width: 87px; height: 87px;}
#flickr_badge_source {text-align:left; margin:0 0 0 0;}
#flickr_badge_icon {float:left;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
.flickr-text { font: normal 65% Helvetica, Arial, sans-serif; }
.flickr-text a { color: #8c511d; text-decoration: none; }
.flickr-text a:visited { color: #8c511d; text-decoration: none; }
.flickr-text a:hover { color: #FFF; text-decoration: none; }
.flickr-text a:visited:hover { color: #FFF; text-decoration: none; }
.flickr-text a:active { color: #8c511d; text-decoration: none; }
.flickr-text a:link { color: #8c511d; text-decoration: none; }

.foot_logo { float: right; display: inline;}

/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: normal; text-decoration: underline;}
a:link { color: #489198; text-decoration: underline; }
a:visited { color: #489198;}
a:hover { color: #665d55; text-decoration: none;}
a:active { color: #489198;}

.header a { position: absolute; top: 332px; left: 660px; font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }
.header a:visited { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }
.header a:hover { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#daeef0; border: 3px solid #daeef0; z-index: 1000; }
.header a:visited:hover { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#daeef0; border: 3px solid #daeef0; z-index: 1000; }
.header a:active { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }
.header a:link { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }



.form_box { width: 100%; margin-top: 20px; padding: 0 0 24px 0; overflow: hidden;}
.form_box_check_listings { width: 96%; margin-top: 20px; background: #e7f5fc; padding: 3% 1% 3% 3%; overflow: hidden; }

.form_box h4 { margin-bottom: 20px; margin-top: 0; }
.steps { margin: 16px 0 24px 0;}
h2.step_titles { background: #e5f6fe; color: #347EA3; padding: 10px 3%; width: 94%; font-size: 1.6em; margin: 16px 0; }

.form_row { width: 100%; overflow: hidden; margin-bottom:3px; }
.form_left_column { width: 27%; float: left; display: inline; text-align: right; padding-top: 9px;}
.form_right_column { width: 70%; float: right; display: inline; }

.form_left_column label, .ver_left_column label{ font-size: 1.2em; line-height: 1.3em; font-weight: bold; vertical-align: middle; color: #333333; }
.form_right_column label { font-size: 1.2em; line-height: 1.3em; vertical-align: middle; color: #333333;}

.form_box input { font-size: 1.6em; color:#333; }
.normal_input { width: 70%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.zip { width: 23%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.comments { width: 70%; padding: 5px 8px; border: 1px solid #d5d5d5; height: 146px;}
.checkbox { border: 1px solid #d5d5d5; margin-right: 10px; }
.amount { background: transparent url(../images/icon_dollar.gif) 2% 50% no-repeat; padding-left: 18px; width: 18%; }

select { padding: 4px 4px 4px 8px; border: 1px solid #d5d5d5; }
select option { padding-right: 16px;}
.drop_down { padding: 5px 5px 5px 10px; border: 4px solid #d5d5d5; }

.error label { color:#c21e1e; }
.error .normal_input { width: 90%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.error .zip { width: 23%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.error .comments { width: 90%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}

.confirmation_note { width: 91%; padding:0 4%; text-align: center; border:1px solid #aeca61; background: #e6f7b8 url(../images/icon_check_confirm_small.gif) 2% 50% no-repeat; margin: 20px 0 12px 0; }
#content .confirmation_note p { color: #48802f; margin: 6px 0; line-height: 1.3em; }

.sub_form_row { width: 100%; overflow: hidden; margin-bottom: 3px; }
.sub_left_column { float: left; display: inline; width: 36%; text-align: left; padding-top: 6px;}
.sub_right_column { float: right; display: inline; width: 60%;}
.designation { width: 33%; }

.submit_row { margin: 24px 0 0 0; }
.form_row.margin-top { margin-top: 16px; }

.main_content ul.check_listing { width: 33%; float: left; display: inline; margin: 0; padding: 0; }
.main_content ul.check_listing li { padding: 0; margin: 0 0 4px 0; list-style: none; width: 100%; overflow: hidden; color:#333;  }
.main_content ul.check_listing li input { margin-right: 8px; float: left; display: inline; }

* html body .main_content ul.check_listing li { margin: 0 0 4px -16px; }
*:first-child+html body .main_content ul.check_listing li { margin: 0 0 4px -16px; }

.project_request_desc { height: 40px;}

.btn_sign_up_form { font-size:16px; padding: 8px 30px; background: #01679b; border: 0; -moz-border-radius: 6px; -webkit-border-radius:6px; color: #ffffff;}



/* Verification
--------------------------------------------------------------------------------------- */

.verification { clear: both; overflow: hidden; width: 100%; border-top: 4px solid #e8e8e8; padding: 24px 0 24px 0; border-bottom: 4px solid #e8e8e8;}

.ver_left_column { width: 54%; float: left; display: inline; padding-top: 8px; text-align: right;}
.ver_right_column { width: 42%; float: right; display: inline; }
.ver_right_column input { font-size: 1.4em; }
.ver_right_column input.zip { width: 26%;}
.error .ver_right_column input.zip { width: 26%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}

.ver_left_panel { float: left; display: inline; width: 50%; }
.ver_right_panel { float: right; display: inline; width: 70%; }
.ver_right_panel p { font-size: 1.1em; line-height: 1.3em; margin-bottom: 0; }
.verification input.btn_submit { width: 42%; border: 1px solid #3d8a39; background: #4ea34a; padding: 5px 0; text-align: center; color: #fff; font-size: 1.4em; }