body{ text-align: center; font-family: Arial, Sans-Serif, Tahoma; font-size: 12px; font-weight: bold; color: #3b3b3b; }

img{ border: none; }

*{ margin:0; padding:0; }

HTML{ overflow: -moz-scrollbars-vertical; }


#wrapper{
width: 800px;
height: auto;
margin: 15px auto 10px auto;
}


#footer{
width: 790px;
height: 20px;
margin: 20px auto 5px auto;
padding: 4px 10px 0 0;
background-color: #323232;
background-position: left top;
background-repeat: no-repeat;
text-align: right;
color: #ccc;
}

#footerwebsoft
{
	float: left;
	width: 220px;
	margin: 0px 0px 0px 5px;
	text-align: left;
	color: white;
}

#footerlinks{
margin: 0px 5px 0px 0px;
text-align: right;
color: #ccc;
}

.footerlink{ text-decoration: none; color: #ccc; font-size: 11px; margin-right: 4px; margin-left: 4px; }
.footerlinkwebsoft{ text-decoration: none; color: white; font-size: 11px; }

#headertop{
width: 800px;
height: 75px;
background-image: url(Images/headertop.gif);
text-align: right;
}

.headertoptext{ margin-top: 40px; }

#header{
width: 800px;
height: 86px;
text-align: left;
background-color: #fafafa;
}

#photo{
width: 800px;
height: 155px;
}

#content{
width: 800px;
height: auto;
margin-top: 5px;
text-align: left;
}

#contenttop{
width: 800px;
height: 165px;
}

/* Home Page */

#homecontenttop{
width: 800px;
height: 150px;
text-align: left;
}

#hometopleft{
width: 340px;
height: 135px;
padding: 4px 0px 0px 5px;
float: left;
}

#hometopright{
width: 437px;
height: 140px;
padding: 0;
margin-top: 6px;
margin-bottom: 12px;
float: left;
}

.welcometext{ font-size: 11px; padding: 4px 140px 8px 1px;  }

.homelist ul{
width: 110px;
height: auto;
font-family: Arial, Sans-Serif, Tahoma;
font-size: 12px;
font-weight: bold;
color: #383838;
margin: 12px 0 0 0;
padding-left: 30px;
float: left;
list-style-type: none;
}

.homelist ul li{
background-image: url(Images/arrowwhite.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0 0 0 15px; 
}

#homebotcontent{
width: 800px;
height: 215px;
padding-top: 20px;
clear: both;
}

#homebotleft{
width: 308px;
height: 215px;
float: left;
padding: 0 34px 0 5px;
}

#homebotcenter{
width: 270px;
height: 215px;
padding-right: 26px;
float: left;
}

#homebotright{
width: 151px;
height: 215px;
float: left;
text-align: center;
}

.homethumbbefore
{
  border: solid 1px silver;
  margin-top: 10px;
  padding: 5px;
  width: 96px;
  height: 62px;
  cursor: pointer;
   }

.homethumbafter
{
  border: solid 1px silver;
  margin-top: -10px;
  padding: 5px;
  width: 96px;
  height: 62px;
  cursor: pointer;
   }
   
.map{ float: left; padding-top: 18px; padding-left: 30px; }

#mapaddress{ padding-left: 155px; }

.maptext{ font-size: 11px; }

.mapheader{ font-size: 13px; padding-left: 155px; padding-top: 10px; }

#ticklist ul{
width: 263px;
height: auto;
font-family: Arial, Sans-Serif, Tahoma;
font-size: 12px;
font-weight: bold;
color: #383838;
list-style-type: none;
line-height: 20px;
padding: 15px 0 0 7px;
}

#ticklist ul li{
background-image: url(Images/tick.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0 0 0 25px; 
}

.howlink{ padding-left: 10px; padding-top: 18px; }

#photoright{
width: 257px;
height: 164px;
background-image: url(Images/headerhomeright.jpg);
background-repeat: no-repeat;
float: left;
text-align: left;
}

.email{ padding: 18px 0 0 29px; }
.offer{ padding: 20px 0 0 17px; }

/* About Page */

#aboutleft{
width: 340px;
height: 430px;
padding: 8px 0px 0px 5px;
float: left;
}

#abouttopright{
width: 437px;
height: 140px;
padding: 10px 0 0 18px;
margin-bottom: 12px;
background-image: url(Images/qualityimage.gif);
background-position: left top;
background-repeat: no-repeat;
float: left;
}

#aboutyouget{
width: 300px;
height: 200px;
float: left;
}

#aboutmembers{
width: 129px;
height: 200px;
float: left;
text-align: center;
}

#cophotosback{
width: 301px;
height: 67px;
background-image: url(Images/cophotosback.gif);
background-repeat: no-repeat;
margin-top: 12px;
margin-bottom: 16px;
}

.quotelink{ padding: 15px 0 0 15px; }
.cophoto{ float: left; padding: 5px 4px 5px 8px; }
.memberimage{ padding-top: 10px; }

/* Products Page */

#productswrapper{
width: 800px;
height: 400px;
margin-top: 20px;
}

.prodboxlarge{
width: 800px;
height: 128px;
margin-bottom: 18px;
background-image: url(Images/prodfasciaback.gif);
background-position: center top;
background-repeat: no-repeat;
} 

.prodboxsmall{
width: 800px;
height: 92px;
margin-bottom: 18px;
background-image: url(Images/prodsofback.gif);
background-position: center top;
background-repeat: no-repeat;
} 

.prodboxleft{
width: 340px;
height: 110px;
float: left;
} 

.prodboxright{
width: 445px;
height: 110px;
float: left;
} 

.prodtext{ padding: 30px 0 0 30px; }
.prodtextsmall{ padding: 35px 30px 0 30px; margin: 0; }
.prodimg{ margin-top: 25px; }

/* Installation Page */

#installtopleft{
width: 340px;
height: 135px;
padding: 8px 0 0 5px;
float: left;
}

#installtopright{
width: 437px;
height: 130px;
padding: 15px 0 0 18px;
background-image: url(Images/callbackimage.gif);
background-position: left top;
background-repeat: no-repeat;
float: left;
}

.callbackinput{
width: 350px;
height: 22px;
margin: 10px 0 0 0;
display: block;
}

.nameinput{ width: 150px; height: 18px; margin-left: 28px; }
.numberinput{ width: 150px; height: 18px; margin-left: 16px;  float: left;}
.installpanel{ margin-top: 8px; color: #fff; font-size: large; }
.sendbut{ height: 22px; margin-left: 8px; }

.seperaterwrapper{
width: 800px;
height: 4px;
text-align: center;
}

.seperater{
width: 790px;
height: 4px;
margin: 0 auto;
background-color: #efefef;
font-size: 0;
}

#stepswrapper{
width: 800px;
height: 516px;
margin-top: 8px;
}

.stepbox{
width: 400px;
height: 114px;
margin-bottom: 15px;
background-image: url(Images/step1.jpg);
background-repeat: no-repeat;
background-position: center top;
float: left;
}


/* Job Examples Page */

#examplestopleft{
width: 340px;
height: 135px;
padding: 8px 0 0 5px;
float: left;
}

#examplestopright{
width: 437px;
height: 133px;
padding: 12px 0 0 18px;
background-image: url(Images/showhomeimage.gif);
background-position: left top;
background-repeat: no-repeat;
float: left;
}

#exampleswrapper{
width: 800px;
height: 400px;
margin-top: 20px;
}

.examplebox{
width: 800px;
height: 110px;
margin-bottom: 18px;
background-image: url(Images/examplesback.gif);
background-position: center top;
background-repeat: no-repeat;
} 

.exampleboxleft{
width: 620px;
height: 110px;
float: left;
} 

.exampleboxright{
width: 180px;
height: 110px;
float: left;
} 

.exampletext{ margin-top: 0; padding-left: 10px; padding-top: 30px; padding-right: 20px; font-size: 11px; }


.beforepic
{
	 margin: 1px 5px 10px 3px;
	 padding: 5px;
	 border: solid 1px silver;
	 cursor: pointer;
}

.afterpic
{
	margin: 1px 10px 10px 10px;  
	padding: 5px;
	border: solid 1px silver;
	cursor: pointer;
}

.navigation
{
	width:100%;
	margin-top:10px;
	text-align: center;
	color: RoyalBlue;
}

#leftpagenav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightpagenav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numpagenav
{
	float:inherit;
	text-align:center;
	
}
/* Testimonial Page */

#testitopleft{
width: 340px;
height: 135px;
padding: 8px 0px 0px 5px;
float: left;
}

#testitopright{
width: 437px;
height: 130px;
padding: 15px 0 0 18px;
background-image: url(Images/testimonialback.gif);
background-position: left top;
background-repeat: no-repeat;
float: left;
}

#testiwrapper{
width: 800px;
height: 400px;
margin-top: 20px;
}

.testibox{
width: 800px;
height: 110px;
margin-bottom: 18px;
background-image: url(Images/examplesback.gif);
background-position: center top;
background-repeat: no-repeat;
} 

.testiboxleft{
width: 400px;
height: 110px;
float: left;
} 

.testiboxright{
width: 400px;
height: 110px;
float: left;
} 

.testipaper{ padding-top: 10px; padding-left: 33px; float: left; }

.speachmarkbox{
width: 195px;
height: 88px;
background-image: url(Images/speachmarkback.gif);
background-repeat: repeat-x;
margin-top: 8px;
margin-left: 30px;
float: left;
}

.speachtext{ font-size: 14px; color: #616161; margin-top: 28px; margin-left: 3px; text-align: center; }

.speachnametext{ font-size: 11px; color: #aaa8a9; margin-top: 30px; }

/* Contact Us Page */


/* Contact Us Page */

#contactwrapper{
width: 800px;
height: 300px;

}

#contactleft{
width: 340px;
height: 300px;
padding: 0 0 0 5px;
float: left;
}

#contactright{
width: 455px;
height: 300px;
float: left;

}

#enquirybox{
width: 455px;
height: 310px;
}

#enquiryboxtop{
width: 455px;
height: 11px;
background-image: url(Images/enquirytop.gif);
background-repeat: no-repeat;
font-size: 0;
}

#enquiryboxmiddle{
height: 348px;
background: #f8f8f8;
}

#enquiryboxbot{
width: 455px;
height: 11px;
background-image: url(Images/enquirybot.gif);
background-repeat: no-repeat;
}

#enquirymiddleleft{ width: 205px; height: 288px; float: left; }
#enquirymiddleright{ width: 250px; height: 288px; float: left; }

.enquirytext{ margin-top: 0; padding: 10px 0 0 15px; }
.enquiryinput{ margin-top: 3px; }
.contactadd{ padding: 20px 40px 0 5px; }
.contactbut{ }

/* News Page */

#newscontent{
padding: 10px 0 0 0;

}

/* Menu */

#menu{
width: 792px;
height: 28px;
padding-left: 8px;
background-image: url(Images/menuback.gif);
background-repeat: repeat-x;
}

#menucontainer ul{
height: 28px;
padding-left: 8px;
margin-left: 0;
color: White;
float: left;
width: 782px;
font-size: 0;
}

#menucontainer ul li{ display: inline; }

#menucontainer ul li a{
padding: 0 8px 0 12px;
text-decoration: none;
float: left;
}

#menucontainer ul li a:hover{
background-image: url(Images/menuarrow.gif);
background-repeat: no-repeat;
background-position: left; 
}

.selected{
background-image: url(Images/menuarrow.gif);
background-repeat: no-repeat;
background-position: left; 
}


/* Classes */

p{ font-family: Arial, Sans-Serif, Tahoma; font-size: 12px; font-weight: bold; color: #3b3b3b; margin-top: 10px; }

.contentleft{ padding-right: 25px; padding-left: 2px; }

.white{ color: #fff; padding-right: 175px; padding-left: 2px; margin-top: 10px; }

.qualitywhite{ color: #fff; padding-right: 140px; padding-left: 2px; margin-top: 10px; }

.installbox{ font-size: 11px; padding-left: 175px; padding-right: 24px; }

.contentlink{ text-decoration: none; color: #439e00; }

.block{ display: block; }

.clear{ clear: both; }

.floatleft{ float: left; }

.headerfreephone{ width: 279px; margin-left: 260px; margin-top: 26px; }

.specialoffer{ margin-left: 330px; margin-top: 9px; }

.sellhomelink{ margin-left: 30px; margin-top: 20px; }

.newstext{ padding: 0 50px 0 10px; }

.newshead{ font-size: 14px; padding-left: 10px; }