* { border:0px; margin:0px; padding:0px; }
html { overflow-y: scroll; }
body { color: #000; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; background: #641010 url(/images/backgrounds/body.gif) 50% 0 repeat-y; text-align: center; }

h1 { font-size: 36px; font-weight: normal; color: #333; line-height: 1em; padding-bottom: 20px; }
h2 { font-size: 18px; color: #660000; padding-bottom: 10px; font-weight: normal; }
	a.getAnEstimate { padding: 5px 0 8px 50px; background: url(/images/layout/get-an-estimate.gif) 0 0 no-repeat; font-weight: normal; font-size: 18px; color: #660000; line-height: 2em; text-decoration: none; }
	a.testimonials { padding: 5px 0 8px 50px; background: url(/images/layout/testimonials.gif) 0 0 no-repeat; font-weight: normal; font-size: 18px; color: #660000; line-height: 2em; text-decoration: none; }
h3 { font-size: 18px; font-weight: normal; color: #333; padding: 15px 0 10px 0; }

ul { list-style: none; }
select { border: 1px solid #999; }
textarea { border: 1px solid #999; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; background-color: #eee;}
a { text-decoration: underline; font-weight: normal; color: #b70101; }
a img { text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding-bottom: 0px; }
p.content2 { width: 80%; padding: 0 0 15px 0; line-height: 1.7em; }
p.content { width: 80%; }
p.errors { padding: 0 0 15px 0; font-weight: bold; line-height: 1.5em; }
span.error { font-weight: bold; color: #cc0000; }
span.mandatory { font-size: 14px; font-weight: bold; color: #cc0000; }

#wrapper { width: 854px; margin-left: auto; margin-right: auto; text-align: left;  }

#top { background: url(/images/backgrounds/top.gif) 0 0 repeat-x; height: 149px; float: left; width: 100%; }

#logo { width: 226px; float: left; }
#topRight { width: 628px; float: left; }

#topRight p { width: 603px; padding: 0px; text-align: right; color: #999; }
#topRight p.topMenu { font-size: 14px; padding: 15px 0 25px 0; line-height: 1em; }
#topRight p.topMenu a { font-weight: bold; }
#topRight p.tollFree { padding: 0 0 18px 0; line-height: 0em; }
#topRight p.tabMenu { line-height: 0em; }

#banner { width: 100%; float: left; line-height: 0em; clear: both; height: 124px; }
#bannerLeft { width: 491px; float: left; line-height: 0em; }
#bannerRight { width: 363px; float: left; line-height: 0em; }

#bannerBelow { width: 100%; float: left; line-height: 0em; }

#tabMenu { margin-right: 19px; }
#tabMenu li { display: inline; }
#tabMenu li a { float: right; display: block; height: 31px; }
#tabMenu li a span { display: none; }
#tabMenu li a.windows { width: 109px; background: url(/images/layout/menu/windows.gif) 0 0 no-repeat; }
#tabMenu li a.siding { width: 90px; background: url(/images/layout/menu/siding.gif) 0 0 no-repeat; }
#tabMenu li a.sunrooms { width: 115px; background: url(/images/layout/menu/sunrooms.gif) 0 0 no-repeat; }
#tabMenu li a.roofing { width: 98px; background: url(/images/layout/menu/roofing.gif) 0 0 no-repeat; }
#tabMenu li a.windows:hover { width: 109px; background: url(/images/layout/menu/windows-hover.gif) 0 0 no-repeat; }
#tabMenu li a.siding:hover { width: 90px; background: url(/images/layout/menu/siding-hover.gif) 0 0 no-repeat; }
#tabMenu li a.sunrooms:hover { width: 115px; background: url(/images/layout/menu/sunrooms-hover.gif) 0 0 no-repeat; }
#tabMenu li a.roofing:hover { width: 98px; background: url(/images/layout/menu/roofing-hover.gif) 0 0 no-repeat; }

#bannerShadow { width: 100%; float: left; height: 30px; background: url(/images/backgrounds/shadow.gif) 0 0 repeat-x; }

#content { width: 100%; float: left; }

#contentLeft { width: 222px; float: left; padding: 0 20px 15px 0; }


p.leftBox { padding: 15px 15px 10px 15px; width: 192px; background: #780a0a url(/images/backgrounds/left.gif) 0 0 repeat-x; color: #fff; font-size: 12px; line-height: 1.4em; }
p.leftBox a { color: #ffff00; text-decoration: underline; }
p.leftSpacer { height: 10px; }

h2.testimonials { padding: 5px 0 8px 50px; background: url(/images/layout/testimonials.gif) 0 3px no-repeat; }
p.leftBox2 { padding: 15px 15px 10px 15px; width: 192px; background: #780a0a url(/images/backgrounds/left.gif) 0 0 repeat-x; color: #fff; font-size: 12px; line-height: 1.8em; }
p.leftBox2 a { color: #ffff00; text-decoration: underline; }
img.featuredHome { padding-left: 25px; }

p.leftLogos { padding: 15px 0 0 10px; }

#contentMiddle { width: 330px; float: left; padding: 0 20px 15px 0; }
#contentMiddle p { padding-bottom: 20px; }

div.neatGlass { background: url(/images/index/neat-glass.gif) 0 0 no-repeat; padding: 0 0 0 103px; width: 222px; } 
div.neatGlass p { font-size: 14px; }
h2.neatGlass { font-size: 24px; font-weight: normal; padding-bottom: 5px; line-height: 1em; }

ul.homeSmiling { list-style-image: url(/images/layout/home-bullet.gif); list-style-position: inside; }
ul.homeSmiling li { padding: 0 0 5px 20px; font-size: 16px; }

#contentWrapper { width: 612px; float: left; }

#contentRight { width: 242px; float: left; padding: 0 20px 15px 0; }
#contentRight p { padding-bottom: 20px; }

#footer { clear: both; width: 100%; float: left; height: 100px; border-top: 1px solid #ccc;  padding: 10px 0 0 0; line-height: 1.5em;  }
div.footerLeft { width: 385px; float: left; }
div.footerRight { width: 227px; float: left; }
div.footerRight p { padding-right: 20px; text-align: right; color: #666; font-size: 11px; text-indent: 20px; }

table.bottomInfo { width: 100%; }
table.bottomInfo td { vertical-align: top; }
table.bottomInfo td.leftColumn { width: 150px; }

table.bottomContacts { width: 100%; }
table.bottomContacts td { vertical-align: middle; }
table.bottomContacts td.icons { width: 24px; }

table.getAnEstimate td { vertical-align: middle; padding: 5px 0; }
table.getAnEstimate td.leftColumn { width: 130px; }
table.getAnEstimate td.topAlign { vertical-align: top; }
table.getAnEstimate td { vertical-align: middle; padding: 5px 0; }

table.getAnEstimateCustom td { padding: 5px 0;  }
table.getAnEstimateCustom td.topAlign { vertical-align: top; }
table.getAnEstimateCustom td.leftColumn { width: 130px; }

input.text { background-color: #eee; border: 1px solid #999; padding: 3px; }
input.howLong { background-color: #eee; border: 1px solid #999; padding: 3px; text-align: center; }
textarea.comments { border: 1px solid #666; width: 300px; height: 100px; }

p.testimonialLetter { width: 425px; padding: 15px; background: #eee; line-height: 1.5em; }
p.youAreHere { font-size: 12px; padding-bottom: 15px; margin-bottom: 15px; }

div.testimonialsTop { width: 100%; float: left; padding: 0 0 20px 0; }

div.testimonialsLeft { width: 250px; padding: 0 25px 0 0; float: left; clear: both; text-align: center; line-height: 1em;  } 

div.testimonialsRight { width: 303px; float: left; text-align: center; padding: 0 0 0 25px; }
div.testimonialsRight h3 { padding: 10px 0 0 0; text-align: center; }
div.testimonialsRight p { padding: 10px; text-align: center; }

div.bbbLeft { float: left; width: 200px; text-align: center; margin-right: 25px; }
div.bbbLeft p { line-height: 1.5em; }
div.bbbRight { float: left; width: 200px; text-align: center;  }
div.bbbRight p { line-height: 1.5em; }

div.contentBottom { clear: both; }

/* Sections */
#contact td { padding: 0 0 5px 0; }
#contactForm td { line-height: 1.8em; padding: 5px 20px 5px 10px; }
p.status { font-weight: bold; color: #cc0000; }
p.errors { padding: 0 0 15px 0; color: #cc0000; font-weight: bold; line-height: 1.5em; }

table.contactUs { width: 100%; }
table.contactUs td { vertical-align: top; }
table.contactUs td.leftColumn { width: 320px; }
table.contactUs td.rightColumn { width: 292px; text-align: right; }

p.featuredHome { width: 100%; text-align: center; padding: 0 0 15px 0; font-size: 18px; font-weight: normal; }
table.featuredGallery { width: 100%; }
table.featuredGallery td { text-align: center; width: 25%; font-size: 11px; padding: 0 0 15px 0; }

table.beforeAfter { width: 100%; }
table.beforeAfter td { vertical-align: top; width: 50%; }
table.beforeAfter td.leftColumn { text-align: left;  }
table.beforeAfter td.rightColumn { text-align: right;  }

div.wantedLeft { float: left; width: 50%; }
div.wantedRight { float: left; width: 50%; }

table.wanted td { padding: 0 0 5px 0; }
table.wanted td.leftColumn { padding-right: 25px; }

img.sunroom1 { float: right; padding: 5px 15px 10px 15px; }
img.sunroom2 { float: left; padding: 5px 25px 15px 15px; }
img.sunroom3 { float: left; padding: 20px 15px 15px 15px; }
img.sunroom4 { float: right; padding: 20px 15px 15px 15px; }
img.sunroom5 { float: left; padding: 20px 15px 15px 15px; }

img.roofing1 { float: right; padding: 5px 15px 15px 25px; }
img.alaskan1 { float: left; padding: 5px 25px 45px 0px; }
img.legacy1 { float: right; padding: 5px 15px 0px 25px; }
img.legacy2 { float: right; padding: 0px 15px 10px 25px; margin-top: -20px; }

img.windows1 { float: right; padding: 5px 15px 20px 25px; }

img.windows4 { float: right; padding: 5px 15px 20px 25px; }
img.windows5 { float: right; padding: 5px 15px 20px 25px; }
img.windows6 { float: left; padding: 5px 25px 20px 0px; }

/* Fix Firefox 1px */
#top, #banner, #bannerBelow, #bannerShadow, #content, #footer { margin-left: -1px; }