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

*{
padding:0px;
margin:0px;
}



img, img a{
border:none;
}

body{
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#e00000;
}

h1, h2, h3, .h1{
font-size:1.4em;
font-style:italic;
font-weight:bold;
color:#e00000;
}

.h2{
font-size:1.3em;
font-style:italic;
font-weight:bold;
color:#e00000;
padding:0 0 10px 0;
float:left;
width:100%;

}

.h3{
font-size:1.3em;
font-style:italic;
font-weight:bold;
color:#e00000;
padding:20px 0 10px;
float:left;
width:100%;
}

h2{
padding:20px 0 0 0;
}

#columnleft2 h2{
font-size:1.4em;
font-style:italic;
font-weight:bold;
color:#e00000;
padding:0;}

.white{
color:#fff;
}

.bold{
font-weight:bold;
}

.boldtitle{
margin:10px 0 0;
font-weight:bold;
}

.boldtitlelarger{
margin:10px 0 0;
font-weight:bold;
font-size:1.4em;
}

.boldred{
font-weight:bold;
color:#e00000;
}

.italic{
font-style:italic;
}

a{
color:#000000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


/*HEADER*/

#headerbg{
background:url(images/header-bg-repeat.jpg) repeat-x #e00000;
min-height:139px;
}

#header{
background:url(images/header-bg.jpg) no-repeat #e00000;
width:900px;
min-height:139px;
overflow:hidden;
margin:0px auto;
}

#header img{
padding:51px 90px 0 5px;
float:left;
}

.telephone{
padding:95px 0 0 30px;
width:110px;
text-align:right;
float:left;
}

#header p{
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
}

.area{
color:#FFF;
}

/*NAVIGATION - SPRITES*/

#navigation { margin:0; padding:0; width:908px; height:55px; background: url(images/navigation.jpg); clear:both; float:left; margin:30px 0 0 0;}
#navigation li { margin:0; padding:0; list-style-type:none; display:inline; height:55px; text-align:center; float:left; line-height:40px; }
#navigation li a{ background: url(images/navigation.jpg);display:block; height:55px;}


#navigation #home a {width:68px; background-position: 0 0;}
#navigation #home a:hover { background-position: 0px -55px; }
.home #navigation #home a{background-position: 0px -55px; }

#navigation #flat a {width:95px; background-position:-68px 0; }
#navigation #flat a:hover { background-position: -68px -55px; }
.flat #navigation #flat a{ background-position: -68px -55px; }


#navigation #slate a{width:98px; background-position:-163px 0;}
#navigation #slate a:hover {  background-position: -163px -55px; }
.slate #navigation #slate a{ background-position: -163px -55px; }


#navigation #guttering a{width:140px; background-position:-261px 0;}
#navigation #guttering a:hover {  background-position: -261px -55px; }
.guttering #navigation #guttering a{ background-position: -261px -55px; }


#navigation #conservation a{width:214px;background-position:-401px 0; }
#navigation #conservation a:hover { background-position: -401px -55px; }
.conservation #navigation #conservation a{ background-position: -401px -55px; }

#navigation #solar a{width:105px; background-position:-615px 0}
#navigation #solar a:hover { background-position: -615px -55px; }
.solar #navigation #solar a{background-position: -615px -55px; }

#navigation #alterations a{width:136px; background-position:-720px 0}
#navigation #alterations a:hover { background-position: -720px -55px; }
.alterations #navigation #alterations a{background-position: -720px -55px; }


#navigation #contact a{width:49px;background-position:-856px 0; }
#navigation #contact a:hover { background-position: -856px -55px; }
.contact #navigation #contact a{background-position: -856px -55px; }


#navigation span{ display:none;}

/*MAIN CONTAINER*/

#maincontainer{
background:#fff;
overflow:hidden;
padding:0 0 50px 0;
}

#maincontent{
width:900px;
margin:0px auto;
}

#maincontainer2{
background:#fff;
overflow:hidden;
padding:50px 0 50px 0;
}

#widecolumn{
width:625px;
float:left;
padding:0 25px 0 0;
position:relative;
}


#centralcolumn{
width:398px;
float:right;
padding:0 25px 0 25px;
}

#centralcolumn2{
width:423px;
float:left;
padding:0 25px 0 0;
}

.imagepadding{
padding:10px 12px 0 0;
}

.imagepadding2{
padding:20px 15px 0 0;
}


#centralcolumn a, #centralcolumn2 a, #widecolumn a, #columntleft2 a{
text-decoration:underline;
}

#centralcolumn p, #centralcolumn2 p, #widecolumn p, #columnleft2 p{
padding:10px 0 0 0;
font-size:1.1em;
line-height:1.6em;
}

#columnleft{
width:180px;
float:left;
}

#columnleft img{
padding:10px 0 11px 0;
}

#columnleft2{
width:160px;
float:left;
background:#e7e7e7;
padding:10px;
}

#columnleft2 a{
text-decoration:underline;
}

#columnright{
width:250px;
float:left;
}

#text2{
width:210px;
float:left;
padding:20px;
background-color:#ebebeb;
margin:30px 0 0 0;
}

#text-news{
width:625px;
padding:0 10px 0 0;
float:left;
overflow:hidden;
}

#text2 p, #text-news p{
font-size:1.1em;
line-height:1.6em;
}

#text ul, #text-news ul{
font-size:1.1em;
float:left;
padding:0 0 20px 14px;
width:100%;
}

#text li, #text-news li{
padding:5px 0 0 0;
}

#columnright a{
text-decoration:underline;
}

#wrapper{
width:650px;
float:left;
}

#text-news h2, #text-news h1 {
margin:0;
padding:0;
font-size:1.8em;
}


/*FLASH*/

#flashcontainer{
width:900px;
height:260px;
margin:0 0 20px 0;
background:url(images/flash-bg.jpg) no-repeat;
}

/*Commercial Button*/

#commercialbutton{
width:169px;
height:100px;
float:left;
margin:0 0 30px 0;
padding:10px 10px 10px 0;
background:url(images/commercial-roofing-2.png) left top #e00000 no-repeat;
}

#commercialbutton p{
float:left;
color:#fff;
}

#commercialbutton img{
float:left;
}

.commercialheader{
font-size:1.4em;
padding:10px 0 0 85px;
}

#commercialbutton a{
padding:15px 15px 0;
text-decoration:underline;
color:#fff;
float:left;
width:144px;

}

/*NEWS*/

#newscontainer{
position:relative;
background:url(images/news-bg.jpg) no-repeat;
width:159px;
padding:10px;
clear:left;
}

.newstext{
font-size:1.1em;
}

#trafficcone{
position:absolute;
background:url(images/traffic-cone.png) no-repeat;
bottom:-16px;
right:-28px;
width:72px;
height:94px;
}

#workmanshat{
position:absolute;
background:url(images/workmans-hat.png) no-repeat;
top:-16px;
right:-18px;
width:73px;
height:82px;
z-index:999;
}

.newsheader{
font-size:1.6em;
text-transform:uppercase;
font-style:italic;
text-shadow:1px 1px 1px #fff;
padding:0 0 10px 0;
background:url(images/dotted-line.png) repeat-x bottom;
}

.postheader{
font-size:1.4em;
color:#000;
padding:10px 0 5px 0;
}

.readmore{
font-size:1.4em;
padding:10px 0 10px 0;
text-transform:uppercase;
color:#fff;
font-weight:normal;
background:url(images/dotted-line.png) repeat-x bottom;
}

.subscribe{
font-size:1.4em;
padding:20px 0 5px 0;
}

.rssbutton{
padding:10px 0 0 0;
}

/*MAINCONTENT*/

.extrapaddingbottom{
margin:0 0 20px 0;
}

/*BOXES - HOMEPAGE*/

#boxes{
width:398px;
overflow:hidden;
float:left;
background:url(images/dotted-line.png) repeat-x top;
padding:24px 0 0 0;
margin:20px 0 0 0;
}

#boxes p{
padding:3px 0 0 0;
line-height:1.5em;
}


#redbox1{
width:112px;
height:196px;
padding:10px;
float:left;
background:url(images/red-box.jpg) no-repeat;
}

#redbox2{
width:112px;
height:196px;
padding:10px;
float:left;
background:url(images/red-box-2.jpg) no-repeat;
}

#blackbox{
width:114px;
height:196px;
padding:10px;
background:url(images/black-box.jpg) no-repeat;
float:left;
}

h4{
font-size:1.2em;
padding:0 0 5px 0;
background:url(images/dotted-line.png) repeat-x bottom;
font-weight:normal;
}

.boxheaderwhite{
font-size:1.2em;
padding:0 0 10px 0;
color:#fff;
background:url(images/dotted-line.png) repeat-x bottom;
}

.areaheader{
font-size:1.6em;
font-style:italic;
text-shadow:1px 1px 1px #fff;
padding:0 0 10px 0;
background:url(images/dotted-line.png) repeat-x bottom;
}

/*RIGHT COLUMN - HOMEPAGE*/

.vans{
padding:10px 0 0 0;
}

.areas{
list-style:none;
font-size:1.1em;
}

.areas li{
padding:4px 0 0 0;
}

.areas li a{
font-weight:bold;
text-decoration:none;
color:#000000;
}

.areas li a:hover{
text-decoration:underline;
}

.services{
padding:10px 0;
font-size:1.1em;
}

.services li{
padding:4px 0 0 0;
list-style:none;
}

.accreditationlogos{
padding:0 0 30px 0;
}

/*MINI FORM*/

#formmininame, #formminiemail, #formminiphone{
width:175px;
margin:10px 0 0 0;
background:url(images/form-bg.jpg) no-repeat;
height:22px;
border:none;
color:#FFFFFF;
padding:0 10px;
}

.formstylesubmit{
background:url(images/submit-button.jpg) no-repeat;
width:79px;
height:22px;
color:#fff;
border:none;
margin:10px 5px 0 0;
}

.formheader{
font-size:1.4em;
padding:10px 0 10px 0;
color:#e00000;
}

/*FOOTER*/

#footer{
width:900px;
margin:0px auto;
overflow:hidden;
background:url(images/footer-bg.jpg) no-repeat;
clear:both;
text-align:center;
padding:10px 0 20px 0;
}

#footer ul{
font-size:1.1em;
padding:10px 0 0 0;
}

#footer li{
display:inline;
border-right:1px solid #000;
padding:0 5px;
}

#footer li:last-child{
border-right:none;
}

#footer p{
padding:10px 0 0 0;
font-size:1.1em;
}

.bottompadding{
padding:0 0 20px 0;
}

#miniformcontainer{
padding:10px 0 0 0;
}

#miniform p{
font-size:1.1em;
width:175px;
}


/*Contact Page*/

#halfcolumn{
width:440px;
padding:0 10px 0 0;
float:left;
overflow:hidden;
}

#halfcolumn a{
text-decoration:underline;
}

#halfcolumn li{
padding:10px 0 0 0;
}

#halfcolumn p{
font-size:1.1em;
padding:10px 0 0 0;
}


#halfcolumn2{
width:440px;
padding:0 0 0 10px;
float:left;
overflow:hidden;
}

.formstyle3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
}


.h1{
padding:0 0 10px 0;
}

.downloadimg{
padding:10px 0 0 0;
}

#otherservices{
position:absolute;
top:0;
left:0;
float:left;
}

.padded{
padding:560px 0 0 0;
}


/*NEWS FEED*/

#sidebar{
width:220px;
float:right;
overflow:hidden;
}

.widget-title{
padding:10px 0 0 0;
font-size:1.4em;
clear:both;
}

#searchsubmit{
float:right;
margin:10px 0 0 0;}

.newstitle{
font-weight:bold;
margin:10px 0 0 0;
float:left;
width:100%;
}

#newscontainer li{
list-style:none;
}

#separator{
width:1000px;
margin:0 auto;
}

#separator li{
display:inline;
padding:10px 10px;
}

#separator ul{
text-align:center;
}