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

* {margin:0; padding:0;}

body {
background-color:#006;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.clear {clear:both;}

.space {padding:10px 0px;}
.linebreak {margin-bottom:15px;}
.center {text-align:center;}

p {color:#006;}
h1 {font-size:22px; line-height:50px; text-indent:20px; background-color:#EAF8FF;}
h2 {font-size:20px;}
h3 {font-size:18px;}

a {color:;}
a:hover {color:#000;}


.container {width:960px; margin:auto; padding:20px 0;}
.header {
width:960px;
height:25px;
background:url(images/bg-header.jpg) no-repeat;
}

.main {
width:930px;
background:url(images/bg-main.gif) repeat-y;
padding:0 15px 15px 15px;
}

#title a {
background:url(images/titlex2.jpg) no-repeat;
width:500px;
height:120px;
display:block;
margin:auto;
}
#title a:hover {background-position:0px -120px;}

.buttons {
background:url(images/bg-buttons.png) no-repeat;
margin:15px 5px 10px 5px;
width:840px;
height:50px;
padding:0 40px;
}

.button a {
width:140px;
height:46px;
background:none;
padding:2px 0;
float:left;
display:block;
font-size:18px;
color:#006;
text-align:center;
line-height:46px;
text-decoration:none;
}
.button a:hover {background:url(images/bg-button.png) no-repeat center;}


.main-padding {width:900px; padding:0 15px;}

.intro-text {
width:700px;
margin:auto;
text-align:justify;
}
.intro-text h2 {line-height:60px; text-align:center;}


.domestic {width:250px; float:left;}
.commercial {width:250px; float:right;}

.table-middle {
width:230px;
background-color:#7F7FB2;
border-top:2px solid #1C4585;
border-right:2px solid #11284A;
border-bottom:2px solid #11284A;
border-left:2px solid #1C4585;
-moz-border-radius:12px; 
-webkit-border-radius:12px;
margin:10px 0;
padding:8px 5px;
}
.table-middle ul li {list-style-position:inside; margin-left:15px;}

.table-middle h2 {background:url(images/bg-table-header.gif) bottom repeat-x; padding-bottom:4px;}

.middleoftables {
width:400px;
padding-top:10px;
float:left;
text-align:center;
font-size:18px;
}
p.small-text {font-size:12px;}


.break {width:900px; height:10px; background:url(images/line.jpg) center no-repeat; margin:auto; padding:20px 0;}

.flats {
width:560px;
background-color:#EAF8FF;
margin:25px 0;
padding:0px 10px;
}
.flats p {
margin:4px 0px 0px 0px;
font-size:16px;
}


.dulux {
width:560px;
background:url(images/bg-dulux.jpg) top center no-repeat #EAF8FF;
padding:0px 10px;
}
.dulux-logo {width:160px; float:right;}
.dulux-logo p {font-size:12px; text-align:center; margin-top:5px;}


.bullets {
width:310px;
float:left;
margin:0px 50px 0px 35px;
padding-left:20px;
}
.bullets ul li {list-style-position:outside;}

.areas {
width:430px;
padding:0 5px;
float:left;
text-align:center;
}
.areas p {margin-bottom:10px;}
.areas ul {
width:107px;
float:left;
}
.areas ul li {list-style-type:none;}

.contact {
width:340px;
padding:20px 70px 0 70px;
float:left;
}

.leaflet {
background-color:#EAF8FF;
padding:10px;
text-align:center;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
-moz-box-shadow:0px 4px 10px #333333;
-webkit-box-shadow:0px 4px 10px #333333;
}
.leaflet-hover {
background-color:#CCEEFF;
padding:10px;
text-align:center;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
-moz-box-shadow:0px 2px 15px #333333;
-webkit-box-shadow:0px 2px 15px #333333;
}

.forafree {
padding:15px 0px;
text-align:center;
}
.phone-email {padding-right:70px;text-align:right;}
.phone-email p {font-size:20px; font-weight:bold;}

.youtube-video {width:340px; padding:30px 60px 0 0; float:right; text-align:center;}
.youtube-video p {padding:30px 0;}
.youtube-video img {margin-bottom:30px;}

.footer {
width:900px;
background:url(images/footer-line.jpg) no-repeat top;
margin:15px auto 0 auto;
padding-top:5px;
overflow:hidden;
}

.footer p {color:#003;}
.footer p.footer-text {font-size:10px; color:#006; line-height:12px;}
.footer img {margin-right:10px; padding:5px; float:left; position:relative; display:block;}

#footer {
width:960px;
height:40px;
background:url(images/bg-footer.gif) no-repeat;
text-align:center;
}

.premier {
width:760px;
margin:auto;
padding-top:15px;
overflow:hidden;
}

.premierwords {
width:400px;
float:left;
padding-top:20px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:right;
}
.premierwords a {color:#FFF;}
.premierwords a:hover {color:#FF0;}

#tv a {
background:url(images/tvx2.jpg) no-repeat;
width:105px;
height:62px;
margin-left:30px;
display:block;
float:left;
}
#tv a:hover {background-position:0px -62px;}


/*gallery page*/
.gallery-photo {
width:400px;
border:2px solid #CCC;
-moz-border-radius:5px; 
-webkit-border-radius:5px;
margin: 0 0 15px 25px;
padding:5px;
float:left;
text-align:center;
}

/*offers page*/
.reward-scheme {width:800px; margin:0 auto 15px auto;}
.reward-scheme img {margin:auto; display:block;}
.reward-scheme ul {list-style-type:decimal; margin-left:40px;}
.reward-scheme p {padding:10px;}


/*testimonial*/
.testimonial {
width:600px;
background:url(images/testimonial-quotes.gif) no-repeat top left;
border:1px solid #D3E9ED;
margin-bottom:25px;
padding-left:75px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 2px 15px #333333;
-webkit-box-shadow: 0px 2px 15px #333333;
}
.testimonial p {padding:5px 0; color:#006;}


/*contact*/
#contact-page {
width:905px;
padding:10px;
}

.contact-form {
width:500px;
background-color:#D2E2FF;
padding:10px;
float:left;
}

.contact-form-field-names {
width:150px;
padding-right:10px;
float:left;
text-align:right;
}
.contact-form-field-names p {font-size:14px; line-height:20px;}

.contact-form-fields {width:340px; float:left; padding-bottom:10px;}
.contact-form-fields input {background-color:#FFF; padding:2px; font:14px Arial, Helvetica, sans-serif;}
.contact-form-fields textarea {background-color:#FFF; padding:2px; font:14px Arial, Helvetica, sans-serif;}

p.submit input {
width:120px;
height:25px;
background:url(images/send-messagex2.jpg) no-repeat;
border:none;
}
p.submit input:hover {
background-position:0px -25px;
border:none;
cursor:pointer;
}

.contact-details {width:370px; padding-left:15px; float:left;}

.contact-details-left {width:90px; padding-right:10px; float:left; text-align:right;}
.contact-details-left p {line-height:30px;}
.contact-details-right {width:270px; float:left; text-align:left;}
.contact-details-right p {font-size:20px; line-height:30px;}
.contact-details-right p.email {font-size:14px; line-height:30px;}


.contactphp {
text-align:center;
padding:20px 0px;
}
.contactphp p.notvalid {color:#F00;}


/*links page*/
.linkstop {
width:700px;
height:20px;
margin:auto;
background:url(images/bg-links-top.gif) no-repeat;
}

.linksmiddle {
width:700px;
margin:auto;
background:url(images/bg-links-middle.gif);
overflow:hidden;
}

.linksmiddle a {color:#006;}
.linksmiddle a:hover {color:#FFF;}

.linksmiddle ul.links {
margin:0px 10px 0px 20px;
float:left;
padding:0px;
}

.linksmiddle ul.links li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
}

.linksmiddle ul {float:left;}

.linksmiddle ul li {
list-style-type:none;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
line-height:19px;
}

.linksbottom {
width:700px;
height:20px;
margin:auto;
background:url(images/bg-links-bottom.gif) no-repeat;
}

.sitemap {margin:20px 0px 20px 100px;}
