/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #FFFFFF;
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #6b7f35;
}
a {
	color: #5ca100;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 15px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 0px 0 .4em 20px;
	color: #333;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 970px;
	margin: 0 auto;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	height: 160px;
	width: 970px;
	margin: 0 auto;
}

/* site logo */
#site-logo 
{
    float: left;
    margin: 15px 0 0 15px;
}
#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}
.connect a {
    background-image: url("../../images/landingpage/social.png");
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: 5px 0 0 3px;
    display: block; 
    float: left;
    display: block;
}
.header-banner {
    float: right;
    padding-top: 10px;
}
.header-banner-img {
    background: url("../../images/landingpage/banner_top.png") no-repeat scroll left center #FFFFFF;
    height: 46px;
    width: 461px;
}
.header-banner-title {
    color: #f98621;
    font-weight: bold;
    text-align: center;
    padding-left: 12px;
    font-size:12px;
}
.connect {
    margin: 20px 0 0 0;
    display: inline-block;
    float: left;
}
.connect-phone {
    font: bold 30px/100% Arial, sans-serif;
    transform:scale(1,1.5); /* W3C */
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -moz-transform:scale(1,1.5); /* Firefox */
    -ms-transform:scale(1,1.5); /* IE 9 */
    -o-transform:scale(1,1.5); /* Opera */
    letter-spacing: 1px;
    display: inline-block;
    padding-left: 20px;
    margin: 20px 0 0 0;
    float: right;
}
.phone-common 
{
    display: none;
}
.phone-1item 
{
    float: left;
    color: #000;
    display: inline-block;
    letter-spacing:2px;
    /*text-shadow:
        -1px -1px 0 #556c0f,
        1px -1px 0 #556c0f,
        -1px 1px 0 #556c0f,
        1px 1px 0 #556c0f;*/
}
.phone-2item {
    float: left;
    color: #000;
    display: inline-block;
    letter-spacing:2px;
    /*text-shadow:
        -1px -1px 0 #556c0f,
        1px -1px 0 #556c0f,
        -1px 1px 0 #556c0f,
        1px 1px 0 #556c0f;*/
}
a.twitter 
{
    background-position: -56px 0;
}
a.facebook {
    background-position: 0 0;
}
a.youtube {
    background-position: -84px 0;
}
a.gplus {
    background-position: -28px 0;
}
.homestars {
    border: 0px solid black;
    margin: 20px auto;
    width: 300px; 
    overflow: hidden;
}
.homestars a {
    background-image: url("../../images/landingpage/homestars.png");
    background-repeat: no-repeat;
    display: block;
    height: 195px;
}
/* site contacts */
#site-contacts 
{
    float: right;
    margin: 5px 20px;
}
/************************************************************************************
BANNER
*************************************************************************************/

.dw-calculator-bttn
{
	width:165px;
	height:53px;
    margin:20px 0 0 24px;
	background:url(/images/button-calculator.png) no-repeat top left;
	display:block;
	outline:none;
}
.dw-calculator-bttn:hover
{
	background:url(/images/button-calculator.png) no-repeat bottom left;
	outline:none;
}
.get-quote-bttn
{
	width:165px;
	height:53px;
	background:url(/images/button-get-quote.png) no-repeat top left;
	display:block;
	margin:25px 0px 17px 24px;
	outline:none;
}
    .roofing .get-quote-bttn {
        margin: 60px 0px 17px 24px;
    }
.get-quote-bttn:hover
{
	background:url(/images/button-get-quote.png) no-repeat bottom left;
	outline:none;
}
#slides-container {
    height: 264px;
    overflow: hidden;
    position: relative;
    top: 13px;
    width: 100%;
    z-index: 1;
}
.banner-wrap 
{
    background: url("../../images/landingpage/banner_bg.png") repeat-x scroll center center transparent;
    height: 290px;
    margin: 20px auto;
    position: relative;
    width: 100%;
}
.banner-right {
    float: left;
    padding: 0;
    width: 447px;
}
.banner-left 
{
    color: #E5E4E2;
    float: left;
    width: 300px;
}
.banner-center {
    background: url("../../images/landingpage/banner_center.png") no-repeat scroll left top transparent;
    color: white;
    float: left;
    padding: 44px 0 0;
    text-align: center;
    width: 220px;
    height: 245px;
    position: relative;
    left: 8px;
}
.banner-center-container {
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
}
.banner-left-center {
    background: url("../../images/landingpage/banner_center.png") no-repeat scroll right top transparent;
    float: left;
    padding: 0;
    width: 11%;
    max-width: 220px;
    height: 289px;
}
.banner-right-center {
    background: url("../../images/landingpage/banner_center.png") no-repeat scroll right top transparent;
    float: left;
    padding: 0;
    width: 11%;
    max-width: 220px;
    height: 289px;
}
.banner-left-content {
    padding: 35px 0 5px 10px;
}
.banner-left-content li {
    padding: 0px 10px 15px 37px;    
    background-image: url("../../images/landingpage/bullet.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
    list-style-type: none;
    height: 32px;
}
    .roofing .banner-left-content li {
        padding: 0px 10px 11px 37px;
    }
.LeftBannerTitle {
    color: #FFF;    
	font: bold 18px/120% 'Trebuchet MS', Arial, sans-serif;
    letter-spacing: 4px;
    transform:scale(1,1.3); /* W3C */
    -webkit-transform:scale(1,1.3); /* Safari and Chrome */
    -moz-transform:scale(1,1.3); /* Firefox */
    -ms-transform:scale(1,1.3); /* IE 9 */
    -o-transform:scale(1,1.3); /* Opera */
    text-transform: uppercase;
    display: inline-block;
    text-shadow:
        -1px -1px 0 #677223,
        1px -1px 0 #677223,
        -1px 1px 0 #677223,
        1px 1px 0 #677223;
}
.LeftBannerItem {
    color: #FFF;    
	font: bold 14px/18px Arial, sans-serif;
}
ul.BannerList li:last-child { padding: 5px 0 0 39px;}
.CenterBanner {
    font-family: Arial,Tahoma;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000000;
}
.CenterBanner span {
    display: block;
    font-family: Arial,Tahoma;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    text-shadow: 2px 2px 2px #000000;
}
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	width: 100%;
	background: #ccc;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	/* gradient */
	background: #6a6a6a url(../../images/landingpage/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}
#main-nav li:first-child {
	margin-left: 10px;
}
#main-nav a {
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
#main-nav a:hover {
	color: #fff;
	background: #474747;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);
}

/************************************************************************************
Content
*************************************************************************************/

#content-column1 {
	background: #fff;
	margin: 20px 0;
	padding: 0px 20px 20px 10px;
	width: 60%;
	float: left;
    background-image: url(../../images/landingpage/separate.png);
    background-repeat: repeat-y;
    background-position: top right;
    min-height: 990px;
}
    .roofing #content-column1 {
        min-height: 480px;
        margin:  20px 0px 0px 0px;
    }
.content-location {
    display: block;
    padding-top: 15px;
}
.Title-top {
    padding: 20px 10px;
    text-align: center;
    line-height: 34px;
    font-size: 28px;
    color: #333333;
    font-family: Verdana, Arial;
}
.Title-bottom {
    padding: 20px 10px;
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}
.separate-x-border {
    background-image: url(../../images/landingpage/separate.png);
    background-repeat: repeat-x;
    height: 5px;
}
.footer-x-border {    
    background-image: url(../../images/landingpage/border.png);
    background-repeat: repeat-x;
    height: 5px;
}
#content-column2 {
	width: 340px;
	float: left;
	margin: 15px 0 5px 10px;
}
.widget {
	background: #fff;
	margin: 0px;
	padding: 10px 10px;
	/* box shadow */
/*	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
*/
}
#rebateTitle {
   font-family: Arial;
   font-size: 24px;
   font-weight: bold;
   color: #ca3827;
   line-height: 26px;
    text-align: center;
}
#rebateTitle img {
    margin: 0px 0px 20px;
}
#rebateTitle_reduceMode  
{
    display: none;   
    margin: 0px 0px 20px;
   font-family: Arial;
   font-size: 24px;
   font-weight: bold;
   color: #ca3827;
   line-height: 26px;
   text-align: center;
}
.content-tesrimonials {
    padding-bottom: 15px;
}
.testimonials-quote {
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Arial;
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
	color: #ccc;
	font-size: 85%;
    padding: 10px 0 0;
}
#footer a {
    color: #5d6911;
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
    text-decoration: underline;
}
#footer-contact {
    float: left;
    height: 50px;
    width: 50%;
}
#footer-nav {
    border-left: 1px dotted #5D6911;
    float: left;
    height: 35px;
    padding-top: 15px;
    padding-left: 100px;
    width: 300px;
}
#footer-call {
    background-image: url("../../images/landingpage/call.png");
    background-repeat: no-repeat;
    padding-left: 50px;
    width: 150px;
    height: 42px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #5d6911;
}
#footer-email {
    background-image: url("../../images/landingpage/email.png");
    background-repeat: no-repeat;
    padding-left: 50px;
    width: 150px;
    float: left;
    height: 42px;
    font-size: 14px;
    font-weight: bold;
    color: #5d6911;
}
.FooterCopyright {
    border-top: 1px dotted #5D6911;
    color: #5D6911;
    font-size: 12px;
    margin: 10px auto;
    padding: 10px 0 0;
    text-align: center;
    width: 300px;
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.ClearBoth { clear: both; float: none; font-size: 0.1%; width: 1px; height: 0px; background-color: Transparent; }

/************************************************************************************
Request Info Form
*************************************************************************************/
.divReqInfo_Content{ width: 300px;margin-bottom: 20px;padding-left: 5px;}
.form-div { margin-bottom: 20px;}
.form-div span{	color:#3a6901; }
.form-div h1 {font-family: Helvetica, sans-serif; font-size:18px;color:#3a6901;	margin:0px;	padding:10px 0px 2px 0px;margin-bottom:5px;	border-bottom:1px solid #3a6901;}
.textfield2 {width:90%;font-family: Helvetica,Arial,Sans-Serif;font-size:13px;	color:#000;	border:1px #c4d4c0 solid;margin:0 0 9px 0px;padding:4px 4px 4px 4px;background:#f2f2f2;}
.form-div .capthaInfo {padding:0px;margin:0px; font-family: Helvetica,Arial,Sans-Serif;font-size:12px;color:#000;}
.form-div .capthaInfo span {color:#3a6901;font-weight:bold;}
.form-div .textarea2 {width:90%;height:50px;border:1px #c4d4c0 solid;font-size:13px; font-family: Helvetica,Arial,Sans-Serif;color:#000;margin:0 0 9px 0px;	padding:4px 4px 4px 4px;background:#f2f2f2;	resize:none;overflow:auto;}
.form-div img {	border:none;margin: 1px;}
.form-div .submit-btn {	width:87px;	height:22px;display:block;background:url(/images/sub-bttn.jpg) no-repeat;	font-size:14px; font-family: Helvetica,Arial,Sans-Serif;text-decoration:none;font-weight:bold;text-align:center;padding:5px 0px 0px 0px;color:#fff;	float:right;}
.form-div .submit-btn:hover {color:#07f312;}
.form-div .refresh-btn {width:24px;	height:24px; background:url(/images/refresh-bttn.jpg) no-repeat center top;outline:none;}
.form-div .refresh-btn:hover {width:24px;height:24px; background:url(/images/refresh-bttn.jpg) no-repeat center bottom;	outline:none;}
#divContactUs { width: 650px;}
.formRow { width: 100%;overflow: hidden;margin-bottom: 9px;}
.formRow .formLabel {float: left;line-height: 28px; text-align: right; width: 30%; margin-right: 10px; }
.formRow .textfield1{display: inline-block;width: 200px; color:#000;border:1px #c4d4c0 solid !important;padding:4px 4px 4px 4px;background:#FFF;}
.formRow .textarea1{ display: inline-block;width: 340px;border:1px #c4d4c0 solid;color:#000;margin:0 0 9px 0px;padding:4px 4px 4px 4px;background:#FFF;resize:none;overflow:auto;}
/*.formRow .fileUpload { overflow:hidden;visibility:hidden;width:0;height:0;padding:0;font-size:0}*/
.formRow .fileUpload {position: relative;text-align: right;height: 26px; -moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;cursor: pointer !important;}
.formRow .ChooseFile { position: absolute;left: 204px;top: 2px; }
.formRow .selectedFile { padding-top: 5px;display: inline-block;}

#Cr_Title a{ color: #ff9900;font-size: 28px;font-weight: bold;font-family: "Trebuchet MS";line-height: 40px;text-decoration: none;display: block;padding: 5px 0;text-align: center;}

/************************************************************************************
    Google+ reviews link
*************************************************************************************/
 hr.badge {
 background: #C7C8CA;
 height: 1px;
 position: relative;
 top: 12px;
 border: none;
 }
 .gp-badge
 {
     margin: 15px auto;
     width: 215px;
     display: block;
     text-decoration: none;
 }
 .gp-badge .ico
 {
     width: 45px;
     height: 61px;
     background: #db4739;
     float: left;
     position: relative;
 }
 .gp-badge .ico img
 {
     position: absolute;
     top: 0px;
     right: 0px;
     left: 0px;
     bottom: 0px;
     margin: auto !important;
 }
 .gp-badge .text
 {
     height: 61px;
     background: #e46e63;
     text-align: center;
     padding: 15px 0 0 0;
     box-sizing: border-box;
 }
 .gp-badge .text p
 {
     padding: 0px;
     margin: 0px;
     font-size: 13px;
     color: #FFF;
     line-height: normal;
 }
 .apexchat_tab_invitation_wrapper_customcstDiv
 {
     top:75% !important;
 }
.ML_link
 {
     margin-top:17px;
     padding-bottom:2px;
     border-bottom: 1px solid #3a6901;
 }
 .ML_link a
 {
     color:#3a6901 !important;
     font-size:18px !important ;
     font-family:Helvetica, sans-serif !important;
     font-weight:bold !important;
     text-transform:uppercase;
 }
 .LP_ulContent
 {
     margin:0 0 15px 15px;
     font-family:Georgia;
     font-size:10pt;
     color:#000;
 }