/* ********************* GENERAL ********************* */

body {
	background-color: #fff;
	color: #4a4a4a;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	margin: 0;
}

	.floatleft {float: left;}
	.floatright {float: right;}
	.clearboth {clear: both;}
	
	.left {text-align: left;}
	.right {text-align: right;}
	.center {text-align: center;}
	.justify {text-align: justify;}
	
	.black {color: #000;}
	.dark-grey {color: #4a4a4a;}
	.grey {color: #666;}
	.light-grey {color: #cfcfcf;}
	.blue {color: #234c9c;}
	.red {color: #b53d47;}
	.white {color: #fff;}
	
	.small {font-size: 11px;}
	.standard {font-size: 12px;}
	.large {font-size: 14px;}
	.larger {font-size: 16px;}
	.largest {font-size: 26px;}
	
	.bold {font-weight: bold;}
	.normal  {font-weight: normal;}
	.italic {font-style: italic;}
	
	.underline {text-decoration: underline;}
	
	.line-height {line-height: 20px;}

	a {text-decoration: none;}
	
	img {border: 0;}
	
	#site-message {display: none;}

	#container-header {background-color: #fff;}
	
	#container-content {
		background-color: #efefef;
		padding: 45px 0 20px 0;
	}

	.wrapper {
		margin: 0 auto;
		position: relative;
		width: 960px;
	}
	
		.columnleft {width: 420px;}
		
		.columnright {width: 500px;}
		
			.columnright p:first-child {margin-top: 10px;}

/* ********************* HEADER ********************* */
	
	#header {
		height: 150px;
		position: relative;
	}
	
		#logo {margin: 32px 200px 0 0;}
	
		.fb-like {
			position: absolute;
			top: 32px;
		}
	
		#contact-info {padding-top: 30px;}
	
		#menu {
			background-color: #e3ebf9;
			border: 1px solid #bed1f1;
			border-radius: 10px;
			-moz-border-radius: 10px; /* Firefox */
			-webkit-border-radius: 10px; /* Chrome and Safari */
			-o-border-radius: 10px; /* Opera */
			box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1);
			-moz-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Firefox */
			-webkit-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Chrome and Safari */
			-o-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Opera */
			margin-bottom: 10px;
			overflow: hidden;
			position: absolute;
			top: 120px;
			width: 960px;
		}
		
			#menu a {
				border-left: 1px solid #fff;
				border-right: 1px solid #bed1f1;
				display: block;
				padding: 20px 30px;
			}
			
			#menu a:hover {
				background-color: #234c9c;
				box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1);
				-moz-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Firefox */
				-webkit-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Chrome and Safari */
				-o-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Opera */
				color: #efefef;
			}
			
			#menu a:first-child {
				border-left: 0 !important;
				border-radius: 10px 0 0 10px;
				-moz-border-radius: 10px 0 0 10px; /* Firefox */
				-webkit-border-radius: 10px 0 0 10px; /* Chrome and Safari */
				-o-border-radius: 10px 0 0 10px; /* Opera */
			}
			
			#menu a:last-child {border-right: 0 !important;}

/* ********************* FOOTER ********************* */

	#footer {padding: 20px 0 40px 0;}
	
		.company-details {margin: 10px 0;}
		
		.footer-icons img {margin-left: 10px;}
		
		#twitter-feed {
			background-color: #e3ebf9;
			box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1);
			-moz-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Firefox */
			-webkit-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Chrome and Safari */
			-o-box-shadow: inset 0 30px 20px rgba(255, 255, 255, 0.1); /* Opera */
			clear: both;
			margin-top: 19px;
			padding: 5px 30px;
			position: relative;
		}
		
			#twitter-feed ul {
				list-style: none;
				padding: 0;
				width: 633px;
			}
			
			#twitter-feed a {
				color: #4a4a4a;
				font-weight: bold;
			}
			
			.twitter-follow-button {
				margin-top: -14px;
				position: absolute;
				right: 30px;
				top: 50%;
			}
		
/* ********************* HOME PAGE ********************* */

	#banner {
		border-radius: 10px;
		-moz-border-radius: 10px; /* Firefox */
		-webkit-border-radius: 10px; /* Chrome and Safari */
		-o-border-radius: 10px; /* Opera */
		height: 300px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	
		.banner-text {
			background-color: #b53d47;
			color: #fff;
			left: 0;
			position: absolute;
			padding: 10px 20px 10px 40px;
			top: 130px;
		}
	
	#home-feature img:first-child {margin-left: 0;}
	
	#home-feature img {margin: 14px 0 0 50px;}
	
	#credit-card-message {
		margin-top: 18px;
		width: 320px;
	}
	
	#gas-safe-message {padding-top: 20px;}

/* ********************* SERVICES ********************* */

	#services img {
		border: 10px solid #fff;
		margin-left: 30px;
	}
	
/* ********************* BOILER MAINTENANCE ********************* */

	#boiler-maintenance img {
		border: 10px solid #fff;
		margin-left: 30px;
	}
	
/* ********************* TESTIMONIALS ********************* */

	.testimonial {
		border-bottom: 1px solid #fff;
		padding: 10px 0;
	}
	
/* ****************** CONTACT ****************** */

	#contact-form .validation {
		background-color: #b53d47;
		margin-bottom: 10px;
		padding: 10px;
	}

	#contact-form label {
		float: none;
		font-size: 13px;
		font-weight: bold;
		width: 395px;
	}
	
	#contact-form input[type=text], #contact-form input[type=file], #contact-form select, #contact-form textarea {
		border: 1px solid #e4e4e4;
		border-radius: 2px;
		-moz-border-radius: 2px; /* Firefox */
		-webkit-border-radius: 2px; /* Chrome and Safari */
		-o-border-radius: 2px; /* Opera */
		box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.10); /* Firefox */
		-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.10); /* Chrome and Safari */
		-o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.10); /* Opera */
		margin: 0 0 10px 0;
		padding: 7px 9px 7px 9px;
		width: 400px;
	}
	
	#contact-form select {width: 419px;}
	
	#contact-form textarea {
		height: 139px;
		width: 480px;
	}
	
	#contact-form input#captcha {width: 480px;}
	
	#contact-form input[type=submit] {
		background-color: #234c9c;
		border: 0;
		border-radius: 3px;
		-moz-border-radius: 3px; /* Firefox */
		-webkit-border-radius: 3px; /* Chrome and Safari */
		-o-border-radius: 3px; /* Opera */
		box-shadow: inset 0 30px 20px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 30px 20px rgba(0, 0, 0, 0.1); /* Firefox */
		-webkit-box-shadow: inset 0 30px 20px rgba(0, 0, 0, 0.1); /* Chrome and Safari */
		-o-box-shadow: inset 0 30px 20px rgba(0, 0, 0, 0.1); /* Opera */
		color: #cfcde2;
		cursor: pointer;
		display: block;
		padding: 12px;
		width: 130px;
	}
	
	#contact-form input[type=submit]:hover {background-color: #b53d47;}
	
/* ********************* COOKIE POLICY ********************* */

	#cookie-information {
		background-color: #fff;
		padding: 10px;
	}
	
	#cookie-information th, #cookie-information td {
		padding: 10px;
	}
	
		.cookie-name {width: 100px;}