@charset "utf-8";
/*
---------------------------------------------
| 											|
| 	1. External Includes					|
| 	2. General Style Rules					|
| 		2.1 Headings						|
| 		2.2 Lists							|
| 		2.3 Links							|
| 		2.4 ../images                          |
| 		2.5 Tables	                        |
|		2.6 iframe   						|		
| 											|
| 	3. General Layout Rules					|
| 											|
| 	4. MastHead								|
| 		4.1 Logo							|
| 		4.2 Primary Navigation				|
| 		4.3	Banner							|
| 											|
| 	5. Page Content							|
| 		5.1 Primary Content					|
| 		5.2 Secondary Content				|
|			5.2.1	Secondary Navigation	|
| 											|
| 	6. Page Footer							|
| 											|
| 	7. Misc Rules							|
| 		7.1 Clearing						|
| 											|
---------------------------------------------
*/

/* 1. External Includes 
============================================================ */
/* Tripoli Typography Stylesheet and CSS Reset */
@import url('tripoli.simple.css');
/* font import */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
	font-family: 'ComfortaaRegular';
	src: url('../font/Comfortaa_Regular-webfont.eot');
	src: local('☺'), url('../font/Comfortaa_Regular-webfont.woff') format('woff'), url('../font/Comfortaa_Regular-webfont.ttf') format('truetype'), url('../font/Comfortaa_Regular-webfont.svg#webfontBAjBLipc') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 2. General Style Rules	
============================================================ */
/*  2.1 Headings	*/

* {
	margin:0 0;
	padding:0 0;
}

h1, h2, h3 {
	color:#00a5df;
	font-family:'ComfortaaRegular';
	font-size:2.5em;
}

h2 {
}

h1 {
	line-height:1.3em;
	margin-bottom:0.5em;
}
h2, h3 {
	line-height:2.5em;
}

h3.much-more {
}

#intro h2 {
	color:#FFFFFF;
	font-size:4.5em;
	line-height:96px;
}

/*  2.2 Text		*/
p, #about #content li {
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
/*	2.3 Lists		*/
/* 	2.4 Links		*/
#nav ul {
	font-size:1.4em;
	padding-top:20px;
	padding-left:10px;
	
}
#nav li {
	display:inline;
	padding-right:5px;
	padding-left:5px;
}
#nav li a {
	text-decoration:none;
	color:#000000;
}
#nav li a:hover {
	color:#00a5df;
}
a.text-link {
	color:#000000;
}
a.text-link:hover {
	color:#00a5df;
}

/*	2.5 ../images		*/
/*	2.6 Tables 		*/
/*	2.7 iframe 		*/

/* 3. General Layout Rules
============================================================ */
html {
	background:#cbe9f4;
}
#container {
	width:979px;
	margin:0 auto;
	padding-top:20px;
}
#nav {
	height:50px;
	background:url(../images/navigationbg.png);
	border-bottom:#00a5df solid 5px;
}
#intro {
	width:960px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px;
}
#about #intro {
	width:949px;
	height:96px;
	background:url(../images/innerpagegrad.jpg);
	padding:0px;
	padding-left:30px;	
}
#intro-left{
	float:left;
	width:380px;	
}
#intro-left #readmore {
	width:80px;
	height:32px;
	background:-6px -8px no-repeat url(../images/sprite.png);
	float:right;
}
#intro-right{
	float:right;
	width:561px;
	height:250px;
	margin-top:7px;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	margin-right:-10px;
}
#intro-right img {
	margin-left:7px;
	margin-top:7px;
}
#content {
	width:919px;
	margin:0 auto;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	background:url(../images/maincontentgrad.jpg) repeat-x #ffffff;
	padding-bottom:30px;
	border-bottom:5px solid #00A5DF;
}
#content-left {
	float:left;
	width:600px;
}
#content-left {
	margin-right:20px;
	width:580px;
}

.home-left {
	width:919px !important;
}

#home-bottom img {
	margin-right:30px;
	border:1px solid #00A5DF;
	margin-top:37px;
}

.home-call-us {
	width:450px !important;
}

#content-right {
	float:right;
	width:305px;
}
#about #content-right {
	border-left:#D3D3D3 solid 1px;
	margin-top:35px;
	padding-left:10px;
	
}

ul#services {
	display:block;
	width:260px;
	height:auto;
}

ul#services li {
	padding:18px 0px;
	color:#00A5DF;
	font-weight:bold;
	border-bottom:1px dotted #00A5DF;

}

ul#services li:first-child {
	border-bottom:1px dotted #00A5DF;
}

ul#qualifications li {
	margin-top:10px;
	font-size:1em;
	color:#000;
}


 ul#services li:last-child, ul#qualifications li  {
	 border-bottom:1px dotted #00A5DF;
 }
 
.testimonial {
	height:110px;
	clear:both;
}

.testimonial p {
	line-height:1.225em;
}

/* 4. MastHead
============================================================ */
#masthead .contact-info {
	font-size:2.5em;
	color:#00a5df;
	text-align:right;
	height:101px;
	background:url() left no-repeat;
	padding:0px;
	margin-bottom:10px;
	margin-top:20px;
}
#masthead .contact-info em {
	font-size:0.9em;
	font-style:normal;
	color:#000000;
}

/* 5. Page Content		
============================================================ */

#content-right .service-1 {
	width:43px;
	height:43px;
	background:-8px -204px no-repeat url(../images/sprite.png);
	float:left;
	padding-right:10px;
}
#content-right .service-2 {
	width:45px;
	height:44px;
	background:-7px -260px no-repeat url(../images/sprite.png);
	float:left;
	padding-right:10px;
}
#content-right .service-3 {
	width:44px;
	height:38px;
	background:-8px -322px no-repeat url(../images/sprite.png);
	float:left;
	padding-right:10px;
}
#lower-content {
	padding-top:50px;
	background:url(../images/contentdivider.jpg) top center no-repeat;
}
#content .testimonial {
	background:url(../images/test.png) no-repeat left top;
	float:left;
	padding-left:60px;
	width:400px;
}
#about #content .testimonial {
	width:235px;
	padding-right:10px;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:8px;
}
#content #contact-today {
	float:right;
	width:290px;
	background-color:#E3E3E3;
	padding:10px;
}
#about #content #contact-today {
	float:right;
	width:280px;
	background-color:#E3E3E3;
	padding:10px;
}
#content #contact-today-image  {
	width:75px;
	height:52px;
	background:url(../images/sprite.png) -8px -53px no-repeat;
	float:left;
	padding-right:10px;
}
.header {
	color:#00a5df;
	font-weight:bold;
	
	
}

	

#contactform label {
	width:150px;
	float:left;
	text-align:right;
	font-size:1.3em;
	padding-top:10px;
}
#contactform input, #contactform textarea {
	width:300px;
	font-size:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	margin:5px;
	float:left;
}
#contactform textarea {
	height:100px;
}
#contactform #submit {
	margin-left:155px;
	width:100px;
	height:25px;
	padding-top:2px;
}
#gas-safe {
	width:420px;
	float:right;
}
#gas-safe p {
	padding-left:30px;
	float:right;
	padding-right:30px;
}

/* 6. Page Footer		
============================================================ */
#footer {
	padding-top:10px;
	font-size:0.8em;
	text-align:center;
}

/* 7. Misc Rules		
============================================================ */
.clear-left {clear:left;} .clear-right{clear:right;} .clear-both{clear:both;} 
.left {float:left; margin-right:15px; margin-top:24px; border:solid 1px #00A5DF;} .right{float:right; border:solid 1px #00A5DF; } 
.services-left {float:left; margin-right:15px; margin-top:4px; border:solid 1px #00A5DF;} .right{float:right; border:solid 1px #00A5DF; } 
.services-bottom-left {float:left; margin-right:15px; margin-top:64px; border:solid 1px #00A5DF;}
.services-right{float:right; border:solid 1px #00A5DF; margin-top:18.5px; } 
.home-right{float:right; border:solid 1px #00A5DF; margin-top:40px; position:relative; left:22px; }
#home-bottom { width:979px !important; clear:both; }
.both{float:both;} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.error { color:#FF0000; }

p {
	line-height:1.355em;
}


ul#services {
	float:right;
	margin-top:10px;
	
}

ul#qualifications {
	width:200px;
	float:left;
	
}

ul.expertise {
	border:1px double #00A5DF;
	margin-left:25px;
	background-color:#f8fcfe;
	font-size:1.155em;
	margin-top:34px;
}


.expertise li {
	border:none !important;
	text-transform:uppercase;
	text-align:center;
	color:#586164 !important;
	font-weight:lighter !important;

}

ul#qualifications li {
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	clear:both;
	font-weight:bold;
	color:#00A5DF;
	line-height:1.255em;
	border-bottom:1px dotted #00A5DF;
}

p.service_under {
	clear:both;
	padding-top:10px;
	line-height:1.355em;
	

}

#masthead {
	color:#888989;
}

p.contact-info {
	letter-spacing:-1px;
	font-weight:bold;
}

#masthead {
	height:130px;
}
.logo {
	float:left;
	margin-left:-3px !important;
	margin-top:8px;
}

p {
	line-height:1.121em;
	color:#000;
}

a, a:link,
a:visited, a:active {
	color:#00A5DF;
}

#footer p {
	font-weight:400;
}

#intro-left a {
	font-weight:bold;
}

#slideshow {
	height:250px;
}

.lower-content-testimonial {
	background:url(../images/test.png) no-repeat 0 0;
	width:845px;
	height:100px;
	padding-left:60px;

}

.lower-content-testimonial h3 {
	color:#000 !important;
	float:right;
	margin-right:8px;

}