/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/mainBg.jpg) top repeat-x #fff;
	margin-top: 5px;
}

a:link, a:visited, a:focus {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2.0em;
	color: #323363;
	margin: 0px 0px 5px 0px;

}

h2 {
	color: #990000;
	font-size: 1.5em;
	padding-left: 20px;

}

p {
	padding-left: 20px;
	font-size: 1.2em;
	text-align: justify;
}

.breakPadding {
	padding: 0px;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 760px;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#header {
	width: 760px;
	height: 125px;
	font-size: 1px;
	border-bottom: 2px solid #fff;
}

#navHolder {
	width: 760px;
}

#flashSlideshow {
	width: 760px;
	height: 200px;
}

#contentContainer {
	width: 760px;
	padding-top: 30px;
	float: left;
}

#contentLeft {
	float: left;
	width: 253px;
}

#central-heating-slide {
	padding-top: 10px;
}

#contentLeft-text {
	padding: 20px;
}

#contentRight {
	float: right;
	width: 500px;
}

#contentRight2 {
	float: right;
	width: 480px;
}

#contentRight2 p {
	padding: 10px 0px;
	margin: 0px;
}

#contentRight-text {
	padding: 0px 110px 0px 10px;
}

#contentRight-text2 {
	padding: 0px 40px 0px 40px;
}

#alignCentre {
	float: left;
	text-align: center;
	width: 760px;
	padding: 5px 0px;
}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	
}

#navigation ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}

#navigation li {
	display: inline;
	margin: 0px;
}
	  
#navigation a {
	width: 151px;
	float:left;
	border-bottom: 1px solid #000;
	height: 102px;
	color: #000;
    text-decoration:none;
	text-align: center;
	padding: 2px 0px 2px 0px;
	font-size: 1.1em;
	border-right: 1px solid #000;
}

#navigation a:hover {
}

body #navigation .home {
	background: url(../../images/nav-home.jpg) bottom no-repeat #9999cc;
}

body #navigation a:hover.home {
	width: 151px;
	border-bottom: 1px solid #000;
	color: #fff;
	background: url(../../images/nav-home-hover.jpg) bottom no-repeat #FF0000;
}

body #navigation .central-heating {
	background: url(../../images/nav-central-heating.jpg) bottom no-repeat #9999cc;
}

body #navigation a:hover.central-heating {
	width: 151px;
	border-bottom: 1px solid #000;
	color: #fff;
	background: url(../../images/nav-central-heating-hover.jpg) bottom no-repeat #FF0000;
}

body #navigation .service-repairs {
	background: url(../../images/nav-service-repairs.jpg) bottom no-repeat #9999cc;
}

body #navigation a:hover.service-repairs {
	width: 151px;
	border-bottom: 1px solid #000;
	color: #fff;
	background: url(../../images/nav-service-repairs-hover.jpg) bottom no-repeat #FF0000;
}

body #navigation .plumbing {
	background: url(../../images/nav-plumbing.jpg) bottom no-repeat #9999cc;
}

body #navigation a:hover.plumbing {
	width: 151px;
	border-bottom: 1px solid #000;
	color: #fff;
	background: url(../../images/nav-plumbing-hover.jpg) bottom no-repeat #FF0000;
}

body #navigation .contact {
	border: none;
	width: 152px;
	border-bottom: 1px solid #000;
	background: url(../../images/nav-contact.jpg) bottom no-repeat #9999cc;
}

body #navigation a:hover.contact {
	border: none;
	width: 152px;
	border-bottom: 1px solid #000;
	color: #fff;
	background: url(../../images/nav-contact-hover.jpg) bottom no-repeat #FF0000;
}

/* Footer Styles
--------------------------------------------------------------- */

.areasCovered {
	float: left;
	width: 760px;
	border-bottom: 1px solid #9999cc;
	border-top: 1px solid #9999cc;
	background: #ccccff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 2px 0px;
	font-size: 0.8em;
	margin: 0px 0px 2px 0px;
}

.areasCovered p {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#footer {
	float: left;
	width: 740px;
	padding: 10px 10px 20px 10px;
	color: #fff;
	background: #333366;
	font-size: 1.1em;
}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		color: #888;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 0px;
	padding: 0px;
}
	ul#footerDetails li {
		display:block;
	}
	
ul#footerW3C {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
	ul#footerW3C li {
		display: block
	}



/* Class Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.img-left {
	border: 1px solid #fff;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	border: 1px solid #fff;
	float: right;
	margin: 0px 0px 10px 10px;
}

.img-leftNB {
	border: none;
	float: left;
	margin: 0px 10px 10px 0px;
}


.img-rightNB {
	border: none;
	float: right;
	margin: 0px 0px 10px 10px;
}

#logo {
	width: 200px;
	height: 100px;
	float: left;
}

.strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.list-left {
	float: left;
	font-size: 1.1em;
	margin: 0px;
}

.list-right{
	font-size: 1.1em;
	float: right;
	margin: 0px;
}

.plumbing-list {
	font-size: 1.2em;
}

.contactTable {
	padding: 5px;
	font-size: 1.2em;
	width: 100%;
}

.contactTable td {
	padding: 0px 10px;
}

.width {
	width: 400px;
	text-align: right;
}

.formbutton {
	background: #cc0000;
	padding: 5px 0px;
	width: 288px;
	color: #fff;
}


/* SEO--------------------------------------------
*/

#bottom-links {
	margin-top: 50px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#bottom-links ul{
	list-style:none;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;	
}
#bottom-links li{
	display: inline;
}
#bottom-links a{
	padding: 5px 10px;
	color: #666;
	font-size: 10px;
}#bottom-keywords{
font-size: 9px;
color:#CCCCCC;
width: 740px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
padding-top:10px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.h2-no-padding{
padding-left: 0px;
}