* {margin:0px;padding:0px}
BODY {font-family:"Arial", "Helvetica", "sans-serif"; font-size:79%;color:#313f65;}

.clear {float:none;clear: both;height:0px;overflow: hidden;}

/* colours */
.darkblue {color:#313f65}
.lightblue {color:#1f739a}
.grey {color:#a7a9ac}

A.links {color:#313f65;text-decoration:underline}
A.links:Hover {color:#a7a9ac;text-decoration:underline}

/* framework */
#canvas {width:960px;margin-left:auto;margin-right:auto;}
#header {width:960px;height:127px;float:left}
#teaser {width:960px;height:281px;float:left}
#teaser-col1 {width:468px;height:281px;float:left;background:url('../images/workers.jpg') no-repeat;}
#teaser-col2 {width:492px;height:281px;float:left;}
#teaser-col2-content {width:492px;height:134px;float:left;background:url('../images/ticker-content.gif') no-repeat;}
/* #teaser-col2-footer {width:492px;height:48px;float:left;background:url('../images/ticker-footer.gif') no-repeat;} */
#scroller .scroll {width:460px;height:79px;float:left;margin:7px 0 0 0}
#bevel {width:960px;height:20px;float:left;background:url('../images/bevel.gif') no-repeat;}
#content {width:930px;float:left;padding:10px 0 30px 30px;}
.content-col1 {width:280px;float:left;}
.lozenge-content {width:150px;float:left;}
.lozenge-content P {line-height:20px}
.lozenge-footer {width:280px;float:left;height:35px;}
.lozenge-footer2 {width:280px;float:left;height:35px;padding-bottom:30px}
UL.moreinfo LI {float:left;width:280px;height:35px;list-style-type:none;text-indent:-9999px;}
UL.moreinfo LI A {width:280px;display:block;height:35px;}
.moreinfoclick {background:url('../images/lozenge/moreinfo-off.gif') no-repeat}
.moreinfoclick A:hover {background:url('../images/lozenge/moreinfo-on.gif') no-repeat}
.content-col2 {width:280px;float:left;margin:0 0 0 30px;}
.content-col3 {width:280px;float:left;margin:0 0 0 30px;}
.content-col4 {width:590px;float:left;}
.content-col4 P {line-height:20px}
.content-col5 {width:200px;float:left;}
.content-col6 {width:330px;float:left;margin:0 0 0 40px;}
.photo {margin:0px;padding:0px;float:left;}
.photo2 {margin:0px;padding:0px 5px 0 0;float:left;}
.photo3 {margin:0 0 10px 0;float:left;}

/* footer */
.footer-col1 {width:278px;float:left;}
.footer-col2 {width:325px;float:left;}
.footer-col3 {width:290px;float:left;}
#footer {width:960px;float:left;padding:0 0 0 30px;}
#footer P {padding:12px 0 0 0;}
#copyright {width:960px;float:left;text-align:center;font-size:85%;padding-top:20px;margin-bottom:20px}

/* htags */
h1.logo {float:left;text-indent:-9999px;width:332px;height:127px;background:url('../images/logo.gif') no-repeat;}
h1.strap {float:left;text-indent:-9999px;width:628px;height:127px;background:url('../images/strapline.gif') no-repeat;}
h2.professional {float:left;text-indent:-9999px;width:492px;height:147px;background:url('../images/ticker-header.gif') no-repeat;}
h2.joinery {float:left;text-indent:-9999px;width:280px;height:25px;background:url('../images/lozenge/joinery.gif') no-repeat;padding-bottom:5px}
h2.plumbing {float:left;text-indent:-9999px;width:280px;height:25px;background:url('../images/lozenge/plumbing.gif') no-repeat;padding-bottom:5px}
h2.electrical {float:left;text-indent:-9999px;width:280px;height:25px;background:url('../images/lozenge/electrical.gif') no-repeat;padding-bottom:5px}
h1.aboutus {float:left;text-indent:-9999px;width:590px;height:25px;background:url('../images/aboutus-header.gif') no-repeat;padding-bottom:5px}
h1.joineryheader {float:left;text-indent:-9999px;width:590px;height:25px;background:url('../images/joinery-header.gif') no-repeat;padding-bottom:5px}
h1.plumbingheader {float:left;text-indent:-9999px;width:590px;height:25px;background:url('../images/plumbing-header.gif') no-repeat;padding-bottom:5px}
h1.electricalheader {float:left;text-indent:-9999px;width:590px;height:25px;background:url('../images/electrical-header.gif') no-repeat;padding-bottom:5px}
h1.contactheader {float:left;text-indent:-9999px;width:590px;height:25px;background:url('../images/contact-header.gif') no-repeat;padding-bottom:5px}
h1.galleryheader {float:left;text-indent:-9999px;width:590px;height:25px;background:url('../images/gallery-header.gif') no-repeat;padding-bottom:10px}
h1.servicesheader {float:left;text-indent:-9999px;width:590px;height:25px;background:url('../images/services-header.gif') no-repeat;padding-bottom:5px}
h2.para {font-weight:bold;font-size:110%;padding-bottom:5px;color:#a7a9ac;line-height:20px}

/* navigation */
nav-container {float:left;height:59px;width:960px}
#topnav {float:left;width:960px;height:59px;}
UL.topnav-block {float:left;width:960px;position:relative;}
UL.topnav-block LI {height:59px;text-indent:-9999px;list-style-type:none;position:absolute;}
UL.topnav-block LI A {height:59px;display:block;}

.home {width:98px;background:URL('../images/home-off.gif') no-repeat}
.home A:hover {background:URL('../images/home-on.gif') no-repeat}
.about {left:98px;width:120px;background:URL('../images/aboutus-off.gif') no-repeat}
.about A:hover {background:URL('../images/aboutus-on.gif') no-repeat}
.joinery {left:218px;width:108px;background:URL('../images/joinery-off.gif') no-repeat}
.joinery A:hover {background:URL('../images/joinery-on.gif') no-repeat}
.plumbing {left:326px;width:119px;background:URL('../images/plumbing-off.gif') no-repeat}
.plumbing A:hover {background:URL('../images/plumbing-on.gif') no-repeat}
.electrical {left:445px;width:128px;background:URL('../images/electrical-off.gif') no-repeat}
.electrical A:hover {background:URL('../images/electrical-on.gif') no-repeat}
.services {left:573px;width:156px;background:URL('../images/services-off.gif') no-repeat}
.services A:hover {background:URL('../images/services-on.gif') no-repeat}
.gallery {left:729px;width:110px;background:URL('../images/gallery-off.gif') no-repeat}
.gallery A:hover {background:URL('../images/gallery-on.gif') no-repeat}
.contactus {left:839px;width:121px;background:URL('../images/contactus-off.gif') no-repeat}
.contactus A:hover {background:URL('../images/contactus-on.gif') no-repeat}

/* Page bullets */
UL.bullet {padding:0 0 0 0px;line-height:20px;color:#1f739a;list-style-type:none;}
UL.bullet LI {padding:7px 0 0 30px;background-image: url("../images/bubble.jpg");background-repeat: no-repeat;background-position: 0px 11px}

/* form */
fieldset {margin:0 0 0 0;padding:0px 0px 0px 0px; border:none;font-size:90%;}
form.quick {display:inline;}
form br {clear:left;}
form input {margin-left:10px;border:1px solid #1f739a;padding:3px;width:280px;margin-top:7px;}
form select {margin-left:10px;border:1px solid #1f739a;padding:3px;width:237px;margin-top:7px;}
form textarea {margin-left:10px;border:1px solid #1f739a;padding:3px;width:230px;font-family:Arial, Helvetica, sans-serif;font-size:100%;margin-top:7px;}
form input.submit {border:none;width:100px;height:23px;background-color:#1a77ae;color:#FFF;float:left;margin-left:60px}
div.formlabel {padding-top:10px;float:left;width:50px;text-align:right;color:#1f739a}