/* CSS Document */

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

p {
	line-height: 1.4em;
}

ul {
	margin: 0px;
	padding: 0px;
}

	ul li {
		line-height: 1.4em;
	}

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

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

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

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

a img {
	border: none;
}

h1 {
	font-size: 2.0em;
	margin: 0px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #990000;
	padding: 0px;
	font-style: italic;
}

h2 {
	font-size: 1.5em;
	color: #003399;
	font-weight: normal;
}

/* Container Styles
--------------------------------------------------------------- */

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 980px;
		position: absolute;
		z-index: 1;
		background: url(../../images/misc/contentBg.png) bottom repeat-x;
		top: 266px; /* Same as height of header */
	}
	
		#main-sidebar {
			float: right;
			width: 655px;
		}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 435px;
			padding: 0px 10px;
		}
			
			#main ul {
				padding-left: 30px;
			}
		
		#map {
			width: 660px;
			height: 200px;
		}
		
		#cta-bottom {
			background: #990000;
			color: #fff;
			clear: both;
			text-align: center;
			font-size: 1.6em;
			padding: 5px;
			margin: 10px 0px 10px 0px;
		}
		
			#cta-bottom p {
				margin: 0px;
				padding: 0px;
			}
			
				#cta-bottom strong {
					color: #FFFF00;
					font-size: 1.3em;
					letter-spacing: -1px;
				}

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 182px;
			border: 1px solid #d1e4be;
			padding: 5px;
			background: url(../../images/misc/sidebar-bg.png);
		}
		
			#sidebar #certPic {
				margin-top: 5px;
			}
		
			#sidebar h2 {
				background: #003399;
				margin: 0px;
				padding: 0px;
				text-align: center;
				color: #fff;
				font-size: 1.4em;
				padding: 3px 0px;
			}
			
			#sidebar img {
				border: 1px solid #ccc;
				margin: 0px;
			}
			
			#sidebar .linebottom {
				border-bottom: 1px dotted #ccc;
				padding: 0px 0px 5px 0px;
				font-size: 1.4em;
				margin: 0px 0px 10px 0px;
				text-align: center;
			}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 980px;
	height: 264px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}

	#logo {
		width: 329px;
		height: 264px;
		float: left;
	}
	
	#header-left {
		width: 331px;
		height: 264px;
		float: left;
		font-size: 1px;
		background: #a2b492;
	}
	
		#flashSlideshow, #flashKitchensBathrooms {
			font-size: 1px;
			display: none;
			z-index: 3;
			position: absolute;
			left: 329px;
			top: 0px;
			background: url(../../images/misc/flashSlideshowBackup.jpg) no-repeat;
		}
		
		#flashKitchensBathrooms {
			background: url(../../images/misc/flashSlideshowBackup2.jpg) no-repeat;
			z-index: 10;
		}
		
		
		#mainImg-central-heating, #mainImg-underfloor-heating, #mainImg-energy, #mainImg-commercial-heating, #mainImg-gas-fires, #mainImg-gas-safety, #mainImg-power-flush {
			display: none;
			z-index: 1;
			position: absolute;
			left: 329px;
			top: 0px;
		}
		
		#index #flashSlideshow,
		#certifications #flashSlideshow,
		#help-advice #flashSlideshow,
		#thankyou #flashSlideshow,
		#contact #flashSlideshow,
		#central-heating #mainImg-central-heating,
		#underfloor-heating #mainImg-underfloor-heating,
		#energy #mainImg-energy,
		#commercial-heating #mainImg-commercial-heating,
		#gas-fires #mainImg-gas-fires,
		#gas-safety #mainImg-gas-safety,
		#power-flush #mainImg-central-heating,
		#kitchens #flashKitchensBathrooms {
			display: block;
		}
		
		#topLogos {
			z-index: 3;
			position: absolute;
			left: 329px;
			top: 168px;
		}
			
	#header-right {
		float: right;
		width: 320px;
		height: 264px;
		background: #fff;
		text-align: center;
	} 
	
	#cta-top-right {
		width: 310px;
		float: right;
		height: 168px;		
		border-right: #a2b492 10px solid;
		font-size: 1.6em;
	}
	
		#cta-top-right .top {
			color: #990000;
			letter-spacing: -1px;
		}
	
		#cta-top-right p {
			margin: 0px;
			line-height: 30px;
			padding: 0px;
		}
		
		#cta-top-right img {
			margin-bottom: 8px;
		}
		
		#cta-top-right strong {
			font-size: 2.3em;
			font-weight: normal;
			color: #333;
			letter-spacing: -3px;
		}
		
	#nav-top-right {
		background: url(../../images/misc/nav-top-right-bg.png);
		width: 290px;
		height: 96px;
		float: right;
		margin: 0px;
		padding: 0px 0px 0px 30px;
		font-size: 1.4em;
	}
	
		#nav-top-right li {
			display: inline;
			float: left;
			list-style: none;
		}
		
			#nav-top-right li a {
				display: block;
				float: left;
				height: 31px;
				width: 130px;
				padding: 65px 0px 0px 0px;
				color: #fff;
				text-decoration: none;
			}
			
				#nav-top-right li a:hover {
					color: #FFFF00;
				}
				
				#nav-top-right li a.index-a {
					background: url(../../images/misc/nav-top-right-homebg.png) top center no-repeat;
				}
				
					#nav-top-right li a.index-a:hover {
						background: url(../../images/misc/nav-top-right-homebg-hover.png) top center no-repeat;
					}
					
					#index #nav-top-right li a.index-a {
						background: url(../../images/misc/topnavbg-on.jpg) top center no-repeat;
						font-weight: bold;
					}
				
				#nav-top-right li a.contact-a {
					background: url(../../images/misc/nav-top-right-contactbg.png) top center no-repeat;
				}
				
					#nav-top-right li a.contact-a:hover {
						background: url(../../images/misc/nav-top-right-contactbg-hover.png) top center no-repeat;
					}

					#contact #nav-top-right li a.contact-a {
						background: url(../../images/misc/topnavbg-on2.jpg) top center no-repeat;
						font-weight: bold;
					}


/* Vertical Navigation Styles
--------------------------------------------------------------- */

#nav-service {
	float: left;
	width: 320px;
}

#navigation {
	width: 320px;
	float: left;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation li {
			float: left;
			list-style: none;
		}
			  
			#navigation a {
				float: left;
				width: 275px;
				padding: 5px 0px 5px 35px;
				background: url(../../images/misc/nav-left-bg-a.png);
				margin-bottom: 2px;
				border-left: 10px solid #a2b492;
				text-decoration: none;
				color: #333;
			}
			
				#navigation .services {
					background: #bcd0a9 url(../../images/misc/nav-left-services.png) left no-repeat;
					margin-bottom: 2px;
					padding: 5px 10px 5px 40px;
					border-left: 10px solid #a2b492;
					font-style: italic;
					font-weight: bold;
					width: 260px;
				}

				#navigation a:hover {
					background: #eee;
					border-left: 10px solid #009933;
					color: #333;
				}
				
				#central-heating #navigation .central-heating,
				#underfloor-heating #navigation .underfloor-heating,
				#energy #navigation .energy,
				#commercial-heating #navigation .commercial-heating,
				#gas-fires #navigation .gas-fires,
				#gas-safety #navigation .gas-safety,
				#power-flush #navigation .power-flush,
				#kitchens #navigation .kitchens {
					background: url(../../images/misc/nav-top-right-bg.png);
					color: #FFFF00;
					font-weight: bold;
					border-left: 10px solid #FFCC00;
				}
				
#service-benefits {
	float: left;
	background: url(../../images/misc/service-benefits-bg.png) repeat-x #bdb8da;
	width: 308px;
	padding: 5px;
	font-size: 1.2em;
	border: 1px solid #8071ce;
	margin-bottom: 2px;
}

	#service-benefits h2 {
		margin: 0px;
		font-size: 1.3em;
		padding: 0px 0px 10px 0px;
	}

	#service-benefits ul {
		padding-left: 30px;
	}
	
	#service-benefits .callFree {
		font-size: 1.5em;
		letter-spacing: -1px;
		margin: 0px;
		padding: 5px 0px 0px 0px;
	}

#callback {
	float: left;
	width: 308px;
	padding: 5px;
	border: 1px dotted #ccc;
	background:url(../../images/misc/sidebar-bg.png) right repeat-y;
}

	#callback h2 {
		margin: 0px;
	}
	
	#contact #callback {
		display: none;
	}

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

#footer {
	clear: both;
	width: 978px;
	color: #333;
	background: url(../../images/misc/footerBg.png) top repeat-x #ebd9a6;
	font-size: 0.9em;
	border: 1px solid #b7a56f;
}
	
	#footer li {
		list-style: none;
	}
	
	#footer p {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color: #333;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #111;
		text-decoration:underline;
	}

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

	#footer #footer-services {
		float: right;
		width: 250px;
		background: url(../../images/misc/footerBg-line.png) left no-repeat;
		text-align: right;
	}
	
		#footer #footer-services ul li {
			float: right;
		}
	
		#footer #footer-services ul li a {
			float: left;
			width: 246px;
			padding: 1px 2px;
		}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: right;
		width: 150px;
	}
	
		#footer #footer-areas ul li a {
			float: right;
			width: 146px;
			padding: 1px 2px;
		}
		
/* Footer Right Styles
--------------------------------------------------------------- */	

	#footer #footer-right {
		float: right;
		width: 190px;
	}
	
		#footer #footer-right ul li {
			float: right;
		}
	
		#footer #footer-right ul li a {
			float: right;
			width: 130px;
			padding: 3px 5px;
		}
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 970px;
		clear: both;
		padding: 5px;
		text-align: center;
		float: left;
	}
	
/* Footer W3C Styles
--------------------------------------------------------------- */	

	#footer #footer-w3c {
		width: 970px;
		clear: both;
		padding: 5px;
		float: left;
		text-align: center;
	}
	
		#footer #footer-w3c li {
			list-style: none;
			display: inline;
		}
	
	#footer #5dDesign {
		width: 970px;
		clear: both;
		padding: 5px;
		text-align: center;
		float: left;
	}

/* Image Styles
--------------------------------------------------------------- */

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

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Contact Table Styles
--------------------------------------------------------------- */

	

	#callback2 #botBuster2, #contactTable #botBuster {
		display: none;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.strong {
	font-weight: bold;
	cursor: default;
}

	.strong:hover {
		text-decoration: none;
	}
	
.contactUs {
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

#certifications #certifications-cta {
	display: none;
}