body {
			background-color: #f0f0f0;
			margin: 0;
			padding: 0;
			cursor: default;
		}
		h1 {
			font: 600 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			margin: 25px 0 0;
			_margin: 25px 0 27px;
			padding: 0 15px;
			_padding: 0 10px;
		}
		.sup {
			font-size: 6pt;
			vertical-align: super;
		}
		.h1 {
			font: 600 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			margin: 25px 0 30px;
			_margin: 25px 0 27px;
			padding: 0 15px;
			_padding: 0 10px;
		}
		#fdbkh1 { /*feedback h1*/
			margin: 20px 0 30px 0;
			clear: left;
		}
		table h1 {
			margin: 0 15px 10px 15px;
			padding: 0;
		}
		h2 {
			font: 500 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			margin: 5px 0 30px;
			_margin: 0px 0 23px;
			padding: 0 20px;
			_padding: 0 15px;
			text-align: justify;
			clear: both;
		}
		.h2 {
			font: 500 11pt/15pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			margin: 0 35px 0 0;
			_margin: 0px 0 23px;
			padding: 0 0 0 20px;
			_padding: 0 15px;
		}
		table h2 {
			margin: 5px 15px 10px 15px;
			padding: 0;
		}
		h1 a:link, a:visited {
			color: #364297;
		}
		h1 a:hover {
			color: Blue;
		}
		img {
			border: none;
			margin: 0;
			padding: 0;
			}
		.underline {
			text-decoration: underline;
		}

/* ======================================== main content areas and borders ============================= */
		#wrapper {
			width: 701px;
			margin: auto;
			background-color: #fff;
		}
		#header {
			width: 671px;
			background-image: url("images/header.gif");
			padding: 8px 15px 5px;
			_padding: 8px 15px 5px;
		}
		#menu {
			width: 631px;
			background: url("images/menu.gif");
			padding: 0 35px 32px;
			_padding: 0 35px;
		}
		#main {
			width: 701px;
			background: url(images/body_sd.gif) repeat-y;
			padding: 0;
		}
		#body-header {
			margin: 25px 32px;
			_margin: 20px 32px;
		}
		#leftw {		/* welcome page only */
			float: left;
			width: 460px;
			margin: 25px 0 20px 30px;
			_margin: 15px 15px;
		}
		#rightw {		/* welcome page only */
			/*width: 145px;*/
			float: right;
			margin: 30px 0;
			padding-right: 15px;
		}
		#left {
			float: left;
			width: 450px;
			_width: 445px;
			margin: 10px 0 20px 25px;
			_margin: 5px 0 15px 20px;
			padding: 0;
		}
		
		#right {
			float: right;
			margin: 20px 0;
			padding-right: 35px;
		}
		#tips {
			width: 630px;
			margin: 20px 25px;
			_margin: 0px 25px;
			padding: 0 10px;
			_padding: 0 10px;
		}
		#cols {
			clear: both;
		}
		#footer {
			clear: both;
			width: 635px;
			padding: 0 32px;
			_padding: 10px 32px 0;
		}
		#t {
			width: 701px;
			height: 13px;
			background: url(images/body_t.gif) no-repeat top;
			}
		#b {
			width: 701px;
			height: 18px;
			background: url("images/body_b.gif") no-repeat bottom;
			}
/* ================================== END main content areas and borders ===================================== */

/* ============================== MAIN MENU ======================================*/
		#menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#menu ul li {
			float: left;
			padding: 0;
			margin: 0;
		}
		#menu ul li a{
			display: block;
			padding: 7px;
			margin: 0 11px;
			font: bolder 11pt Verdana, serif;
			color: #fff;
			text-decoration: none;
		}
		#menu a:hover{
			text-decoration: underline;
		}
		#current {
			background: url(images/menu_tab.gif) no-repeat bottom;
			position: relative;
			bottom: -1px;
			left: 0;
		}
		#current a:hover{
			text-decoration: none;
		}
		#current2 {
			background: url(images/menu_tab2.gif) no-repeat bottom;
			position: relative;
			bottom: -1px;
			left: 0;
		}
		#current2 a:hover{
			text-decoration: none;
		}
		#current3 {
			background: url(images/menu_tab_s.gif) no-repeat bottom;
			position: relative;
			bottom: -1px;
			left: 0;
		}
		#current3 a:hover{
			text-decoration: none;
		}
		#current a, #current2 a, current3 a {
			cursor: default;
		}
		
/* ============================END main menu ============================================== */
/* ========================================== range of services box / services menu ========================================= */
		#range {
			height: 115px;
		}
		#range ul{
			margin: 0;
			padding: 0;
		}
		#range ul li {
			list-style: none;
			float: left;
			}
		#range ul li a {		/* =============== Welcome page only! ================== */
			display: block;
			width: 88px;
			padding: 75px 0px 5px;
			margin: 0 11px;
			text-decoration: none;
			text-align: center;
			font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #364297;
		}
		.imgmenu {
			display: block;
			width: 88px;
			padding: 75px 0px 0;
			margin: 0 18px !important;  /* !!! */
			text-decoration: none;
			text-align: center;
			font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #364297;
		}
		.imgTipsMenu {
			display: block;
			width: 88px;
			padding: 60px 0px 5px;
			margin: 0 18px !important;  /* !!! */
			text-decoration: none;
			text-align: center;
			font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #364297;
		}
		#range ul li a:hover {
			font-size: 10.3pt;
			font-weight: bolder;
		}
		#plumb a:hover {
			background-position: 15px 10px;
		}
		#bathrooms a:hover {
			background-position: 0px 10px;
		}
		#wetrooms a:hover {
			background-position: 22px 0;
		}
		#handyman a:hover {
			background-position: -76px 7px;
		}
		#electrical a:hover {
			background-position: -55px 6px;
		}
		#decorating a:hover {
			background-position: 9px 0;
		}
		#currentservice {
			background-color: #F0F8FF !important;
			font-weight: bolder !important;
			font-size: 10.3pt !important;
			}
		/*#currentservice a:hover {
		
		}*/
		ul li#plumb a {
			background: transparent url(images/plumbmenu.gif) no-repeat -78px 10px;
			}
		ul li#bathrooms a {
			width: 95px;
			background: transparent url(images/basinmenu.gif) no-repeat -95px 10px;
			}
		ul li#wetrooms a {
			background: transparent url(images/wetroom.gif) no-repeat -55px 0;
			}
		ul li#handyman a {
			background: transparent url(images/tapemenu.gif) no-repeat 7px 7px;
			}
		ul li#electrical a {
			background: transparent url(images/electricalmenu.gif) no-repeat 20px 6px;
		}
		ul li#decorating a {
			background: transparent url(images/paintmenu.gif) no-repeat -65px 0;
		}
		
/* ============================ END range of services box / services menu ===================== */

/* ============================= flex box ==================================== */
		.box-t {
			background: url(images/dot.gif) 0 0 repeat-x;
			width: 100%;	/* ======== size here ========== */
			clear: both;
			}
		.box-b {
			background: url(images/dot.gif) 0 100% repeat-x;
			clear: both;
			}
		.box-l {
			background: url(images/dot.gif) 0 0 repeat-y;
			clear: both;
			}
		.box-r {
			background: url(images/dot.gif) 100% 0 repeat-y;
			clear: both;
			}
		.box-bl {
			background: url(images/box-bl.gif) 0 100% no-repeat;
			clear: both;
			}
		.box-br {
			background: url(images/box-br.gif) 100% 100% no-repeat;
			clear: both;
			}
		.box-tl {
			background: url(images/box-tl.gif) 0 0 no-repeat;
			clear: both;
			}
		.box-tr {
			background: url(images/box-tr.gif) 100% 0 no-repeat;
			padding: 0 5px 0px;	/* =============== padding here =============== */
			text-align: left;
			clear: both;
			}
/* ============================ //flex box ==================================== */
		.bxt {
			position: relative;
			top: -10px;
			left: 15px;
			font: bolder 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: White;
			color: #364297;
			padding: 0 5px;
			}
/* =============================== testimonials - welcome page (3cols) =================================== */
		#tms3 {
			position: relative;
			top: -10px;
			left: 0;
			padding: 5px;
			height: 137px;
			_height: 88px;
			margin: 0;
		}
		#tms3 li {
			display: block;
			width: 135px;
			_width: 131px;
			float: left;
			margin: 5px 6px 15px 5px;
			font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #364297;
			background-color: #F0F8FF;
		}
		#tms3 li p {
			text-align: right;
			margin: 5px 3px 0;
		}
		#tms3 li a {
			text-decoration: none;
		}
		/* ========================= testimonials eslewhere (4 cols) ==================================*/
		#tms {
			/*position: relative;
			top: -10px;
			left: 0;*/
			padding: 5px;
			/*height: 150px;
			_height: 88px;*/
			clear: both;
			margin: 0;
			_margin-bottom: 8px;
		}
		#tms div {
			width: 187px;
			_width: 183px;
			float: left;
			margin: 0px 8px 0;
			font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #364297;
			text-align: justify;
		}
		#tms div p {
			text-align: right;
			margin-bottom: 0;
		}
		
		#tms div a {
			text-decoration: none;
			display: block;
		}
		#tms div a:hover {
			background-color: #F0F8FF;
		}
		#clr  {
			clear: both;
			display: block;
			margin: 0;
			background-color: White;
		}
		/* ======================================= footer ======================================= */
		.email {
			font: 600 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			margin: 25px 0 30px 75px;
		}
		.phnum {
			margin: 0 0 35px;
			font: bolder 17pt Verdana, sans-serif;
			color: #364297;
		}
		.phnumS {
			clear: both;
			margin: 30px 0 35px;
			font: bolder 17pt Verdana, sans-serif;
			color: #364297;
		}
		#phone img {
			margin: 0 20px 0 90px;
		}
		#mobile img {
			margin: 0 20px 0 25px;
		}
		#map {
			height: 140px;
			padding: 0 0 0 55px;
		}
		#map img {
			float: left;
		}
		#zones {
			float: left;
			font: 11pt Verdana, sans-serif;
			color: #364297;
			width: 200px;
			margin: 10px 30px 15px;
		}
		#zones div {
			padding: 15px 0;
		}
		#full {
			width: 40px;
			float: left;
			color: #81adc1;
			background-color: #81adc1;
			margin-right: 5px;
		}
		#day {
			width: 40px;
			float: left;
			color: #cfdce8;
			background-color: #cfdce8;
			margin-right: 5px;
		}
		#address {
			font: 11pt/16pt Verdana, sans-serif;
			color: #364297;
			margin: 1px 0 30px 200px;
			width: 150px;
			float: left;
		}
		/* =========================== contact form =========================== */
		#email, #message {
			font: 11pt Verdana, sans-serif;
			color: #364297;
			padding: 0 15px 30px;
		}
		#email {
			float: left;
			margin-right: 35px;
			_padding-top: 17px;
		}
		#submit {
			margin: 15px 0 5px 107px;
			_margin: 10px 0 0 100px;
		}
		.input {
			margin: 16px 0 23px;
			_margin: 17px 0;
		}
		.qform {
			text-align: center;
		}
		/* ========================= tips listing =============================== */
		.item {
			font: 600 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			list-style: decimal outside;
			/*line-height: 40px;*/
		}
		.subitem {
			font: 500 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			list-style: lower-roman;
			margin: 20px 0;
		}
		.tips {
			font: 500 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;/* #364297 */
			margin: 10px 0;
			list-style: disc outside;
		}
		.tips li {
			margin: 5px 0;
		}
		/* ======================================= rollover images ================================================ */
		#left-slide {
			position: relative;
			bottom: 10px;
			float: left;
			width: 150px;
			_width: 145px;
			margin: 20px 0 20px 20px;
			_margin: 15px 0 15px 15px;
			padding-left: 25px;
		}
		#txtbox {
			font: 16px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
			text-align: center;
		}
		#txtbox a {
			display: block;
			color: Blue;
			font: bolder 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
			margin-bottom: -13px;
		}
		#b2 {
			width: 233px;
			padding: 0;
			margin: 0;
		}
		#b2 a {
			display: block;
			width: 231px;
			height: 210px;
			background: url(images/chris_slider.jpg) 0 0 no-repeat;
			cursor: default;
		}
		#b2 a:hover { 
			background-position: -231px 0;
		}
		#b1 a {
			display: block;
			width: 173px;
			height: 309px;
			background: url(images/robert_slider.jpg) 0px 0px no-repeat;
			cursor: default;
		}
		#b1 a:hover { 
			background-position: -175px 0;
		}
		/* ================================================ references ==================================================== */
		.refs {
			padding: 10px 15px 10px 0;
			text-align: justify;
			margin: 0 0 0 23px;
			_margin: 0 0 0 20px;
		}
		.refs p {
			text-align: right;
			margin: 3px 0 23px;
		}
		.namespc {
			text-align: right;
			margin: 0 5px;
		}
		/* ====================== FAQ ================================== */
		#faqs {
			padding: 10px 40px;
			text-align: justify;
			font: 600 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			margin: 0 15px 0 23px;
			_margin: 0 15px 0 20px;
		}
		#faqs p {
			margin: 3px 15px 23px;
			font: 500 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		#ftln {
			margin: 20px 120px 0;
		}
		.ftln {
			display: inline;
			list-style: none;
			margin: 0 50px;
		}
		#ftln a {
			color: #A9A9A9;
			text-decoration: none;
		}
		#sitemap {
			margin: 10px 80px 20px;
		}
		#sitemap li {
			margin: 10px;
		}
		#partners {
			margin: 10px 25px 10px 15px;
		}
		#partners li {
			margin: 10px 0;
		}.dcor {
			font: 500 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: black;
			list-style-type: square;
			list-style-position: outside;
			margin-left: 30px;
			padding: 0;
}
/* ========================================================================== */
/* =========  TIPS AND IDEAS SUBMENU  ======================================= */

.tips_submenu {
	display: block;
	float: left;
	width: 210px;
	text-decoration: none;
	text-align: center;
	height: 30px;
}
.tips_submenu a:hover {
	background: url(images/tips_menu_tab.gif) no-repeat;
	font-size: 10.3pt;
	font-weight: bolder;
}
.tips_submenu a {
	display: block;
	width: 205px;
	height: 30px;
	padding-top: 5px;
	font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #364297;
	text-decoration: none;
}
#current_tips_submenu a {
	background: url(images/tips_menu_tab.gif) no-repeat;
	font-size: 10.3pt !important;
	font-weight: bolder !important;
	cursor: default;
}
#current_tips{
	background: url(images/tips_submenu_gradient.gif) repeat-x top;
	clear: both;
	padding-top: 30px;
	padding-left: 13px;
	margin: -5px 0 30px 2px;
	width: 610px;
	font: 500 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.tip_text{
	width: 605px;
	/*margin-left: 15px;*/
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: thin solid Gray;
}
.float_left{/* ============= with padding for the images ==================*/
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	padding-top: 4px;
}
.float_right {/* ============= with padding for the images ==================*/
	float: right;
	margin-left: 5px;
	margin-top: 15px;
}

/* ====CSS code moved off the pages by CyclamSoft as a SEO measure====*/

#bot_content {
  padding: 12px 30px 5px 30px;
  text-align: justify;
  font-family: "Bitstream Vera Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #707070;
}

#bot_content a:link, #bot_content a:visited {
  color: #303030;
  text-decoration: none;
}

#bot_content a:hover {
  text-decoration: underline;
}