body { background-image: url(../images/bg-page.gif); background-repeat: repeat-x; margin: 0px; font:12px/20px Arial, Helvetica, sans-serif; }
#wrapper { width:960px; margin:0 auto;}
#header {}
#sub-header { width:960px; float: left;}
#content-index-holder { float:left; width:960px; margin: 0 auto;}
#content-index-right { float:left; width:}

a:link { color: #9D1C20; text-decoration: none; }
a:visited { text-decoration: none; color: #9D1C20; }
a:hover { text-decoration: underline; color: #393833; }
a:active { text-decoration: none; color: #9D1C20; }

/* HEADER 
----------------*/
h1.logo { background:url(../images/logo.jpg) top center no-repeat; height:113px; width:289px; float: left; margin: 17px 40px 0 0; text-indent:-9999px;}
#qlink { width:380px; height:25px; margin-top:5px; float: right; text-align:right;}
#qlink a:link, #qlink a:visited { color: #000; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif;}
#qlink a:hover { color:#a21519; }
#phone-num-holder { float: right; margin-top:10px; width:400px; text-align:right;}
#manage-account-holder { float: right; margin-top:10px; width:400px; text-align:right;}

/* CONTENT
----------------*/
#content-index-left { width:245px; background:#f7f7f7; min-height:200px; float:left;}
#content-index-left-inner { width: 240px; margin: 0 auto;}
#footer { width:960px; margin:0 auto; float:left; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding-top:10px;}
#footer-last { width:960px; margin:0 auto; float:left; font:11px Arial, Helvetica, sans-serif; padding:5px 0;}
#footer-last a, #footer-last a:link, #footer-last a:visited { color:#4d4d4d;}
#footer-last a:hover { color:#a81519;}
.tstm-name { color:#838383;}
.tstm-lcl { color:#838383; font-size:11px;}
.tstm-qt { color:#838383; font-style:italic;}
#site-links-holder { width: 700px; float:right;}

/* News Listings */
ul.news { list-style: none; padding: 5px 0; margin:0; font: 11px Arial, Helvetica, sans-serif; line-height:18px; color:#6a6a6a;}
ul.news li { width:230px; margin: 0 auto; padding:8px 5px;}
ul.news li.light { background:#fbfbfb;}
ul.news span.news-title { color: #6e6e6e; font-weight:bold; }
hr.news-sep { color:#d8d8d8; background:#d8d8d8; width:90%}

/* LEFT NAV */
ul.left-nav { list-style: none; margin:0; padding:0; }
ul.left-nav li { border-bottom: 1px solid #e5e5e5; padding:10px 0 10px 5px; }
ul.left-nav li:hover { background:#f4f4f4; }
ul.left-nav li a, ul.left-nav li a:link, ul.left-nav li a:visited { font:12px Arial, Helvetica, sans-serif; color:#363636; text-decoration:none; }
ul.left-nav li a:hover { color:#9a2a2e; }

.active-link { background:#f4f4f4;}
ul.left-nav li a.active-a { color:#9a2a2e;}

/* FOOTER NAV */
ul.nav-footer { float: left; margin:10px 0; padding:0; list-style:none;}
ul.nav-footer li { width: 230px; }
ul.nav-footer li a span { font: 10px/12px Arial, Helvetica, sans-serif; font-weight:bold;}
ul.nav-footer li a, ul.nav-footer li a:link, ul.nav-footer li a:visited { font: 10px/12px Arial, Helvetica, sans-serif; color:#a6a6a6;}
ul.nav-footer li a:hover { font: 10px/12px Arial, Helvetica, sans-serif; color:#a40011;}
ul.nav-footer li ul { list-style:none; margin:2px 0; padding:0 0 0 10px;}

/* NEWS LETTER FORM */
form#frmSS10 {}
form#frmSS10 ul { list-style: none; padding:0; margin:0;}
form#frmSS10 ul li { float:left; padding:4px 5px;}
form#frmSS10 ul li input { float:right;}
form#frmSS10 input[type="text"], textarea { width:195px; border: 2px solid #ddddde; padding:5px; color:#9c9c9c; moz-border-radius:4px; -webkit-border-radius:4px;}
form#frmSS10 input[type="text"]:hover, textarea:hover { background:#f2f2f2; border:2px solid #393833; color:#000; }
form#frmSS10 input[type="text"]:focus, textarea:focus  { background:none; border: 2px solid #ddddde; color:#000; }
form#frmSS10 input[type="submit"] { cursor:pointer; background: url(../images/btn-join.gif) no-repeat; height:26px; width:42px; padding:5px; margin-top:10px; text-indent:-9999px; border:none;}	

/* newsletter-holder */
#newsletter-holder { width:205px; float:left;}

/* FONTS 
----------------*/
h2.title-grey { color:#444942; font:18px Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; padding:5px 0; margin:0;}
h2.title-grey-thin { color:#494949; font:16px Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; padding:5px 0; margin:0; text-align:center;}
.grey-red{ color:#b70013; }
h2.page-t-main { font: 36px Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#4a4f49; padding:20px 0 0 65px; margin:0px;}
h3.page-t-sub { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color:#9ea19d; margin:2px; padding:0 0 0 65px; margin-top:-2px;}
h2.page-t-content { font: 30px Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#4a4f49; padding:5px 0 0 0; margin:0px;}
h3.page-t-content { font: 20px Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#4a4f49; padding:0; margin:0px;}

/* BG IMAGES
----------------*/
.enviroshake-quality-roofing { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-project-gallery { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.case-study-enviroshake-project { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.case-study-inspiring-roofs { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.login { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-main { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-the-jay-carter-way { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-our-values { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-work-flow { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-affiliations { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-safety-and-certifications { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-using-technology { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-products-we-proudly-use { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-careers  { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.roofing-main { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.roofing-anatomy-of-a-roof { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.roofing-know-the-danger { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.roofing-common-terms { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.roofing-choosing-a-contractor { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.roofing-preventative-maintenance { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-main { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-the-right-shingles { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-insulation-and-ventilation { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-we-sell-solar { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-skylights-and-more { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-photo-album { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-repairs-and-maintenance { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-testimonials { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.residential-weather-report { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.commercial-main { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;}
.commercial-project-gallery { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;}
.commercial-a-new-roofing-experience { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-roofing-systems-explained { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-safety { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-repairs-and-maintenance { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-photo-album { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-request-estimate { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-weather-report { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-join-newsletter { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.commercial-testimonials { background: url(../images/title-bars/title-bar-commercial.png) top center no-repeat;} 
.metal-work { background: url(../images/title-bars/title-bar-metal-work.png) top center no-repeat;} 
.energy-main { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.energy-what-are-cool-roofs { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.energy-benefits-of-cool-roofs { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.energy-how-hot-is-my-roof { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.energy-sustainable-cool-roof-systems { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.energy-coatings { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.energy-single-ply { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.energy-local-weather { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 

.service-main { background: url(../images/title-bars/title-bar-service.png) top center no-repeat;} 
.service-benefits-jay-carter-program { background: url(../images/title-bars/title-bar-service.png) top center no-repeat;} 
.service-local-weather.php { background: url(../images/title-bars/title-bar-service.png) top center no-repeat;} 
.service-request-repair-estimate { background: url(../images/title-bars/title-bar-service.png) top center no-repeat;} 

.employment {  background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.request-estimate { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.feedback { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.terms-and-conditions { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.privacy-policy { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.rooflines-newsletter { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 
.contact { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;} 

/* Old Pages */
/*
.about-our-company { background: url(../images/title-bars/title-bar-our-company.png) top center no-repeat;}
.about-our-products { background: url(../images/title-bars/title-bar-our-products.png) top center no-repeat;}
.about-our-team { background: url(../images/title-bars/title-bar-our-team.png) top center no-repeat;}
.about-safety { background: url(../images/title-bars/title-bar-our-safety.png) top center no-repeat;}
.contact { background: url(../images/title-bars/title-bar-contact.png) top center no-repeat;}
.request-estimate { background: url(../images/title-bars/title-bar-estimate.png) top center no-repeat;}

.residential-roofing { background: url(../images/title-bars/title-bar-residential.png) top center no-repeat;}
.about-credentials { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;} 
.about-message-from-jay { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.about-emergency-service { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.about-roof-insepctions { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;} 
.about-our-warranty { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.about-news-and-events { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.roofing-spot-potential-problems { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.roofing-spot-potential-problems { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.roofing-selecting-contractor { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.roofing-shingles { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.roofing-reliable-roofer { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.commercial-flat-roofing { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.commercial-copper-work { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.commercial-siding { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.commercial-photo-gallery { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.energy-solar-panel-program { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.energy-green-products { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.sheet-metal { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.feedback { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.rooflines-newsletter { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.service-main { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.service-local-weather { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}
.energy-what-are-cool-roofs { background: url(../images/title-bars/title-bar-shingle-stacks.png) top center no-repeat;}*/

/* CONTENT PAGES
----------------*/

#content-holder { float:left; width:100%; min-height:500px;}

#content-left { float:left; min-height:690px; width:255px; padding:0 0 0 15px; margin-top:25px; border-right: 1px solid #d1d1d1; color:#5e5e5e;}
#content-center-left { float:left; min-height:530px; width:650px; padding:0 10px 0 15px; margin-top:25px; font: 12px Arial, Helvetica, sans-serif; line-height:18px; color:#5e5e5e;}
#content-center-left img { border:5px solid #efefef; }
#content-center-full { float:left; min-height:530px; width:655px; padding:0 10px 0 15px; margin-top:25px; font: 12px Arial, Helvetica, sans-serif; line-height:18px; color:#5e5e5e;}
#content-right { float:right; width:260px; margin-top:140px; border-left: 1px solid #d1d1d1;}

ul.link-symbol { padding:0; margin:0; list-style: none;}
ul.link-symbol li { /* padding-left:10px; background:url(../images/icon-link.gif) left no-repeat; background-position: 0 0;*/ }
ul.link-symbol li a { color:#a81519; cursor: pointer;}
ul.link-symbol li a:hover { color: #000;}

ul.link-symbol-products { padding:0; margin:0; list-style: none; float:right;} 
ul.link-symbol-products li {  width:250px; text-align:right; } 
ul.link-symbol-products li a { padding-left:22px; background:url(../images/icon-link.gif) left no-repeat; background-position: 0 4px; color:#a81519; text-decoration:underline; text-align: right; cursor: pointer;}
ul.link-symbol-products li.rmi a  { padding-left:22px; background:url(../images/icon-note-pencil.png) left no-repeat; height:22px; display:inline-block; line-height:22px; background-position: 0 4px; color:#a81519; text-decoration:underline; text-align: right; cursor: pointer;}
ul.link-symbol-products li a:hover { color: #000;}

.btn-raq-large { background:url(../images/btn-request-a-quote-large.png) top center no-repeat; height:100px; width:251px; text-indent:-9999px; border:none; cursor:pointer; margin-top:20px;}
.msg-box {background:#f2f2f2; border:2px solid #9a1f22; -moz-border-radius:4px; -webkit-border-radius:4px; font:14px Arial, Helvetica, sans-serif; text-align:center; width:400px; padding:10px 20px; margin-left:50px; margin-bottom:10px;}
.link-more, .link-more:visited { color:#9a2a2e; font-weight:bold;}
.link-more:hover { color:#000;}
.jay-call { border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#EFEFEF; height:36px; width:650px; color:#900; padding-top:10px; font-size:18px;}

#case-table img { border:2px solid #5e5e5e; }
.redTitle { color:#a81519; font-size:18px; margin-top:8px; }