@charset "utf-8";
body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(images/header_bg.gif) repeat-x top;
}
* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
a, a:link, a:visited {
color:#e97f13;
}
img {
border:none;
}
table td, table th {
padding:5px;
}
h1 {
color:#e97f13;
font-size:24px;
}
h2 {
color:#e97f13;
font-size:18px;
margin-bottom:0px;
font-weight:normal;
}
h3 {
font-size:14px;
color:#e97f13;
}
.small {
font-size:10px;
font-style:italic;
}
.wrapper {
width:953px;
margin:auto;
background-color:#FFFFFF;
}
.header {
width:953px;
background:url(images/roof-cleaning.gif) no-repeat right top;
}
.logo {
float:left;
height:95px;
overflow:hidden;
}
.toplinks {
float:right;
padding:5px 10px 0 0;
font-size:10px;
}
.toplinks a {
text-decoration:none;
color:#000000;
}
.toplinks a:hover {
text-decoration:underline;
}
#menu { background:url(images/menubar-bg.gif) repeat-x top; height:46px; width:953px; overflow:visible; margin-bottom:10px; }
#menu .menuleftbar { float:left; }
#menu .menurightbar {float:right; }
#menu ul { list-style:none; padding-left:5px; margin:0 0 0 0; }
#menu li { float:left; height:45px; }
#menu li a { display:block; height:28px; padding-top:18px; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; overflow:hidden; margin-right:4px; background-position:0 0; }
#menu li a:hover { color:#f99600; }
#menu li a#m_home { width:64px; background-image:url(images/m_home.gif); margin-left:10px}
#menu li a#m_process { width:112px; background-image:url(images/m_process.gif)}
#menu li a#m_benefits { width:84px; background-image:url(images/m_benefits.gif)}
#menu li a#m_colours { width:81px; background-image:url(images/m_colours.gif)}
#menu li a#m_gallery { width:74px; background-image:url(images/m_gallery.gif)}
#menu li a#m_quote { width:132px; background-image:url(images/m_quote.gif)}
#menu li a#m_reviews { width:162px; background-image:url(images/m_reviews.gif)}
#menu li a#m_faq { width:64px; background-image:url(images/m_faq.gif)}
#menu li a#m_contact { width:99px; background-image:url(images/m_contact.gif)}

.main-left img {
border:none;
}
/* Main */
.main-content {
margin-top:10px;
width:766px;
float:left;
}
.main ul li {
list-style:inside square;
margin-left:10px;
}
/* Footer */
.foot-wrapper {
background:url(images/footer-bg.gif) repeat-x;
}
.inner-foot-wrapper {
background:url(images/inner-footer-bg.gif) repeat-x;
}
.footer {
clear:both;
width:928px;
margin:auto;
height:142px;
color:#FFFFFF;
padding:30px 0 0 25px;
background:url(images/footer.gif) no-repeat;
}
.inner-footer {
clear:both;
width:928px;
margin:auto;
height:142px;
color:#FFFFFF;
padding:61px 0 0 25px;
background:url(images/inner-footer.gif) no-repeat;
}
.foot h4 a, .foot h4 {
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
}
.foot a {
color:#FFFFFF;
text-decoration:none;
}
.foot a:hover {
text-decoration:underline;
}
.foot ul, .foot li {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:inside square;
font-size:11px;
}
.foot-box {
padding:0 60px 0 0;
width:auto;
float:left;
height:115px;
}
.copyright {
clear:both;
height:18px;
background:url(images/footer-bg.gif) repeat-x;
width:953px;
margin:10px auto auto auto;
font-size:11px;
color:#FFFFFF;
text-align:center;
padding:5px 0 5px 0;
}
.main {
padding:0 0 10px 0;
width:530px;
margin:0 0 0 3px;
float:left;
font-size:12px;
}
.main p {
margin:0 0 10px 0;
}
.main-t {
height:4px;
width:530px;
background:url(images/main-t.gif) no-repeat;
}
.main-m {
width:490px;
padding:10px 20px 15px 20px;
background:url(images/main-m.gif) repeat-y;
}
.home {
}
.homead {
width:530px;
margin-top:10px;
height:262px;
background-color:#999999;
}
.main-b {
height:4px;
width:530px;
background:url(images/main-b.gif) no-repeat;
}
.clr {
clear:both;
}
hr {
color:#FFFFFF;
border-bottom:#CCCCCC 1px solid;
}
.lsidebar {
width:180px;
float:left;
}
.lsidebar img, .rsidebar img {
margin-bottom:8px;
}
.rsidebar {
width:227px;
float:right;
}
.processbox {
width:144px;
padding:5px;
height:99px;
margin:0 10px 10px 0;
float:left;
background:url(images/processbox.gif) no-repeat;
color:#000000;
overflow:hidden;
}
.processbox h3 {
margin: 0 0 7px 0;
padding: 0 0 0 0;
color:#FFFFFF;
}
.processbox p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.benefitbox {
width:465px;
padding:5px;
height:61px;
margin:0 10px 10px 0;
background:url(images/benefitbox.gif) no-repeat;
color:#000000;
overflow:hidden;
}
.benefitbox h3 {
margin: 0 0 10px 0;
padding: 0 0 0 0;
color:#FFFFFF;
}
.benefitbox p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.picker {
width:485px;
height:372px;
background:url(images/picker.gif) no-repeat;
margin-bottom:20px;
}
.picker h3 {
margin: 0 0 0 0;
padding: 5px 0 0 5px;
height:22px;
overflow:hidden;
color:#FFFFFF;
}
.picker p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.colourpick {
height:75px;
}
.preview {
padding:5px;
}
.quotecola {
width:44px;
height:30px;
}