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

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */

html { background: url(../images/build/background_pattern.jpg) top center no-repeat; }

#wrapper { width: 850px; margin: 0 auto 0 auto; }

#header { background: url(../images/build/header_bkg.jpg) top left no-repeat; height: 130px; width: 850px; }

#logo { padding: 8px 0 0 14px; float: left; }

#sec-nav { float: right; }

#main-nav { float: right; background: url(../images/build/nav_bkg.jpg) top left no-repeat; height: 50px; width: 493px; margin: 44px 5px 0 0; }

#contact-bar { background: url(../images/build/contactbar_bkg.jpg)  top left no-repeat; width: 850px; height: 40px; float: left;  }

#contact-shadow { background: url(../images/build/contactbar_shadow_bkg.jpg) top left no-repeat; width: 850px; padding-bottom: 10px; clear: both; }

#content-wrap { background: url(../images/build/content_bkg.png) top left no-repeat; width: 820px; min-height: 550px; float: left; padding: 10px 15px 10px 15px; }

#banner-large { background: url(../images/build/banner_lrg.jpg) top left no-repeat; width: 820px; float: left; margin-bottom: 10px; }

#banner { background: url(../images/build/banner_sml.jpg) top left no-repeat; width: 820px; height: 80px; float: left; margin-bottom: 10px; }

#feature-box { background: url(../images/build/featurebox_bkg.png) top left no-repeat; width: 263px; height: 140px; float: right; margin: 10px 5px 0 0; padding: 10px; }

#feature-content { width: 263px; height: 120px; overflow: hidden; }

#more-benefits { float: right; }

#left { float: left; width: 520px; }

#heading { background: #6bbc54; margin: 0 0 10px 0; width: 520px; }

#heading-top { background: url(../images/build/heading_bkg.jpg) top left no-repeat; width: 520px; }

#heading-bottom { background: url(../images/build/heading_btm.jpg) bottom left no-repeat; width: 500px; padding: 15px 10px 15px 10px; }

#content { width: 500px; padding: 0 10px 10px 10px; } 

#right { float: right; width: 290px; }

#right-content { background: #dcf6fc; width: 290px; }

#right-top { background: url(../images/build/rightcol_top.jpg) top left no-repeat; width: 290px; }

#right-bottom { background: url(../images/build/rightcol_btm.jpg) bottom left no-repeat; width: 270px; padding: 15px 10px 15px 10px; }

#footer { background: url(../images/build/footer_bkg.jpg) top left no-repeat; clear: both; float: left; width: 850px }

.me-brand { float: right; margin: 20px 30px 0 0; }

.bincan-brand { float: right; clear: right; margin: 0 30px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #DAD9DF; text-decoration: none; }

/* ***Navigation Styles*** */

ul.sec-list { list-style-type: none; padding: 10px 25px 0 0; }

ul.sec-list li { float: left; margin: 0 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

ul.sec-list li a { color: #2fa443; text-decoration: none; }

ul.sec-list li a:hover { color: #1a66b4; }

ul.main-list { list-style-type: none; width: 493px; }

ul.main-list li { float: left; }

ul.main-list li a { display: block; }

ul.main-list li a.home { background: url(../images/nav/home_btn.jpg) top left no-repeat; height: 50px; width: 84px; }

ul.main-list li a.home:hover { background-position: 0 -50px; }

ul.main-list li a.products { background: url(../images/nav/products_btn.jpg) top left no-repeat; height: 50px; width: 109px; }

ul.main-list li a.products:hover { background-position: 0 -50px; }

ul.main-list li a.aboutus { background: url(../images/nav/about_btn.jpg) top left no-repeat; height: 50px; width: 114px; }

ul.main-list li a.aboutus:hover { background-position: 0 -50px; }

ul.main-list li a.news { background: url(../images/nav/news_btn.jpg) top left no-repeat; height: 50px; width: 90px; }

ul.main-list li a.news:hover { background-position: 0 -50px; }

ul.main-list li a.benefits { background: url(../images/nav/benefits_btn.jpg) top left no-repeat; height: 50px; width: 96px; }

ul.main-list li a.benefits:hover { background-position: 0 -50px; }

#contact-button { float: right; padding: 0 15px 0 0;  }

#contact-button a.contact { display: block; background: url(../images/nav/contact_btn.jpg) top left no-repeat; height: 40px; width: 113px; }

#contact-button a.contact:hover { background-position: 0 -40px; }

ul.foot-list { list-style-type: none; font-family: Arial, Helvetica, sans-serif; padding: 10px 0  0 30px; }

ul.foot-list li { float: left; margin: 0 10px 0 0; }

ul.foot-list li a { font-size: 13px; color: #FFFFFF; text-decoration: none; }

ul.foot-list li a:hover { color: #DAFF9F; }


/* ***Text Styles*** */

p.copyright { float: left; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5bb541; margin: 20px 0 0 30px;}

ul.faq-link-list { background: #3c9dda; border: 1px solid #165fb0; padding: 10px; width: 248px; list-style-type: none; }

ul.faq-link-list li a { display: block; font-size: 18px; color: #FFFFFF; padding: 0 25px 5px 0; border-bottom: 1px solid #FFFFFF; background: url(../images/icons/list_bullet.jpg) top right no-repeat; margin: 5px 0 0 0; }

ul.faq-link-list li a:hover { color: #2167AC; border-bottom: 1px solid #2167AC; }

/* ***Form Styles*** */

#contact-form{ width: 780px; height: 145px; padding: 10px; border-left: 1px solid #7cc468; border-right: 1px solid #7cc468; border-bottom: 1px solid #7cc468; display: none; margin: 0 0 0 25px; background: url(../images/build/form_bkg.jpg) top left repeat-x; background-color: #d2fcc6; }

#contact-form div.form-column-one { float: left; width: 225px; height: 145px; }

#contact-form div.form-column-two { float: left; width: 295px; height: 145px; }

#contact-form div.form-column-three { float: left; width: 255px; height: 145px; }

#contact-form .form-title { font-size: 15px; color: #29a144; font-family: Arial, Helvetica, sans-serif; float: left; clear: both; margin: 0 0 5px 0; }

#contact-form .form-input { height: 20px; width: 200px; border: 1px solid #29a144; float: left; clear: left; margin: 0 0 5px 0; } 

#contact-form .form-comment { float: left; color: #29a144; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }

#contact-form .form-area { border: 1px solid #29a144; width: 275px; height: 112px; margin: 5px 0 0 0; }

.close a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #29a144; text-decoration: none; float: right; }

.close a:hover { color: #1C68B6; }

p.form-note { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333333; float: left; margin: 30px 0 0 0; }

input.form-submit { background: url(../images/icons/sendemail_btn.jpg) top left no-repeat; width: 248px; height: 36px; float: left; border: none; margin: 20px 0 0 0; }

input.form-submit:hover { background-position: 0 -36px; }

/* ***Additional Styles*** */

#more-benefits a.benefits { display: block; background: url(../images/icons/morebenefits_btn.png) top left no-repeat; height: 33px; width: 125px; }

#more-benefits a.benefits:hover { background-position: 0 -33px; } 

table.recommendations { border: 1px solid  #29a144; }

table.recommendations td { padding: 10px; background: #d2fcc6; margin: 5px;  }

/*general bullet list style*/
.content_list {font-size: 0.8em; color: #333333; font-family: Arial, Helvetica, sans-serif;  padding:0 0 0 40px; }
.content_list li {padding:0 0px 10px 10px;}

/* contractors and product reccomendations bullet list style */
.contractors {font-size: 0.8em; color: #333333; font-family: Arial, Helvetica, sans-serif; padding:0 0 10px 0;}

.contractors li {list-style-type:none;}
.contractors li.title { font-weight:bold; font-size: 16px; color: #29a144; }

/*faq bullet lists  */
.faq {color: #1a62b2; font-size: 1.3em; font-weight:bold; }

.faq_qa {font-size: 0.8em; color: #333333; font-family: Arial, Helvetica, sans-serif; padding:0 0 15px 0;}

.faq_qa li {list-style-type:none; padding:0 0 5px 0;}

.faq_content_list {font-size: 0.9em; color: #333333; font-family: Arial, Helvetica, sans-serif; padding:
10px 0 0px 20px; }

.faq_content_list li {list-style-type:disc;}

.faq_content_list li.nobullet {list-style-type:none;}

img {padding:0 0 10px 0;}

ul#recently { font-size: 0.8em; color: #1a62b2; padding: 0 0 15px 20px; }

ul.archive-list { font-size: 0.8em; color: #1a62b2; padding: 0 0 15px 20px; }

div.post-body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; }

div#creditfooter { display: none; }

.feedburnerFeedBlock ul { list-style-type: none; }

span.headline { font-size: 1.2em; }

.feedburnerFeedBlock ul li div { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; color: #333333; ]

/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }