/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
body { background:#fff; padding:15px; font-size:12px; font-family:arial, helvetica, sans-serif; color:#333; line-height:1.7; }
.resi{position:absolute;top:-10px;right:0px;}


/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both; }
hr {margin:5px 0;}
.hr {height:1px; width:100%; background:#ddd; margin:20px 0; clear:both;}
blockquote {margin-left:40px;}
p {margin:0 0 1.5em 0}
.left {float:left;}
.right {float:right;}

a { color:#2c75ba; text-decoration:underline  }
a:hover { color:#353638;}
a img { border:none;}
a:hover img {  }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }
a.arrowlink {background:url(linkarrow.gif) top left no-repeat; padding:0 0 0 15px; clear:both;}

h1, h2, h3, h4 {font-family:; text-align:left;z-index:1;}
h1 {color:#2c75ba; font-size:36px; font-weight:normal;margin:0 0 10px 0; padding:0 0 4px 0; line-height:1; }
h2 {color:#353638; font-size:26px; font-weight:normal; margin:0 0 10px 0; padding:0 0 3px 0;  line-height:1; }
h3 {color:#2c75ba; font-size:20px; font-weight:normal; margin:0 0 10px 0;  padding:0; line-height:1}
h4 {color:#353638; font-size:16px; font-weight:bold; margin:0 0 10px 0 14px 0;  padding:0; line-height:1}

img.clsleft { margin-right:25px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:25px; margin-bottom:10px; }
img.clsborderleft { margin-right:10px; margin-bottom:8px; border:1px solid #2c75ba; }
img.clsbordermiddle { margin-right:8px; margin-left:8px; border:1px solid #2c75ba; }
img.clsborderright { margin-left:10px; margin-bottom:8px; border:1px solid #2c75ba; }
.border {border:1px solid #0f1273;  }
.noborder {border:0;}

.notes { font-size:0.8em; color:#888; margin:1.5em 0;}
.shout {color: #2c75ba; font-size: 20px; font-weight:bold; margin:0; float:right; width:300px; margin-left:10px; line-height:1;}
.shout2 {color: #2c75ba; font-size: 20px; font-weight:bold; margin:0; float:none; width:290px; line-height:1;}

.quote {border: 3px double #2c75ba;  padding:5px; color:#353638; margin:1.5em 0; }
.quote strong {font-size:1.2em;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { color:#0e1687}
.custom2 { margin:1.5em 0; }



/*Structural & Custom Styles */

#jump {display:none;}

#container {margin:0 auto ; width:960px;  padding:0 0; font-size:12px; background:url() top left repeat-y; position:relative; }

#header {overflow:hidden; padding:0;   background:url(header.jpg) top no-repeat;  height:172px; width:960px; margin:0;}
#header h2 {width:576px; height:151px; padding:0; border:none; margin:0; text-indent:-9999px ; border:none; margin:21px 0 0 0; background:url(sitelogo.gif); float:left;}
#header a {text-decoration:none; height:100%; width:100%;}

#header #callus{margin:13px 13px 0 0;float:right; width:230px; height:170px;  text-indent:-9999px; }


#main {width:954px; margin: 17px 0 0 0;  padding:8px 8px 25px 8px;  overflow:hidden; background:url(container.gif) #fff top repeat-x; border:3px solid #d8dfed;}




#MMEmbeddedMap {margin:0; float:left; padding:0;}

#logos {border:1px solid #cae2ff}

ul { margin:0 0 10px 25px; }
ol {margin:1.5em 0 1.5em 30px;}
li {margin:0 0 0.5em 0;}


table, td, th {border:none; padding:0; font-size:1em; vertical-align:top;}
th {text-transform:uppercase; font-weight:bold; text-align:left;}


blockquote {background:transparent url(quote_top.jpg) no-repeat scroll left top; clear:both; float:left; line-height:1.3; margin:10px 0 20px 0; padding:0px 4px 0px 40px; width:660px;}
blockquote p {padding-right:30px; font-size:16px;margin-bottom:10px}
blockquote .quotetext {background:transparent url(quote_bottom.jpg) no-repeat scroll right bottom;}
blockquote .quoteauthor {color:#fa8e00;font-weight:bold; text-align:right; }

#buttons {height:144px; width:714px; float:left}
#buttons a {width:228px; height:144px; display:block; float:left; margin-right:10px; text-indent:-9999px}
#buttons a#button1 {background:url(credit_hire.jpg); }
#buttons a#button2 {background:url(vehicle_repairs.jpg); }
#buttons a#button3 {background:url(personal_injury.jpg); margin-right:0}


#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #2c75ba; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
.contactinfo {width:223px; float:left; margin:0 0 0 50px;}
.contactinfo h2 { margin:0;}
.contactinfo p { margin: 0 0 20px 0;}




#homeleft {float:left; width:395px;}
#navboxes {float:right; margin:0 -8px 0 10px; padding:0; list-style:none; }
#page1 #navboxes {width:555px}
#page2 #navboxes, #page3 #navboxes {width:370px}
#navboxes li {float:left; width:174px; height:132px; margin:0 10px 10px 0; }
#navboxes li a {padding:101px 0px 11px 11px; color:#353638; font-size:13px; height:20px; width:163px; display:block; text-decoration:none; font-weight:bold;}
#navboxes li a:hover {color:#2c75ba;}
#navboxes li#box1 {background:url(box_chewinggum.jpg);}
#navboxes li#box2 {background:url(box_childrens.jpg);}
#navboxes li#box3 {background:url(box_driveways.jpg);}
#navboxes li#box4 {background:url(box_conservatories.jpg);}
#navboxes li#box5 {background:url(box_graffiti.jpg);}
#navboxes li#box6 {background:url(box_sports.jpg);}
#navboxes li#box7 {background:url(box_fascias.jpg);}
#navboxes li#box8 {background:url(box_tennis.jpg);}
#navboxes li#box9 {background:url(box_casestudies.jpg);}
#navboxes li#box10 {background:url(box_claddingcleaning.jpg);}

.righttable {float:right; margin:0 0 0 15px;}

#footer {margin: 0 auto;  overflow:hidden;  padding:13px 0px 10px 0px; width:960px; background:url(footer.gif) top repeat-x; height:67px; font-size:12px; color:#fff;}
#footer a {color:#fff;}


.clear_both { clear:both; }




#navsurround {clear:both; background:none;  margin:0;  height:38px; width:938px;background:; float:left; z-index:99;position:relative}
/** #nav - essentials **/
#nav, #nav * { margin:0; padding:0; list-style-type:none; }
#nav { line-height:1;}
#nav ul { position:absolute; top:-999em; width:	10em; /* left offset of submenus need to match (see below) */ }
#nav ul li { }
#nav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
#nav li { float:	left; position:relative; }
#nav a { display:block; position:relative; }
#nav li:hover ul, #nav li.sfHover ul { left:0; top:28px; /* CHANGE this value to move to first dropdown up and down */ z-index:99; }
ul#nav li:hover li ul, ul#nav li.sfHover li ul { top:-999em; }
ul#nav li li:hover ul, ul#nav li li.sfHover ul { left:10em; /* MUST match width in #nav ul */ top:0; }
ul#nav li li:hover li ul, ul#nav li li.sfHover li ul { top:-999em; }
ul#nav li li li:hover ul, ul#nav li li li.sfHover ul { left:10em; /*  MUST match width in #nav ul */ top:0;
}
/** #nav - appearance **/

#nav {padding:0; height:23px; font-size:16px; }
#nav a {text-decoration:none; padding:0 6px; height:23px; background:#fff; line-height:23px; z-index:99;}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#353638; }
#nav a:hover { color:;}
#nav li { background:none; margin:0px 10px 0 0; z-index:99;}
#nav li li { background:#efefef; margin:0;}
#nav ul {border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc}
#nav li li li {  }
#nav li li li a {  }
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active { background:#cccccc;  outline:0; }
#nav li li:hover, #nav li li.sfHover, #nav li li a:focus, #nav li li a:hover, #nav li li a:active {background:#cccccc; color:#fff;}
#nav #active {cursor:default; }
/*** arrows **/
#nav a.sf-with-ul { padding-right:30px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:10px; top:7px; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(arrows_ffffff.gif) bottom left; /* Change this colour to a background image to add an arrow indicating sub levels*/  z-index:120}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:7px;  z-index:120}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {  }

/* point right for anchors in subs */
#nav ul .sf-sub-indicator {  }
#nav ul a > .sf-sub-indicator {  }

/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator, #nav ul a:hover > .sf-sub-indicator, #nav ul a:active > .sf-sub-indicator, #nav ul li:hover > a > .sf-sub-indicator, #nav ul li.sfHover > a > .sf-sub-indicator {  }

#latestNews { border-bottom: 1px solid #a8b6d6;  padding: 4px 0; margin: 0 0 10px 0; }
#latestNews span { color:#2c75ba; font-size: 1.2em; padding: 0 20px 0 0;  }