body 
{
margin: auto;
font-family:Times, Georgia, Serif;
font-size:15px;
line-height: 125%; 
text-align: left;
color:#717171; 
background-image: url(images/bg_tile.gif);
background-position: top;
background-repeat: repeat-x;
background-color:#fff;
}

h1  
{ 
font-family: Tahoma, Geneva, sans-serif;
font-size: 48px;
font-weight: normal;
color: #24308E;
margin: 0;
padding: 0;
}

.bottomBanner  
{ 
font-family: Tahoma, Geneva, sans-serif;
font-size: 22px;
font-weight: normal;
color: #24308E;
line-height: 125%;
}

h2  
{ 
font-family: Times, Georgia, Serif;
font-size: 18px;
font-weight: normal;
margin: 0px;
color: #24308E;
}

h3  
{ 
font-family: Tahoma, Geneva, sans-serif;
font-size: 40px;
font-weight: normal;
color: #24308E;
}

h4  
{ 
font-family: TImes, Georgia, Serif;
font-size: 18px;
font-weight: normal;
color: #000;
margin-top: 0px;
}

h5
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 26px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
color: #24308E;
}

h6
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 24px;
font-weight: normal;
color: #636996;
margin: 0 0 20px 0;
padding: 0;
}

a:link{text-decoration:underline; color:#636996;}
a:visited{text-decoration:underline; color:#636996;}
a:hover{text-decoration:underline; color:#636996;}
a:active, a.active{text-decoration:underline; color:#636996;}

a.faqLink:link{font-size: 24px; margin-right: 24px; text-decoration:none; color:#24308E;}
a.faqLink:visited{font-size: 24px; margin-right: 24px; text-decoration:none; color:#24308E;}
a.faqLink:hover{font-size: 24px; margin-right: 24px; text-decoration:underline; color:#EB161E;}
a.faqLink:active, a.active{font-size: 24px; margin-right: 24px; text-decoration:none; color:#EB161E;}

a.footerLink:link{font-size: 18px;text-decoration:underline; color:#ACAAAA;}
a.footerLink:visited{font-size: 18px;text-decoration:underline; color:#ACAAAA;}
a.footerLink:hover{font-size: 18px;text-decoration:underline; color:#787878;}
a.footerLink:active{font-size: 18px;text-decoration:underline; color:#ACAAAA;}

a.topNavLink:link{font-size: 13px; text-decoration:none; color:#fff;}
a.topNavLink:visited{font-size: 13px; text-decoration:none; color:#fff;}
a.topNavLink:hover{font-size: 13px; text-decoration:none; color:#EB161E;}
a.topNavLink:active{font-size: 13px; text-decoration:none; color:red;}

a.windowsLink:link{font-size: 18px; text-decoration:none; color:#8C8989;}
a.windowsLink:visited{font-size: 18px; text-decoration:none; color:#8C8989;}
a.windowsLink:hover{font-size: 18px; text-decoration:none; color:#24308E;}
a.windowsLink:active{font-size: 18px; text-decoration:none; color:#8C8989;}

a.backbtn:link, a.nextbtn:link{font-size: 18px; text-decoration:none; color:#24308E;}
a.backbtn:visited, a.nextbtn:visited{font-size: 18px; text-decoration:none; color:#24308E;}
a.backbtn:hover, a.nextbtn:hover{font-size: 18px; text-decoration:none; color:#24308E;}
a.backbtn:active, a.nextbtn:active{font-size: 18px; text-decoration:none; color:#24308E;}

ul
{
margin-left: .5em;
padding-left: .25em;
}

li
{
margin: 0 0 0px .5em;
padding-left: .25em;
list-style-image: url(images/list.gif);
}


ul.windowsList
{
margin-top: 5px;
margin-left: .5em;
padding-left: .25em;
font-size: 14px;
}

ul.windowsTop
{
margin-top: 5px;
margin-left: .5em;
padding-left: .25em;
padding-top: 0px;
font-size: 14px;
}

li.windowsList
{
margin: 0 0 0px .5em;
padding-left: .25em;
list-style-image: url(images/list.gif);
}

li.red
{
color: #EB161E;
}

li.blue
{
color: #24308E;
}

p
{
padding: 5px 0 25px 0;
margin: 0px;
}

p.red
{
padding: 5px 0 15px 0;
margin: 0px;
color: #EB161E;
}

p.blue
{
padding: 5px 0 15px 0;
margin: 0px;
color: #24308E;
}

p.redWindows
{
padding: 0px;
margin: 0px;
color: #EB161E;
}

li.interior
{
margin-bottom: 0px;
list-style-image: url(images/list.gif);
}


/* CORE PIECES CORE PIECES CORE PIECES CORE PIECES */
/* CORE PIECES CORE PIECES CORE PIECES CORE PIECES */
/* CORE PIECES CORE PIECES CORE PIECES CORE PIECES */
/* CORE PIECES CORE PIECES CORE PIECES CORE PIECES */

.headerContainer
{
width: 814px;
height: 198px;
padding: 0px 28px 0px;
margin: auto;
font-family: Tahoma, Geneva, sans-serif; 
font-size: 13px;
line-height: 130%;
text-align: right;
background-image: url('images/header_bg.jpg');
background-position: top;
background-repeat: no-repeat;
display: block;
}

.facebook
{
margin-right:270px;
position:relative;
bottom:30px;
}

.topNav
{
width: 870px;
height: 22px;margin: auto;
font-family: arial, helvetica, sans-serif; 
text-align: center;
color: #fff;
display: block;
}

.footerArea
{
padding: 15px 0 15px 0;
font-family: Times, Georgia, Serif;
font-size: 15px;
text-align: center;
color: #ACAAAA;
border-top: 30px solid #EB161E;
clear: both;
display: block;
}

.titleBar
{
width: 818px;
height:172px;
padding: 0px 0 0 52px;
margin: 0 auto;
display: block;
}

.contentArea
{
width: 818px;
padding: 30px 0 0 52px;
margin: auto;
display: block;
}

/* HOME HOME HOME HOME */
/* HOME HOME HOME HOME */
/* HOME HOME HOME HOME */
/* HOME HOME HOME HOME */

.contentAreaHome
{
width: 816px;
min-height:358px;
padding: 0px 0 0 118px;
margin: auto;
background-image: url(images/home_top.jpg);
background-position: top;
background-repeat: no-repeat;
display: block;
}

.homeTop
{
width: 470px;
height: 152px;
position: relative;
left: -40px;
text-align: right;
padding: 20px 400px 0 0;
margin-bottom: 20px;
}

.homeLeft
{
width: 426px;
font-size: 14px;
text-align: justify;
color: #000;
float: left;
display: block;
}

.homeRight
{
width: 258px;
padding: 120px 0 0px 100px;
float: left;
display: block;
}

.homeBanner1
{
font-family: Tahoma, Geneva, sans-serif; font-size: 20px; color: #fff; width: 744px; height: 121px; padding-left: 40px; padding-top: 18px;margin: 0 auto 20px; clear: both;position: relative; left: 40px; background-image: url(images/siding_roofing.jpg); background-position: top; background-repeat: no-repeat;
}

.homeBanner2
{
width: 438px; padding-left: 350px; padding-right: 40px; height: 216px; padding-top: 50px;position: relative; left: 40px;margin: 0 auto 20px; background-image: url(images/home_bottom_banner_bg.jpg); background-position: top; background-repeat: no-repeat; color: #636996;
}

.home-contractor-info
{
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
font-size:16px;
border-color:#000000;
border:solid;
border-width:1px;
}



/* ABOUT ABOUT ABOUT ABOUT */
/* ABOUT ABOUT ABOUT ABOUT */
/* ABOUT ABOUT ABOUT ABOUT */
/* ABOUT ABOUT ABOUT ABOUT */

.titleBarAbout
{
width: 818px;
height:68px;
padding: 36px 0 0 52px;
margin: auto;
display: block;
}

.aboutTop
{
width: 818px;
height: 68px;
padding: 0px 0 0 52px;
font-size: 24px;
line-height: 110%;
color: #24308E;
margin: auto;
display: block;
}

.aboutLeft
{
width: 430px;
padding: 0 20px 20px 0;
float: left;
display: block;
}

.aboutRight
{
width: 320px;
padding: 0 0 20 48px;
float: left;
display: block;
}

.aboutBottom
{
width: 753px;
height: 216px;
padding: 50px 60px 0 15px;
margin: 0 auto 20px;
position: relative;
left: 10px;
color: #636996;
background-image: url(images/about_bottom_banner_bg.jpg);
background-position: top;
background-repeat: no-repeat;
clear:both;
}

.about-contractor-info
{
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
font-size:16px;
border-color:#000000;
border:solid;
border-width:1px;
}

/* WINDOWS WINDOWS WINDOWS */
/* WINDOWS WINDOWS WINDOWS */
/* WINDOWS WINDOWS WINDOWS */
/* WINDOWS WINDOWS WINDOWS */

.windowsLeft
{
width: 326px;
float: left;
display: block;
}

.windowsRight
{
width: 350px;
padding: 20px 0 0 52px;
float: left;
display: block;
}

.windowsRight img
{
border:0;
}

.windowsPrevNext
{
height: 20px;
width: 326px;
text-align: right;
}

.windowsBottom
{
width: 808px;
height: 178px;
padding: 70px 0 0 20px;
margin: 0 auto 20px;
position: relative;
left: 10px;
color: #717171;
background-image: url(images/windows_bottom_banner_bg.jpg);
background-position: top;
background-repeat: no-repeat;
clear:both;
}

.titleBarWIndows
{
width: 818px;
height:172px;
padding: 0px 0 0 52px;
margin: auto;
display: block;
}

.windowsTopLeft
{
width: 200px;
height: 136px;
padding-top: 36px;
padding-right: 25px;
float: left;
display: block;
}

.windowsTopRight
{
width: 500px;
height: 146px;
padding-top: 26px;
float: left;
display: block;
}

/* SIDING SIDING SIDING SIDING */
/* SIDING SIDING SIDING SIDING */
/* SIDING SIDING SIDING SIDING */
/* SIDING SIDING SIDING SIDING */

.sidingTopLeft
{
width: 200px;
height: 136px;
padding-top: 36px;
float: left;
display: block;
line-height: 160%;
}

.sidingTopRight
{
width: 550px;
height: 146px;
padding-top: 26px;
float: left;
display: block;
}

.sidingLeft
{
width: 453px;
float: left;
}

.sidingRight
{
width: 145px;
padding: 94px 180px 0 0;
float: right;
}

.sidingRight img
{
border:0;
}

.sidingPrevNext
{
height: 20px;
width: 453px;
text-align: right;
}

.sidingBottom
{
width: 766px;
margin: auto;
padding: 20px 0 20px 0;
clear: both;
}

/* ROOFING ROOFING ROOFING ROOFING */
/* ROOFING ROOFING ROOFING ROOFING */
/* ROOFING ROOFING ROOFING ROOFING */
/* ROOFING ROOFING ROOFING ROOFING */

.roofingTopLeft
{
width: 200px;
height: 136px;
padding-top: 36px;
float: left;
display: block;
}

.roofingTopRight
{
width: 550px;
height: 146px;
padding-top: 26px;
float: left;
display: block;
}

.roofingContentTop
{
font-size: 18px;
font-family: Times, Georgia, Serif;
color: #24308E;
}

.roofingImages
{
margin: auto;
width: 930px;
position: relative;
left: 75px;
}

.roofingImages img
{
border:0;
}

.roofingLeft
{
width: 554px;
float: left;
display: block;
}

.roofingRight
{
width: 356px;
padding: 24px 0 0 0px;
float: right;
display: block;
}

.roofingBottom
{
width: 766px;
margin: auto;
padding: 20px 0px;
clear: both;
}

/* DOORS DOORS DOORS DOORS */
/* DOORS DOORS DOORS DOORS */
/* DOORS DOORS DOORS DOORS */
/* DOORS DOORS DOORS DOORS */

.doorsWrapper
{
margin: auto;
width: 910px;
position: relative;
left: 75px;
}

.doorsLeft
{
width: 554px;
float: left;
display: block;
padding-bottom: 30px;
}

.doorsRight
{
width: 326px;
padding: 20px 0 30px 30px;
float: left;
display: block;
}

.doorsRight img
{
border:0;
}

.doorsTopLeft
{
width: 200px;
height: 136px;
padding-top: 36px;
float: left;
display: block;
}

.doorsTopRight
{
width: 500px;
height: 146px;
padding-top: 26px;
float: left;
display: block;
}

/* FAQ FAQ FAQ FAQ */
/* FAQ FAQ FAQ FAQ */
/* FAQ FAQ FAQ FAQ */
/* FAQ FAQ FAQ FAQ */

.titleBarFAQ
{
width: 818px;
height:78px;
padding: 36px 0 0 52px;
margin: auto;
display: block;
}

.faqNav
{
width: 870px;
margin: auto;
line-height: 0px;
display: block;
}

.faqLeft
{
width: 426px;
padding-bottom: 50px;
float: left;
display: block;
}

.faqRight
{
width: 344px;
padding: 0 0 50px 48px;
float: left;
display: block;
}

.faq-contractor-info
{
margin-top: 0px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
font-size:13px;
border-color:#000000;
border:solid;
border-width:1px;
}

/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */
/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */
/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */
/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */

.testimonials
{
width: 818px;
padding: 0 0 50px 0;
line-height: 150%;
float: left;
display: block;
}

.testimonialsTopLeft
{
width: 260px;
height: 136px;
padding-top: 36px;
padding-right: 25px;
float: left;
display: block;
}

.testimonialsTopRight
{
width: 500px;
height: 140px;
padding-top: 32px;
float: left;
display: block;
color: #EB161E;
}


/* DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT */
/* DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT */
/* DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT */
/* DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT DIRECTIONS/CONTACT */

.contactTop
{
height: 136px;
padding-top: 36px;
float: left;
display: block;
line-height: 150%;
}



/* FU FADE FU FADE FU FADE FU FADE */
/* FU FADE FU FADE FU FADE FU FADE */
/* FU FADE FU FADE FU FADE FU FADE */
/* FU FADE FU FADE FU FADE FU FADE */

ul#slideshowSiding img, ul#slideshowRoofing img, ul#slideshowDoors img
{
border:0;
}

ul#slideshowSiding
{
display:block;
width:453px;
height:329px;
list-style: none;
padding: 0;
margin: 25px 0 25px 0;
}

ul#slideshowSiding li
{
	font-family:Arial, Helvetica, sans-serif;
	width:453px;
	height:334px;
	display:block;
	position:relative;
list-style: none;
padding: 0px;
margin: 0px;
}


ul#slideshowWindows
{
	display:block;
	width:326px;
	height:322px;
list-style: none;
padding: 0;
margin: 25px 0 25px 0;
}

ul#slideshowWindows li
{
	font-family:Arial, Helvetica, sans-serif;
	width:326px;
	height:322px;
	display:block;
	position:relative;
list-style: none;
padding: 0px;
margin: 0px;
}


ul#slideshowRoofing
{
display:block;
width:554px;
height:348px;
list-style: none;
padding: 0;
margin: 25px 0 25px 0;
}

ul#slideshowRoofing li
{
	font-family:Arial, Helvetica, sans-serif;
	width:554px;
	height:348px;
	display:block;
	position:relative;
list-style: none;
padding: 0px;
margin: 0px;
}


ul#slideshowDoors
{
	display:block;
	width:453px;
	height:329px;
list-style: none;
padding: 0;
margin: 25px 0 25px 0;
}

ul#slideshowDoors li
{
font-family:Arial, Helvetica, sans-serif;
width:453px;
height:329px;
display:block;
position:relative;
list-style: none;
padding: 0px;
margin: 0px;
}


ul#slideshowSiding li h3, ul#slideshowRoofing li h3, ul#slideshowDoors li h3, ul#slideshowWindows li h3
{
position:absolute;
bottom:14px;
left:8px;
color:#fff;
font-size:1.2em;
font-weight:100;
}
ul#slideshowSiding li h4 a, ul#slideshowRoofing li h4 a, ul#slideshowDoors li h4 a, ul#slideshowWindows li h4 a 
{
display:block;
background:url(testimages/search_btn.gif) no-repeat center center;
width:180px;
height:36px;
position:absolute;
right:8px;
bottom: 5px;
}

