@charset "utf-8";
/* CSS Document */

body, #title, #navWrapper, .clearFloat, { margin:0px; padding:0px;}

body { background:url(images/bg.jpg) repeat-x; background-color:#f7f7f7; font: normal 95%/1.5em sans-serif, Verdana, "Trebuchet MS", "Arno Pro", "Arial Black"; color:#3d3d3d;}

/*H Tags*/

h1, h2 {float:left;}
h1 {font-size:24px; color:#5a024b; margin:8px 0 0 6px; padding:0px;}
h2 {font-size:16px; letter-spacing:-0.5px; color:#848583; margin:11px 0 0 4px; padding:0px;}
h3 { font-size:14px; color:#3d3d3d; margin:0 0 0 2px; padding:0px;}
p {font-size:12px; margin:5px 0 10px 10px; padding:0px;}

/*H Tags*/

.line { background-color:#d9d9d9; width:auto; height:4px; margin:40px 7px 2px 7px; padding:0px;}
.redLine { background-color:#5a024b; width:auto; height:4px; margin:5px 0 5px 2px; padding:0px;}
.safe { margin:0px; padding:12px 0 0 10px;}
.img { float:right; margin:0px; padding:0px;}

/*Header*/

#headerWrapper { width:100%; height:104px; margin:auto auto; padding:0px;}
#header { width:950px; height:104px; margin:auto auto; padding:0px;}

/*Header*/

/*Able Serve & Repair*/

#title { width:270px; height:48px; position:relative; left:20px; top:30px; float:left;}

/*Able Serve & Repair*/

/*Telephone Details*/

#telephoneBox { width:243px; height:70px; position:relative; left:420px; top:20px; float:left;}
#telephoneBox h1 { font-size:17px; letter-spacing:2px; color:#fff; margin:0 0 0 46px; padding:0px;}
#telephone { background:url(images/number.jpg) no-repeat; width:243px; height:41px; margin:20px 0 0 0; padding:0px;}

/*Telephone Details*/

/*Banner*/

#bannerWrapper { width:100%; height:288px; margin:auto auto; margin-top:6px; padding:0px;}
#banner { background:url(images/banner.jpg) no-repeat; width:950px; height:286px; margin:auto auto; padding:0px;}
#bannerText { width:550px; height:140px; margin:14px; padding:110px 0 0 15px;}
#banner h1 { font-size:40px; color:#d40c5f; font-weight:bold; letter-spacing:-2px; margin:7px; padding:0px;}
#banner p { font-size:18px; font-weight:bold; color:#fff; letter-spacing:-1px; margin:7px; padding:0px;}

/*Banner*/

/*Main Content*/

#mainWrapper {width:100%; height:auto; margin:auto auto; margin-top:45px; padding:0px;}
#main {width:950px; height:auto; margin:auto auto; padding:0px;}

/*Main Content*/

/*Navigation*/

#navWrapper { width:100%; height:auto; margin:auto auto; margin-top:55px; padding:0px;}
#navContent { width:950px; height:auto; margin:auto auto; padding:0px;}
#nav { background-color:#fff; border:1px solid #d9d9d9; width:258px; margin:0 0 0 10px; height:auto; float:left;}
#nav ul { margin:6px 0 6px 5px; padding:0px;}
#nav li { background:url(images/navBg.jpg) no-repeat; width:248px; height:43px; margin:0px; padding:15px 0 0 0; list-style:none;}
#nav a { margin:0 0 0 30px; padding:0px;}
#nav a:link { color:#540045; text-decoration:none;}
#nav a:visited { color:#540045; text-decoration:none;}
#nav a:active { color:#540045; text-decoration:none;}
#nav a:hover { color:#9c070d; text-decoration:none;}

/*Navigation*/

/*Main Text*/

#mainBg { background-color:#fff; border:1px solid #d9d9d9; width:665px; height:auto; margin:0 0 0 6px; padding:0px; float:left;}
#mainText { width:660px; height:151px; overflow:auto; margin:0px; padding:0px; float:left;}

/*Main Text*/

/*Gas Safe Content Box*/

#gassafe { background:url(images/man.jpg) no-repeat left; border:1px solid #d9d9d9; width:645px; height:83px; margin:12px 0 8px 10px; padding:0px; float:left;}
#gassafe h1 { font-size:18px; color:#5a024b; margin:0px; padding:35px 0 0 70px;}

/*Gas Safe Content Box*/

/*Middle Wrapper*/

#middleWrapper { width:100%; height:260px; margin:auto auto; margin-top:15px; padding:0px;}
#middle { width:950px; height:260px; margin:auto auto; padding:0px;}

/*Middle Wrapper*/

/*Call Back Form*/

#callBg { border:1px solid #d9d9d9; width:258px; height:278px; margin:0 0 0 10px; padding:0px; float:left;}
#quickForm { position:absolute; font-size:12px; font-weight:bold; width:340px; height:144px; padding:0px;
margin:-20px 0 0 45px;}
#quickForm table{ width:132px; text-align:center;}
#quickForm tr{ height:10px;}
#quickForm td{ width:80px;}
#quickForm input{ height:18px; width:140px;}
#quickForm select{ width:105px; font-size:12px; height:20px;}
#quickForm .submit{ background:url(images/submit.jpg) no-repeat; border:0px; width:75px; height:20px; margin:7px 0 0 40px;}

/*Call Back Form*/

/*Plumbing | Heating  Services Tabs*/

#servicesTab { width:664px; height:260px; margin:0 0 0 7px; padding:0px; float:left;}
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 50px; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; width: 100%;}
ul.tabs li { float: left; margin: 0; padding: 0; height: 49px;  line-height: 31px; border: 1px solid #d9d9d9; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background:url(images/tab.jpg) no-repeat;}
ul.tabs li a { text-decoration: none; color: #5a024b; display: block; font-size:12px; padding:10px 20px 0 20px; border: 1px solid #fff;  outline: none;}
ul.tabs li a:hover { background-color:#fff;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff;}
.tab_container { border: 1px solid #d9d9d9; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; height:228px; background: #f2f2f2;}
.tab_container p { width:500px; text-align:justify; float:left; margin:0px; padding:0px;}
.tab_content { padding: 20px; font-size: 1.2em;}

/*Plumbing | Heating  Services Tab*/

/*Testimonials*/

#testContentWrapper { width:100%; height:268px; margin:auto auto; margin-top:16px; padding:0px;}
#test { width:950px; height:268px; margin:auto auto; padding:0px;}
#testWrapper { background:url(images/testimonial.jpg) no-repeat bottom right; border:1px solid #d9d9d9; width:258px; height:268px; margin:0 7px 0 10px; padding:0px; float:left;}
#TestWhole { overflow:auto; margin:0 7px 0 8px; height:220px;}
#TestText { font-size:11px; font-style:italic; color:#333;}

/*Testimonials*/

/*Areas We Cover*/

#areas { border:1px solid #d9d9d9; width:368px; height:268px; margin:0 10px 0 0; padding:0px; float:left;}
.cover { margin:4px 0 0 2px; width:364px; height:218px; overflow:auto; font-size:11px;}
.cover ul{ margin:0 10px 0 4px; padding:0px;}
.cover li { display:inline;}

/*Areas We Cover*/

#address li{
display:list-item;
}

/*Safety & Cards*/

#safetyWrapper { width:100%; height:268px; margin:auto auto; padding:0px;}
#safety { border:1px solid #d9d9d9; width:281px; height:268px; margin:0px; padding:0px; float:left;}

/*Safety & Cards*/

/*Copyright & Logo*/

#copyWrapper { width:950px; height:40px; margin:auto auto; padding:0px;}
#copy { background:url(images/footerLogo.jpg) no-repeat left; width:500px; height:36px; float:left; margin:5px 20px 0 0;}
#copy p { float:left; margin:8px 0 0 50px;}

/*Copyright & Logo*/

/*Contact Form*/

#frmDetail { font-size:11px;}
.submitBtn { background-color:#6b225e; border:0px; color:#fff; width:100px; height:20px; margin:10px 0 0 468px; padding:0px; font-size:11px;}

/*Contact Form*/

/*ClearFloat*/

.clearFloat { width:100%; clear:both; height:0px; overflow:hidden;}

/*ClearFloat*/

/*A Link*/

a:link { color:#737373; text-decoration:none;}
a:hover { color:#333; text-decoration:none;}
a:visited { color:#737373; text-decoration:none;}
a:active { color:#737373; text-decoration:none;}

/*A Link*/