body {text-align: center; font-family : Arial, Helvetica, Verdana, sans-serif; }


h2{
color : #243a66;
	font-size : 10px;
font-weight: normal;
text-align:right;
}

.feedbackmessage {color : #FFFFFF;
	font-size : 12px;
font-weight: normal;
font-style:italic; }


#container {position: relative; width: 950px; margin: 0 auto; text-align: left; background:#FFFFFF;}

/* TOP AND MENU BAR
------------------------------------------------------------------------------------*/

img {
border: none;
}

#bgdBottomLeft {background:url("images/bgdbottomleft.jpg") no-repeat; 
position:absolute; bottom: 0px; left:-117px; 
width:117px; height:243px;}

#bgdTopRight {background:url("images/bgdtopright.jpg") no-repeat; 
position:absolute; top:0; right:-115px; 
width:115px; 
height:237px;}


#top {
	position: relative; top: 0px; left: 0px;
	width: 950px;
	height: 95px;
}



#menubar {
	position: relative; top: 0px; left: 0px;
	background-image: url(images/menubarback.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 950px;
	height: 30px;
	font-size : 12px;
	color : #243a66;
	font-weight: bold;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menubar a {
	color : #243a66;
	text-decoration: none;   
}

#menubar a visited{
	color : #243a66;
	text-decoration: none;   
}

#menubar a:hover{
	color : #b0b8d7;
	text-decoration: none;   
}

#menubar1 {
	POSITION: absolute; 
	WIDTH: 53px; 
	HEIGHT: 20px; 
	TOP: 8px; 
	LEFT: 0px}
#menubar2 {
	POSITION: absolute; 
	WIDTH: 79px;
	HEIGHT: 20px;
	TOP: 8px;
	LEFT: 53px;
}
#menubar3 {
	POSITION: absolute; 
	WIDTH: 68px;
	HEIGHT: 20px; 
	TOP: 8px; 
	LEFT: 132px;
}
#menubar4 {
	POSITION: absolute; WIDTH: 82px;
	HEIGHT: 20px; 
	TOP: 8px; 
	LEFT: 200px;
}
#menubar5 {
	POSITION: absolute; WIDTH: 87px;
	HEIGHT: 20px; 
	TOP: 8px; 
	LEFT: 282px;
}
#menubar6 {
	POSITION: absolute; 
	WIDTH: 94px; 
	HEIGHT: 20px; 
	TOP: 8px; 
	LEFT: 369px;
}
#menubar7 {
	POSITION: absolute;
	WIDTH: 126px;
	HEIGHT: 20px;
	TOP: 8px;
	LEFT: 463px;
}
#menubar8 {
	POSITION: absolute;
	WIDTH: 129px;
	HEIGHT: 20px;
	TOP: 8px;
	LEFT: 589px;
}
#menubar9 {
	POSITION: absolute; 
	WIDTH: 48px; 
	HEIGHT: 20px; 
	TOP: 8px; 
	LEFT: 718px;
}
#menubar10 {
	POSITION: absolute;
	WIDTH: 78px;
	HEIGHT: 20px;
	TOP: 8px;
	LEFT: 766px;
}
#menubar11 {
	POSITION: absolute;
	WIDTH: 106px;
	HEIGHT: 20px;
	TOP: 8px;
	LEFT: 844px;
}

.mbar {	BACKGROUND-IMAGE: url(images/sep.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: right top;
	}

#extender {	position: relative;
		float: left;
		width: 950px;
		margin: 0;
		padding: 0px;
		left: 0px;
		background:#FFFFFF;
		}

#extender.index {background: #AEB6D5;}
#extender.plumbing {background: #88D2EE;}
#extender.heating {background: #D58299;}
#extender.electrics {background: #EFC788;}
#extender.carpentry {background: #BECE96;}
#extender.decorating {background: #EBEF9E;}
#extender.refurbishment {background: #AEB6D5;}
#extender.pricing {background: #D58299;}
#extender.faqs {background: #AEB6D5;}
#extender.ourteam {background: #BECE96;}
#extender.newsletter {background: #B9A1B6;}
#extender.maintenance {background: #EBEF9E;}
#extender.quotation {background: #EBEF9E;}
#extender.application {background: #EBEF9E;}
#extender.feedback {background: #8ad0eb;}
#extender.accreditations {background: #BECE96;}



/* LEFT SIDEBAR
------------------------------------------------------------------------------------*/

#sidebar {
	position: relative; top: 0px; left: 0px;
	background: #FFFFFF;
	width: 160px;
	float: left;

}

#contact {position:relative; top: 0px; left: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	
}

#accreditation {
	position: relative;  top: 0px; left: 0px;
	width: 160px;
	min-height: 200px;
	background: #FFFFFF; 
	Border-top-style: solid;
	border-top-width: 1px;
	Border-top-color: #aeb6d5;
}


#accreditation a {
display: block;
height: 100%;
width: 100%;
}

#address {
	position: relative; top: 0px; left: 0px;
	min-height: 100px;
	width: 160px;
	}

#addresstext {
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	width: 150px;
	}


.add {	background-color: #88d2ee;}

.addheat {	background-color: #d58299;}
.addelectrics {	background-color: #efc788;}
.addcarpentry {	background-color: #bece96;}
.adddecorating {	background-color: #ebef9e;}
.addrefurb {	background-color: #aeb6d5;}
.addnewsletter {	background-color: #b9a1b6;}
.addfeedback {background-color: #8ad0eb;}

p.add2 { color: #243A66;
	font-size : 12px;
	text-decoration: none; 
	padding: 0px;
	margin: 0px;}





#footer {position: relative; width: 950px; height: 20px; text-align: center;}

#footer.footer1 {background: #5d6dab;}
#footer.footer2 {background: #11a4dd;}
#footer.footer3 {background: #ab0533;}
#footer.footer4 {background: #e09012;}
#footer.footer5 {background: #83a624;}
#footer.footer6 {background: #cad448;}
#footer.footer7 {background: #74446d;}

LI {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}

LI a {
	color: #11a4dd;
}


span.footspan {margin: 5px 10px 0 10px;
		font-size: 10px;
		color: #FFFFFF;}
span.footspan a {color: #FFFFFF; text-decoration: none;}
span.footspan a visited {color: #FFFFFF; text-decoration: none;}




#movie {position: relative; top: 10px; left: 10px;}


a:active
{
outline: none;
}

a image:active
{
outline: none;
}


a:focus
{
-moz-outline-style: none;
}


.bar2 {	background : #88d2ee;}

.bar3 {	background : #d58299;}

.bar4 {	background : #efc788;}

.bar5 {	background : #bece96;}

.bar6 {	background : #ebef9e;}

.bar7 {	background : #aeb6d5;}

.bar8 {	background : #b9a1b6;}

.bar9 {	background : #8ad0eb;}



#line {
position: absolute; top: 128px; left: 160px;
height: 467px;
width: 1px;
background: #aeb6d5;
z-index: 1;
}

#sidebar2 {
	position: relative; 
	float: right;
	top: 0px;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#buttons {position: relative;
	width: 160px;
	background : #FFFFFF; }

#sidebarcontent {
	position: relative; 
	width: 137px;
	padding-left: 10px;
	padding-top: 10px;
}

#feedback {margin-left: 20px;
}

p.heading {
	color : #243a66;
	font-size : 13px;
	font-weight: bold;
}

p.head {margin: 0px;}


p.quote {
	color : #FFFFFF;
	font-size : 12px;
font-weight: normal;
font-style:italic;
}

p.sig {
	color : #243a66;
	font-size : 10px;
font-weight: normal;
text-align:right;
}


/* Main section
------------------------------------------------------------------------------------*/


#mainbody {
position: relative;  top: 0px; left: 0px;
width: 630px;
background: #FFFFFF;
float: left;
margin: 0px;
padding-bottom: 20px;
min-height: 575px;
}

#mainbodytext {position: relative;
	left: 20px;
	top: 20px;
	width: 590px;
	background: #FFFFFF;
	min-height: 575px;
	}

#mainpichead {
	position: relative;
float: left;
width: 590px;
}

#mainpic {position: relative;
		top: 20px;
	float: left;
	width: 78px;
}

#toptext {position: relative;
	left: 10px;
	top: 20px;
	float: left;
	width: 500px;
	min-height: 78px;
	text-align: left;
	
}

#bodytext {position: relative;
	top: 30px;
	width: 310px;
	float: left;
}

#articlepics {position: relative;
	top: 30px;
width: 270px;
	float: right;}



.acclogos {margin-left: 120px; float: left;}


#newstext{
	position: relative; top: 10px; left: 10px;
	width: 590px;
	padding: 10px 10px 20px 10px;
	background : #FFFFFF;
	font-size: 14px;
	color: #813874;
	}

#newstextcontent{
	text-align: left;
	}

#newstext img {float:left;}

#newstext.white {	
			color: #231f20;
		font-size: 12px;
			}

.accred {margin-top: 10px; margin-bottom: 30px;}



p.newsheading {border-top-style:dotted;
	border-top-color: #813874;
	border-top-width: 1px;
	font-weight: bold;
	line-height: 30px;}

p.newscontent {margin-left: 230px;
	line-height: 16px;
	font-size: 12px;
	color: #813874;}

p.acc {margin: 0 0 0 230px;
padding-right: 30px;
font-size: 12px;
}

p.acchead {margin: 0 0 0 230px;
		color : #83a624;
		font-weight: bold;
		line-height: 20px;}



#headnewsimg {margin: 20px 0 0 20px;}


p.plumbtext {color : #231f20;
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.5;
}


p.plumbhead {

		color : #11a4dd;
}


p.heathead {
		color : #ab0533;
	font-size: 16px;
}

p.elechead {
		color : #e09112;
	font-size: 16px;

}

p.carphead {
		color : #83a624;
	font-size: 16px;
}

p.decohead {

		color : #cad448;
	font-size: 16px;
}

p.refurbhead {
		color : #5d6dab;
	font-size: 16px;
}




td.nob {border: 0px;}




/* FRONT PAGE MENU
------------------------------------------------------------------------------------*/




#frontpagemenucontainer{ position: relative; top: 0px; left: 6px;
background : #b0b8d7;
height: 240px;
width: 234px;
float: left;
margin-top: 5px;
}

.fpm1 	a {
	margin-left: 5px;
	display : block; 
	border-top-style:solid;
	border-top-width: 1px; 
	border-top-color: #FFFFFF;
	width: 231px;
 	height: 32px; 
	font-family : Impact, sans-serif; 
	color : #1d3360;
	font-weight: normal;
	font-size : 23px; 
	text-decoration: none; 
}

.fpm2 	a {
	margin-left: 5px;
	display : block; 
	border-top-style:solid;
	border-top-width: 1px; 
	border-top-color: #FFFFFF;
	width: 231px;
 	height: 32px; 
	font-family : Impact, sans-serif; 
	color : #FFFFFF;
	font-weight: normal;
	font-size : 23px; 
	text-decoration: none; 
}

.fpm1 a:hover {color : #5d6dab;
	
}

.fpm2 a:hover {color : #5d6dab;
	
}

p.slogan {
	color : #243a66;
	font-size : 16px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;}



p.offer

{	margin: 10px 0px 10px 10px;
}


span.offer {
	color : #243a66;
	font-size : 15px;
}

span.offer2 {
	color : #243a66;
	font-size : 10px; 
}

#frontpagepic{ position: relative; top: 0px; left: 0px;
background : #b0b8d7;
height: 240px;
width: 385px;
float: right;
margin-right: 5px;
margin-top: 5px;
}

#frontpagetext{ position: relative; top: 10px; left: 0px;
	width: 280px;
	text-align: left;
	float: left;
	margin-left: 10px;
	padding-bottom: 30px;
}


p.fpt {
	margin-top: 10px;
	text-align: left;
	color : #243a66;
	font-size: 12px;
	line-height: 1.2;}
	
p.fpt img {	margin-top: 10px;}

span.fpt2 {font-weight: normal;}

#frontpagepic img {
margin: 7px 0px 0px 12px;}

#frontpagevalues{ position: relative; top: 10px; left: 0px;
width: 280px;
	float: left;
	margin-left: 40px;
}

#frontpagevaluesimg
{
position: absolute; top: 0px; left: 0px;
width:90px;
}


#column1{
	position: relative; top: 0px; left: 0px;
	float: left;
	width: 270px;
	background: #FFFFFF;
	padding-right: 20px;
	margin-top: 20px;
}

#column2{
	position: relative; top: 0px; left: 0px;
	float: right;
	width: 270px;
	background: #FFFFFF;
	margin-top: 20px;}

#column3{
	position: relative; top: 0px; left: 0px;
	width: 270px;
	float: left;}

#column4{
	position: relative; top: 0px;
	width: 270px;
	float:right;}


.team {position: relative; top: 0px; left: 0px;
	width: 290px;
	height: 87px;
	float: left;
}

.staffimg img {float: left;}


.name {color : #83a624;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 2px 75px;
}

.about {color : #4c494a;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0px 75px;}

p.faqname {color : #5d6dab;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

p.faqabout {color : #4c494a;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 6px;
	font-size: 12px;
	text-align: left;}

p.pricinghead {color : #ab0533;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

p.pricingtext {color : #4c494a;	
	font-weight: normal;
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 6px;
	line-height: 14px;
	text-align: left;}

p.pricinghead2 {color : #ab0533;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: bold;
}

p.pricingtext2 {color : #4c494a;	
	font-weight: normal;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 14px;}

p.newsname {color : #7e0c6e;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.newsabout {color : #4c494a;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 6px;}







/* Forms
------------------------------------------------------------------------------------*/


p.formsintro { margin: 0px 0 0 20px;
	color: #c9d449;
	font-size : 16px;
	text-align: left;}

p.feedbackintro { margin: 0px 0 0 20px;
	color: #12a4dd;
	font-size : 16px;
	text-align: left; }

p.fbt {
	color: #12a4dd;
	font-weight: bold;
	font-size : 16px;
	font-weight: bold;}

label
{
width: 120px;
float: left;
text-align: right;
margin-right: 50px;
display: block
}

label.big
{
width: 180px;
}

label.big2
{
width: 180px;
margin-left: 0px;
}


p.formtext {font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0 0 0;
color: #000000;}

p.formtextfeedback {font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0 0 0;
color: #000000;}

input
{color: #243a66;
background: #d1d2d4;
border: 1px solid #bbbbbb;
width: 147px;
margin-top: 0px;
margin-bottom: 0px;
}

input.formstyle
{color: #FFFFFF;
background: #a3a3a7;
border: 1px solid #bbbbbb;
width: 235px;
margin-top: 0px;
margin-bottom: 0px;
display: block;
}

textarea
{color: #FFFFFF;
background: #a3a3a7;
border: 1px solid #bbbbbb;
width: 235px;
margin-top: 0px;
margin-bottom: 0px;
display: block;
}

input.radio {width: 10px;}

input.formsubmit {
		margin-left: 170px;
		margin-top: 10px;
		color: #243A66;
		background: #EBEF9E;}

input.formsubmitfeedback {
		margin-left: 220px;
		margin-top: 10px;
		color: #243A66;
		background: #8AD0EB;}

p.input {
margin-top: 6px;
margin-bottom: 0px;}

p.submit {
margin-top: 6px;
margin-bottom: 0px;
}

.submit input
{
border: none;
margin-top: 0px;
margin-bottom: 0px;
} 

form {
margin:0;
padding:0;
}


.fb {	color: #12a4dd;}

#newstext form {margin-left: 120px;}

#newstext form.feedbackform { margin-left: 60px;}

p.imgpad {margin-top: 8px;
margin-bottom: 0px;
}


p.slogan {
	color : #243a66;
	font-size : 16px;
	font-weight: bold;
	margin-left: 10px;}

#pricetable {margin-left: 50px; margin-right: 50px; margin-bottom: 30px;} 

td {border-top:1px dotted #666666; color:#666666;}
th.leftTH {background:#FFFFFF !important; border-top:0; border-left:0;}
td.leftTD {text-align:left;}

.author{
font:11px Verdana;
padding-left:0;
float:left;
padding-top:2px;
margin:0;
display:none;
}