* {margin:0px;padding:0px}
BODY {background:URL('images/bgrepeat.gif');font-family:Arial, Helvetica, sans-serif; font-size:79%;color:#6d6e71;}

.clear {clear:both}

A {color:#50b948;text-decoration:underline;}
A:Hover {color:#6d6e71;text-decoration:underline;}

A.email {color:#FFFFFF;text-decoration:none;}
A.email:Hover {color:#000000;text-decoration:underline}

A.links {color:#6d6e71;text-decoration:underline;}
A.links:Hover {color:#50b948;text-decoration:underline;}

A.links2 {color:#6d6e71;text-decoration:none;}
A.links2:Hover {color:#50b948;text-decoration:underline;}

.grey {color:#6d6e71}
.green {color:#50b948}

.bold {font-weight:bold;color:#50b948;font-size:115%;line-height:22px}

/* framework */
#canvas {width:970px;margin-left:auto;margin-right:auto;}
#canvas-bevel {width:970px;height:500px;background:url('images/frame-bevel.png') no-repeat;margin-top:10px}
#canvas-inner {width:950px;float:left;background-color:#FFFFFF;margin:15px 0 0 10px}
#green-frame {width:938px;float:left;background-color:#FFFFFF;margin:5px 5px 5px 5px;border:1px #50b948 solid}
#header {height:193px;width:938px;float:left;}
#container {width:908px;float:left;margin:0 15px 0 15px;}
#column1 {float:left;width:215px}
#column2 {float:left;width:678px;margin:0 0 0 15px;}
#content {float:left;width:678px;background:url('images/content-bg.gif') no-repeat;}
#content-inner {float:left;width:638px;padding:20px 20px 20px 20px;}
#content-inner P {line-height:18px}
#col3 {float:left;width:165px;margin:15px 0 0 40px}
#col3 P {line-height:25px;font-size:110%}
#col4 {float:left;width:300px;margin-top:10px}
#col5 {float:left;width:280px;margin:30px 0 0 30px;line-height:18px}
#col6 {float:left;width:280px;margin:0px 0 0 30px}

/* htags */
h1.logo {float:left;text-indent:-9999px;width:464px;height:81px;background:url('images/logo.gif') no-repeat;}
h2.strap {float:left;text-indent:-9999px;width:474px;height:81px;background:url('images/headerimage-top.jpg') no-repeat;}
h2.strapline {float:left;text-indent:-9999px;width:938px;height:57px;background:url('images/headerimage-base.jpg') no-repeat;}

/* headers */
h3.home {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/home.gif') no-repeat;}
h3.pattern {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/pattern.gif') no-repeat;}
h3.colour {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/colour.gif') no-repeat;}
h3.walk {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/walk.gif') no-repeat;}
h3.customers {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/customers.gif') no-repeat;}
h3.contact {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/contact.gif') no-repeat;}
h3.gallery {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/gallery.gif') no-repeat;}
h3.services {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/services.gif') no-repeat;}
h3.paving {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/paving.gif') no-repeat;}
h3.patios {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/patios.gif') no-repeat;}
h3.concrete {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/concrete.gif') no-repeat;}
h3.coble {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/coble.gif') no-repeat;}
h3.tarmac {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/tarmac.gif') no-repeat;}
h1.experts {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/experts.gif') no-repeat;}
h3.quote {float:left;text-indent:-9999px;width:638px;height:22px;background:url('images/headers/quote.gif') no-repeat;}

/* Top Nav */
#topnav {float:left;width:938px;height:34px;}
UL.topnav_block {float:left;width:938px;position:relative;}
UL.topnav_block LI {height:34px;text-indent:-9999px;list-style-type:none;position:absolute;}
UL.topnav_block LI A {height:34px;display:block;}

.home {width:85px;background:URL('images/home-off.gif') no-repeat}
.home A:hover {background:URL('images/home-on.gif') no-repeat}
.services {left:85px;width:94px;background:URL('images/services-off.gif') no-repeat}
.services A:hover {background:URL('images/services-on.gif') no-repeat}
.process {left:179px;width:95px;background:URL('images/process-off.gif') no-repeat}
.process A:hover {background:URL('images/process-on.gif') no-repeat}
.gallery {left:274px;width:91px;background:URL('images/gallery-off.gif') no-repeat}
.gallery A:hover {background:URL('images/gallery-on.gif') no-repeat}
.testimonials {left:365px;width:122px;background:URL('images/testimonials-off.gif') no-repeat}
.testimonials A:hover {background:URL('images/testimonials-on.gif') no-repeat}
.contactus {left:487px;width:117px;background:URL('images/contactus-off.gif') no-repeat}
.contactus A:hover {background:URL('images/contactus-on.gif') no-repeat}
.navend {left:604px;width:334px;background:URL('images/nav-right.jpg') no-repeat}

#nav-base {height:20px;width:938px;float:left;background:URL('images/nav-shadow.jpg') no-repeat}

/* Pattern Concrete */
#pattern-concrete {float:left;width:215px;height:129px;padding-bottom:10px}
UL.pattern {float:left;width:215px;position:relative;}
UL.pattern LI {height:129px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.pattern LI A {height:129px;display:block;}
.pattern {width:215px;background:URL('images/patterned-off.jpg') no-repeat}
.pattern A:hover {background:URL('images/patterned-on.jpg') no-repeat}

/* colour options */
#colour-options {float:left;width:215px;height:129px;padding-bottom:10px}
UL.colour {float:left;width:215px;position:relative;}
UL.colour LI {height:129px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.colour LI A {height:129px;display:block;}
.colour {width:215px;background:URL('images/colour-off.jpg') no-repeat}
.colour A:hover {background:URL('images/colour-on.jpg') no-repeat}

/* pdf brochure */
#pdf-brochure {float:left;width:215px;height:129px;padding-bottom:10px}
UL.brochure {float:left;width:215px;position:relative;}
UL.brochure LI {height:129px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.brochure LI A {height:129px;display:block;}
.brochure {width:215px;background:URL('images/brochure-off.jpg') no-repeat}
.brochure A:hover {background:URL('images/brochure-on.jpg') no-repeat}

/* walling */
#walling-extensions {float:left;width:215px;height:129px;padding-bottom:10px}
UL.walling {float:left;width:215px;position:relative;}
UL.walling LI {height:129px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.walling LI A {height:129px;display:block;}
.walling {width:215px;background:URL('images/walling-off.jpg') no-repeat}
.walling A:hover {background:URL('images/walling-on.jpg') no-repeat}

/* web discount */
#web-discount {float:left;width:215px;height:33px;padding-bottom:10px}
UL.discount {float:left;width:215px;position:relative;}
UL.discount LI {height:33px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.discount LI A {height:33px;display:block;}
.discount {width:215px;background:URL('images/quote-off.gif') no-repeat}
.discount A:hover {background:URL('images/quote-on.gif') no-repeat}

/* contact details */
#contact-details {float:left;width:678px;height:32px}
#freephone {float:left;width:274px;height:32px;background:URL('images/freephone.gif') no-repeat;text-indent:-9999px}
#email {float:left;width:230px;height:21px;background:URL('images/email.gif') no-repeat;padding:11px 0 0 34px}
#covered {float:left;width:140px;height:32px;background:URL('images/covered.gif') no-repeat;text-indent:-9999px}

/* footer */
#footer {width:938px;float:left;height:30px;background-color:#50b948;color:#FFFFFF}
#footer-left {width:228px;float:left;height:30px;background:URL('images/footertext.gif') no-repeat;text-indent:-9999px}
#footer-right {width:323px;float:left;height:21px;padding:9px 0 0 380px}

#copyright {width:950px;float:left;text-align:center;font-size:85%;padding-top:10px}

/* service images */
#patternimage {width:638px;float:left;height:293px;background:URL('images/patternimage.jpg') no-repeat;margin-top:10px;color:#FFFFFF}
#patternimage-paving {width:638px;float:left;height:293px;background:URL('images/patternimage-paving.jpg') no-repeat;margin-top:10px;color:#FFFFFF}
#patternimage-patio {width:638px;float:left;height:293px;background:URL('images/patternimage-patio.jpg') no-repeat;margin-top:10px;color:#FFFFFF}
#patternimage-concrete {width:638px;float:left;height:293px;background:URL('images/patternimage-concrete.jpg') no-repeat;margin-top:10px;color:#FFFFFF}
#patternimage-cobble {width:638px;float:left;height:293px;background:URL('images/patternimage-cobble.jpg') no-repeat;margin-top:10px;color:#FFFFFF}
#patternimage-tarmac {width:638px;float:left;height:293px;background:URL('images/patternimage-tarmac.jpg') no-repeat;margin-top:10px;color:#FFFFFF}
#patternimage-walling {width:638px;float:left;height:293px;background:URL('images/patternimage-walling.jpg') no-repeat;margin-top:10px;color:#FFFFFF}

UL.bullet {line-height:26px;padding:20px 0 0 22px;font-size:115%}
UL.bullet LI {background:URL('images/icon.png') no-repeat left 7px;padding:5px 0 0 30px;list-style-type:none;}


/* Form */
.enquiry INPUT {border:1px #50b948 solid;padding:2px;width:275px}
.enquiry SELECT {border:1px #50b948 solid;width:289px;padding:2px;color:#6d6e71;font-size:90%}
.enquiry TEXTAREA {border:1px #50b948 solid;font-family:Arial, Helvetica, sans-serif;font-size:90%;width:284px;padding:2px;color:#6d6e71}
.enquiry SPAN {color:#6d6e71;line-height:25px;}
.enquiry INPUT.button {background-color:#6d6e71;color:#FFFFFF;border:1px #50b948 solid;font-size:85%;width:70px;height:28px;margin-top:5px}

/* Process */
#bigimage {float:left;margin:20px 0 20px 17px;width:230px;border:1px #50b948 solid;padding:33px}
#smallimage {float:left;margin:20px 0 0 0;width:310px;}
.imageleft {float:left;margin:0 15px 15px 0;border:1px #6d6e71 solid}

/* Gallery */
#galleryframe {float:left;margin:20px 0 20px 20px;width:618px;}
#gallerybigimage {float:left;margin:0 0 15px 0;width:530px;border:1px #50b948 solid;padding:34px 34px 34px 34px;text-align:center}
#gallerysmallimage {float:left;margin:0 0 0 0;}
.imageleft2 {float:left;margin:0 15px 0 0;border:1px #6d6e71 solid}

/* service sum - option 1*/
.service-sum {float:left;width:606px;border:1px #6d6e71 solid;padding:15px}
.service-sum P {line-height:30px}
h4.imprinted {font-size:120%;font-weight:bold;color:#50b948;padding-top:5px}
.fulldetails-col1 {float:left;height:30px;width:497px}
.fulldetails-col2 {float:left;height:35px;width:109px}
.fulldetails-col3 {float:left;width:606px;padding-top:5px}
UL.details {float:left;width:109px;position:relative;}
UL.details LI {height:35px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.details LI A {height:35px;display:block;}
.details {width:109px;background:URL('images/details-off.gif') no-repeat}
.details A:hover {background:URL('images/details-on.gif') no-repeat}

/* service sum - option 2*/
#service-nav {float:left;width:636px;border:1px #50b948 solid;padding:10px 0 10px 0;margin:15px 0 15px 0;}
#service-nav P {text-align:center;font-size:100%;line-height:25px}

img.photo {margin:10px 0px 0px 0px}
img.calculator {margin:0px 0px 0px 0px}
img.calculator2 {margin:15px 0px 0px 0px}

/* Free Quote */
#freequote {float:left;height:500px;width:280px;float:left;background:URL('images/calculator.gif') no-repeat}

/* form */
fieldset {margin:0 0 0 0;padding:65px 0px 0px 0px; border:none}
form.quick {display:inline;}
form br {clear:left;}
form input {margin-left:5px;border:1px solid #50b948;padding:5px;width:165px}
form select {margin-left:5px;border:1px solid #50b948;padding:5px;width:165px}
form textarea {margin-left:5px;border:1px solid #50b948;padding:5px;width:165px;font-family:Arial, Helvetica, sans-serif;font-size:100%}
form input.submit {border:none;background:URL('images/calculator-button.gif') no-repeat;width:115px;height:33px;margin:0px 0 0 20px;text-indent:-9999px}
div.formlabel {padding-top:5px;float:left;width:75px;text-align:right;}
div.ticklabel {float:right;font-size:90%;margin:0 0 0 0px;padding:1px 0 0 0px;width:240px;}
form input.tick {border:none;width:13px;height:13px;margin:0 0px 0 20px;}