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

body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}

ul{
margin:0;
padding:20px;}

ul.nopaddinglist{
margin:0;
padding:10px 0px 0px 10px;}

a{
padding:0;
margin:0;
text-decoration:none;}

p.needhelp{
background-color:#E4E4E4;
padding:5px;}

span.highlight-text{
color:#CC0000;}

#container{
margin:auto;
width:900px;
/*background-image:url(../images/bg.gif);
background-repeat:repeat-y;*/
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#header{
width:210px;
background-color:#73aac7;
height:47px;
padding-left:690px;
padding-top:93px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;}

#header-menu{
height:19px;
padding:28px 0 0 115px;
width:95px;
background-image:url(../images/header-menu-bg.jpg);
background-repeat:no-repeat;
background-position:bottom right;}

#contactus{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
}

.heading{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;}

#slogan{
width:330px;
padding:0px 10px 0px 10px;
background-color:#cccccc;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:13px;}

#slogantop{
height:10px;
width:350px;
margin-top:20px;
background-image:url(../images/sloganbox.gif);
background-position:top;}

#sloganbottom{
height:10px;
width:350px;
background-image:url(../images/sloganbox.gif);
background-position:bottom;}

#content{
height:100%;
display:block;
clear:both;
}

#main-nav{
padding:0px;}

#main-content{}

/* ------------------------------ navigation start -------------------------*/

#nav1{
height:26px;
width:900px;
background-image:url(../images/navbg.jpg);
background-position:right top;
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;}

a#home-button{
display:block;
float:left;
width:74px;
height:26px;
background-image:url(../images/homebutton.jpg);
background-position:top;
}
a#home-button:hover{
background-position:bottom;}

a#fire-button{
display:block;
width:115px;
height:26px;
float:left;
background-image:url(../images/firebutton.jpg);
background-position:top;
}
a#fire-button:hover{
background-position:bottom;}

a#wind-button{
display:block;
width:121px;
height:26px;
float:left;
background-image:url(../images/windbutton.jpg);
background-position:top;
}
a#wind-button:hover{
background-position:bottom;}

a#water-button{
display:block;
width:129px;
height:26px;
float:left;
background-image:url(../images/waterbutton.jpg);
background-position:top;
}
a#water-button:hover{
background-position:bottom;}

a#remodel-button{
display:block;
width:115px;
height:26px;
float:left;
background-image:url(../images/remodelbutton.jpg);
background-position:top;
}
a#remodel-button:hover{
background-position:bottom;}

a#testimonial-button{
display:block;
width:115px;
height:26px;
float:left;
background-image:url(../images/testimonialbutton.jpg);
background-position:top;
}
a#testimonial-button:hover{
background-position:bottom;}

a#certification-button{
display:block;
width:100px;
height:26px;
float:left;
background-image:url(../images/certificationbutton.jpg);
background-position:top;
}


a#contact-button{
display:block;
width:130px;
height:26px;
float:left;
background-image:url(../images/header-menu-bg.jpg);
background-position:top;
}

a#certification-button:hover{
background-position:bottom;}


#sub-nav{
height:17px;
clear:both;
font-weight:bold;
background-image:url(../images/link_sub_bg.jpg);
background-repeat:repeat-x;
}

/* ------------------------------ navigation end -------------------------*/

.content-exterior {
float:left;
margin:5px;
padding:5px;
width:880px;
}

.content-left{
width:480px;
padding:20px 0px 0px 20px;
float:left;
}

.content-right{
height:auto;
width:380px;
padding:20px 0px 0px 20px;
float:left;
}

#content-bottom{
clear:both;}

#content-bottom-box{
padding-top:20px;}

#content-bottom-left{
width:20px;
height:200px;
float:left;
}

#content-bottom-right{
width:20px;
height:200px;
float:left;
}

.bot-title{
height:30px;
width:340px;
padding-top:10px;
padding-left:20px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
background-image:url(../images/bot-title.jpg);}

#bot-fire-content{
padding-left: 190px;
width:170px;
background-image:url(../images/bot-fire.jpg);
background-position:top left;
background-repeat:no-repeat;}

#bot-wind-content{
padding-left: 190px;
width:170px;
background-image:url(../images/bot-wind.jpg);
background-position:top left;
background-repeat:no-repeat;}

#bot-water-content{
padding-left: 190px;
width:170px;
background-image:url(../images/bot-water.jpg);
background-position:top left;
background-repeat:no-repeat;}

#bot-remodel-content{
padding-left: 190px;
width:170px;
background-image:url(../images/bot-remodel.jpg);
background-position:top left;
background-repeat:no-repeat;}


#footer{
clear:both;
}


#footer-left{
height:35px;
width:23px;
float:left;
background-image:url(../images/footer_left.gif);
background-repeat:no-repeat;}

#footer-mid{
font-size:9px;
padding-top:8px;
height:28px;
text-align:left;
float:left;
width:854px;
background-image:url(../images/footer_bg.gif);}


#footer-right{
height:35px;
width:23px;
float:left;
background-image:url(../images/footer_right.gif);
background-repeat:no-repeat;}

.bottom-content-height{
height:250px;}

.white-link{
color:#FFFFFF;}

.content-bg{
background-image:url(../images/pagebg.jpg);
background-repeat:repeat-y;
}

.certification-box{
font-size:13px;
padding-left:20px;
width:280px;
border:3px solid #666666;
background-color:#D1D1D1;}

.certification-content{
padding:20px;
}

.certification-content-left{
width:330px;
padding:10px 0px 0px 60px;
float:left;
}

.certification-content-right{
height:auto;
width:380px;
padding:10px 0px 0px 20px;
float:left;
}

/* ----------------- testimonial page start -------------------- */

.testimonial-content{
padding:0px 0px 0px 0px;}

#testimonial-content-left{
padding-top:10px;
background-color:#E4E4E4;}

.testimonials{
padding:10px 0px 20px 0px;
border-bottom:1px dashed #CCCCCC;}

span.testimonial-text{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;}

#partners{
padding:20px 0px 0px 20px;}

.partner{
margin-bottom:10px;}


/* ----------------- testimonial page end -------------------- */

img.partnerlogo{
border:1px solid #CCCCCC;}

a.frontlinks{
text-decoration:underline;}

a.underlinelinks:hover{
text-decoration:underline;}

/* -------------------- contact page start -----------------------------*/

#contact-top{
padding-top:20px;
padding-left:20px;}

#contact-top-left{
padding-top:20px;
width:300px;
float:left;}

#contact-top-right{
margin-left:20px;
display:inherit;
width:420px;
float:left;}

.conact-content{
padding-bottom:20px;}

#contact-center{
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
font-weight:bold;
font-size:16px;}

#response{
color:#CC0000;
text-align:left;
font-size:20px;
font-weight:bold;}

#contact-mid-left{
float:left;
width:230px;
padding-left:40px;}

#contact-mid-mid{
float:left;
width:200px;}

#contact-mid-right{
float:left;
width:250px;}

.contact-chart{
width:100%; 
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;}

#contact-bottom{
padding-top:20px;
padding-left:35px;
clear:both;}

form{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

submit.submit{
border:1px solid #999999;}

#phot-page { padding:20px 10px 10px 40px;}



#phot-page-content { margin:0 auto; text-align:center;}

	.photo-box { background-color:#fff; border:1px solid #333333; padding-top:5px; width:210px; float:left; margin-bottom:20px;}
	
	.photo-box-large { margin-right:30px;}

#photo-row-2 { clear:both; padding-left:100px; margin-bottom:20px;}
	
	.photo-box2 { background-color:#fff; border:1px solid #333333; padding-top:5px;  width:210px; float:left; margin-bottom:20px;}
	
	.photo-box2-large { margin-right:30px;}

/* -------------------- contact page end -----------------------------*/