@charset "utf-8";
/* Created by Jonathan Moore for West-Midlands-Media on 16/09/2008 */
a {text-decoration:none;}
/*Container Styles*/

body {
	background-color:#2d2b2b;
	margin:0 auto;
	padding:0;
}

#container {
	margin:20px auto;
	padding:0;
	display:block;
	clear:both;
	width:913px;
}

/*Header Styles*/

#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:913px;
	height:192px;
}

#header #tel {
	margin:65px auto auto 610px;
	padding:0;
	display:block;
	float:left;
	width:290px;
}

*html #header #tel{margin-left:305px;}

#header #mobile {
	margin:5px auto auto 610px;
	padding:0;
	display:block;
	float:left;
	width:290px;
}

*html #header #mobile{margin-left:305px;}

/*Content Styles*/

#content-container {
	background-image:url(../images/content-bg.jpg);
	background-repeat:repeat;
	margin:0 auto;
	padding:0;
	float:left;
	width:913px;
}

/*Navigation Styles*/

#navigation {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:237px;
	border-top:1px solid #4396b6;
}

#navigation ul {
	margin:0;
	padding:0;
	display:block;
}

#navigation ul li {
	margin:0;
	display:block;
	width:237px;
	height:31px;
	list-style-type:none;
	border-bottom:1px solid  #becbd1;
}

#navigation ul li a {
	background-image:url(../images/link-main-off.jpg);
	background-repeat:no-repeat;
	background-position:8% 50%;
	background-color:#6ea5bb;
	margin:0;		
	padding:8px 0 10px 35px;
	display:block;
	clear:both;
	width:202px;
	height:13px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#navigation ul li a:hover {
	background-image:url(../images/link-main-on.jpg);
	background-color:#05739e;
	background-repeat:no-repeat;
}

#navigation ul li a.current, #navigation ul li a.current:hover {
	background-image:url(../images/link-main-on.jpg);
	background-color:#05739e;
	background-repeat:no-repeat;
}

#navigation .sub-nav {
	width:237px;
	height:31px;
	margin:0;
	list-style-type:circle;
	display:block;
}

#navigation .sub-nav a {
	background-image:url(../images/sub-link.jpg);
	background-repeat:no-repeat;
	background-position:14% 50%;
	background-color:#98bac6;
	margin:0;
	padding:8px 0 10px 45px;
	display:block;
	clear:both;
	width:192px;
	height:13px;
}

#navigation .sub-nav a:hover {
	background-image:url(../images/sub-link.jpg);
	background-repeat:no-repeat;
	background-position:14% 50%;
}

/*Link Box Styles*/

#link-boxes {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:237px;
}

#link-boxes #estimate {
	margin:0 auto;
	padding:20px 0 0 0;
	display:block;
	clear:both;
	width:182px;
	height:142px;
}

#link-boxes #call-out {
	margin:0 auto;
	padding:20px 0 0 0;
	display:block;
	clear:both;
	width:182px;
	height:142px;
}

#link-boxes #free-rain {
	margin:0 auto;
	padding:15px 0 0 0;
	display:block;
	clear:both;
	width:163px;
	height:85px;
}

#link-boxes #call-back {
	margin:0 auto;
	padding:20px 0 0 0;
	display:block;
	clear:both;
	width:182px;
	height:142px;
}

#link-boxes #call-back-form {
	background-color:#05739e;
	margin:0 auto;
	padding:5px;
	display:block;
	clear:both;
	width:172px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

*html #link-boxes #call-back-form {padding:3px;}

#link-boxes #call-back-form #input_box {
	margin-bottom:8px;
}

#link-boxes #call-back-form #input_box label {
	display:block;
	float:left;
	width:46px;
}

*html #link-boxes #call-back-form #input_box label  {width:44px;}

#link-boxes #tips {
	margin:0 auto;
	padding:20px 0 0 0;
	display:block;
	clear:both;
	width:182px;
	height:142px;
}

#link-boxes #gas-safe {
	margin:0 auto;
	padding:20px 0 0 0;
	display:block;
	clear:both;
	width:163px;
	height:223px;
}

/*Home-Page Styles*/
#homepage-content-container {
	margin:16px auto auto 25px;
	padding:0;
	display:block;
	float:left;
	width:620px;
}



#home-image {
	background-image:url(../images/home-image.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	display:block;
	width:620px;
	height:308px;
	position: relative;
}
#home-image #gas-safe-logo {
	background: url('../images/gas-safe-home.png') 50% 50% no-repeat;
	width: 131px;
	height: 131px;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

#home-link {
	background-color:#000000;
	margin:10px auto;
	padding:0;
	display:block;
	width:621px;
	height:134px;
	border-top:1px solid #4496b6;
	border-left:1px solid #4496b6;
}

#home-link #image {
	margin:7px auto auto 7px;
	padding:0;
	display:block;
	float:left;
	width:120px;
	height:118px;
}

*html #home-link #image {margin-left:3px;}

#home-link #heading {
	margin:7px auto auto 7px;
	padding:0;
	display:block;
	float:left;
	width:355px;
	height:39px;
}

#home-link #more {
	margin:14px auto auto 80px;
	padding:0;
	display:block;
	float:left;
	width:40px;
	height:15px;
}

#home-link #text {
	background-image:url(../images/home-text-holder.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 9px;
	padding:6px 84px 22px 13px;
	display:block;
	float:left;
	width:387px;
	height:59px;
	border-top:1px solid #4496b6;
	border-left:1px solid #4496b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#home-link #text p, #home-link #text a {margin-top:0px;}

*html #home-link #text {margin-left:10px;}

#home-link #rain-water {
	background-image:url(../images/home-text-holder.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 9px;
	padding:18px 0px 22px 13px;
	display:block;
	float:left;
	width:471px;
	height:47px;
	border-top:1px solid #4496b6;
	border-left:1px solid #4496b6;
}

*html #home-link #rain-water {margin-left:10px; padding-top:17px;}

#home-link #rain-water #image {
	margin:7px auto auto 7px;
	padding:0;
	display:block;
	float:left;
	width:120px;
	height:118px;
}

*html #home-link #image {margin-left:3px;}

#home-link #rain-water #text {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:255px;
	height:47px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#home-link #rain-water #image-2 {
	background-image:url(../images/freerain.jpg);
	background-repeat:no-repeat;
	margin:-9px 0 0 33px;
	padding:0;
	display:block;
	float:left;
	width:166px;
	height:57px;
}

/*Page Styles*/

#page-content-container {
	margin:16px auto 110px 25px;
	padding:0;
	display:block;
	float:left;
	width:624px;
}

#page-header {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:623px;
	height:309px;
	border:1px solid #4ea0c0;
	border-bottom:none;
}

#page-heading {
	background-image:url(../images/heading-bg-2.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:622px;
	height:48px;
}

#page-heading #image {
	margin:5px 0 0 7px;
	padding:0;
	display:block;
	float:left;
	width:37px;
	height:37px;
}

#page-heading #heading {
	margin:5px 0 0 14px;
	padding:0;
	display:block;
	float:left;
	width:550px;
	height:39px;
}

#page-text {
	margin:0;
	padding:12px 0 0 0;
	display:block;
	float:left;
	width:364px;
	color:#626366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#page-text {margin-top:0px;}

#page-right-links {
	margin:16px 0 0 47px;
	padding:0;
	display:block;
	float:right;
	width:192px;
}

#page-right-links #right-link-holder {
	background-image:url(../images/right-link-holder.jpg);
	background-repeat:no-repeat;
	margin:8px 0 0 0;
	padding:0;
	display:block;
	float:left;
	width:192px;
	height:24px;
}

#page-right-links #right-link-image {
	margin:2px 0 0 2px;
	padding:0;
	display:block;
	float:left;
	width:20px;
	height:20px;
}
 

#page-right-links #right-link-link {
	margin:4px 0 0 13px;
	padding:0;
	display:block;
	float:left;
	width:150px;
	height:24px;
	color:#05739e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#page-right-links #right-link-link a {color:#05739e;}

/*Testamonial Box Styles Styles*/
#testamonial-holder {
	margin:20px 0 0 0;
	padding:0;
	display:block;
	float:left;
	width:603px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#testamonial-box-light-top {
	background-image:url(../images/speech-marks-light-top.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:603px;
	height:44px;
}

#testamonial-box-light-content {
	background-color:#05739e;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:583px;
	color:#ffffff;
}

#testamonial-box-light-content p {margin:0;}

#testamonial-box-light-bottom {
	background-image:url(../images/speech-marks-light-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:603px;
	height:44px;
}

#testamonial-box-dark-top {
	background-image:url(../images/speech-marks-dark-top.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:603px;
	height:44px;
}

#testamonial-box-dark-content {
	background-color:#cde3ec;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:583px;
	color:#626366;
}

#testamonial-box-dark-content p {margin:0;}

#testamonial-box-dark-bottom {
	background-image:url(../images/speech-marks-dark-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:603px;
	height:44px;
}

/*Tips Page Styles*/

#tip-holder-light {
	background-color:#cde3ec;
	background-repeat:repeat;
	margin:13px auto;
	padding:10px;
	width:583px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#tip-holder-light #tip-number {
	margin:0;
	padding:0 0 0 0;
	width:100px;
	height:60px;
	display:block;
	float:left;
	color:#626366;
	font-size:32px;
}

#tip-holder-light #tip-text {
	margin:0 0 0 10px;
	padding:0;
	width:410px;
	display:block;
	float:left;
	color:#626366;
}

#tip-holder-light #tip-text > p:first-child {margin-top:0;}

#tip-holder-dark {
	background-color:#05739e;
	background-repeat:repeat;
	margin:13px auto;
	padding:10px;
	width:583px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#tip-holder-dark #tip-number {
	margin:0;
	padding:0;
	width:100px;
	height:60px;
	display:block;
	float:left;
	color:#ffffff;
	font-size:32px;
}

#tip-holder-dark #tip-text {
	margin:0 0 0 10px;
	padding:0;
	width:410px;
	display:block;
	float:left;
	color:#ffffff;
}

#tip-holder-dark #tip-text > p:first-child {margin-top:0;}

/*Case Study Styles*/

#case-holder {
	background-color:#05739e;
	margin:10px auto;
	padding:0;
	display:block;
	width:621px;
	height:173px;
	border-top:1px solid #4496b6;
	border-left:1px solid #4496b6;
}

#case-holder #image {
	margin:37px auto auto 7px;
	padding:0;
	display:block;
	float:left;
	width:120px;
	height:118px;
}

*html #case-holder #image {margin-left:3px;}

#case-holder #heading {
	margin:7px auto auto 7px;
	padding:0;
	display:block;
	float:left;
	width:355px;
	height:39px;
}

#case-holder #date {
	margin:0 auto auto 7px;
	padding:0;
	display:block;
	float:left;
	width:355px;
	height:39px;
	font-size:24px;
	color:#ffffff;
}

#case-holder #more {
	margin:14px auto auto 80px;
	padding:0;
	display:block;
	float:left;
	width:40px;
	height:15px;
}

#case-holder #text {
	background-image:url(../images/home-text-holder.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 9px;
	padding:18px 84px 22px 13px;
	display:block;
	float:left;
	width:387px;
	height:47px;
	color:#000000;
	border-top:1px solid #4496b6;
	border-left:1px solid #4496b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#case-holder #text p, #case-holder #text a {margin-top:0px;}

*html #case-holder #text {margin-left:10px;}

#case-heading {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:600px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}

#case-date {
	width:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#case-text {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:384px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*Contact Us Page Styles*/

#contact-box {
	background-image:url(../images/contact-box-footer.jpg);
	background-position:bottom left;
	background-color:#cde4ec;
	background-repeat:no-repeat;
	margin:20px auto;
	padding:10px;
	display:block;
	clear:both;
	width:383px;
	color:#626366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}

#contact-box a {color:#626366; text-decoration:underline;}

#contact-box .submit {
	margin-left:165px;
}

#contact-box #input-box {
	margin-bottom:8px;
	text-align:left;
	width:383px;
	padding:5px 0 5px 5px;
}

#contact-box #input-box label {
	display:block;
	float:left;
	width:160px;
}

#contact-box #input-box textarea {
	overflow:hidden;
	width:192px; 
	height:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contact-box h1 {margin-top:0px;}

#contact-box #map {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:363px;
	height:200px;
}

/*Qualifications Styles*/

#qualifications-container {
	background-image:url(../images/content-bg.jpg);
	background-repeat:repeat;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:913px;
	height:81px;
}

#qualifications-image {
	background-image:url(../images/qualifications.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 0 265px;
	padding:0;
	display:block;
	float:left;
	width:634px;
	height:81px;
	border-top:1px dotted #b3b3b3
}

*html #qualifications-image {margin-left:132px;}

/*Case Study Images*/

#gallery-holder {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:490px;
}

#gallery-holder #gallery-image-holder {
	background-image:url(../images/gallery-image-holder-bg.jpg);
	background-repeat:no-repeat;
	margin:16px 0 0 16px;
	padding:0;
	display:block;
	float:left;
	width:134px;
	height:139px;
}

*html #gallery-holder #gallery-image-holder {margin-left:0px;}

#gallery-holder #gallery-image-holder a {
	margin:10px auto;
	display:block;
	clear:both;
	width:114px;
	height:114px;
	border:none;
}

#gallery-holder #gallery-image-holder img {
	margin:10px auto;
	padding:0;
	display:block;
	clear:both;
	width:114px;
	height:114px;
}

#gallery-holder #gallery-image-holder #image-search {
	background-image:url(../images/gallery-image-search.png);
	background-repeat:repeat;
	position:absolute;
	margin:-17px 0 0 114px;
	padding:0;
	display:block;
	float:left;
	width:32px;
	height:32px;
}

*html #gallery-holder #gallery-image-holder #image-search {behavior:url(css/iepngfix.htc);}

/*Footer Styles*/

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-color:#09759f;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:913px;
	height:160px;
}

#footer #footer-text {
	margin:25px 0 0 22px;
	padding:0;
	display:block;
	float:left;
	width:180px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#footer #van {
	background-image:url(../images/assure_plumbing_van.png);
	background-repeat:no-repeat;
	margin:-95px 0 8px 550px;
	padding:0;
	display:block;
	float:left;
	width:341px;
	height:130px;
}

*html #footer #van {margin:10px 0 0 275px; behavior:url(css/iepngfix.htc);}

#footer #links {
	margin:0 0 0 800px;
	padding:;
	display:block;
	clear:both;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer #links a {color:#ffffff;}

*html #footer #links {margin-top:8px;}

#footer-2 {
	background-image:url(../images/footer-2.jpg);
	background-repeat:no-repeat;
	margin:0 0 30px 0;
	padding:0;
	display:block;
	float:left;
	width:913px;
	height:8px;
}

#seo {
	margin:-30px 0 30px 10px;
	padding:0;
	display:block;
	float:left;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#seo a {color:#ffffff;}

/*Extra Styles*/

h2{margin-top:0px;}

h3 {
	background-position:0 4px;
	background-repeat: no-repeat;
	display: block;
	height:45px;
	padding:0;
	margin:0;
	font-size: 0;
	line-height: 0;
	color: transparent;
	overflow: hidden;
}

h4 {
	background-position:0 4px;
	background-repeat: no-repeat;
	display: block;
	height:39px;
	padding:0;
	margin:0;
	font-size: 0;
	line-height: 0;
	letter-spacing:0;
	color: transparent;
	overflow: hidden;
}

h5 {
	background-position:0 4px;
	background-repeat: no-repeat;
	display: block;
	height:41px;
	padding:0;
	margin:0;
	font-size: 0;
	line-height: 0;
	letter-spacing:0;
	color: transparent;
	overflow: hidden;
}

.clear {
	 width:0px;
	 height:0px;
	 padding:0;
	 margin:0;
	 line-height:0;
	 font-size:0;
	 clear:both;
}

#float {margin:0; padding:0; float:left;}