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

body{
	margin:0;
	padding:0;
}

#lowbannercontent p{
	margin:0;
	padding:0;
}

h2{
	font-family: 'Poiret One', cursive;
	font-weight:bold;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
}

h3{
	font-family: 'Poiret One', cursive;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:center;
}

.headerwrapper{
	width:990px;
	overflow:auto;
	padding-top:10px;
	margin: 0 auto;
}

.logo{
	background-image:url(logo.png);
	width:193px;
	height:129px;
	float:left;
}

.phonenumber{
	width:350px;
	overflow:auto;
	font-family: 'Oswald', sans-serif;
	font-size:48px;
	color:#27AAE1;
	text-align:center;
	float:left;
	margin-top:30px;
	margin-left:100px;
}

.infowrapper{
	width:auto;
	overflow:auto;
	float:right;
}

#mailicon{
	background-image:url(messageicon.png);
	width:16px;
	height:17px;
	float:left;
}

#email{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:13px;
	color:#929191;
	text-align:left;
	float:left;
	padding-left:5px;
}

#phoneicon{
	background-image:url(phoneicon.png);
	width:17px;
	height:17px;
	float:left;
	padding-left:5px;
}

#phonenumbersmall{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:13px;
	color:#929191;
	text-align:left;
	float:left;
	padding-left:5px;
}

.navigation{
	background-image:url(navigationbar.png);
	width:991px;
	height:36px;
	margin: 0 auto;
}

.homeicon{
	width:36px;
	height:36px;
	float:left;
	background-position:center;
}

.homebtn{
	float:left;	
}

.aboutbtn{
	float:left;	
}

.rightbtn{
	float:left;	
}

.homeicon li{
	width:11px;
	height:11px;
	float:left;
    list-style-type: none;
    display: block;
    position: relative;
	left:14px;
	top:12px;
}

.homebtn li{
	float:left;
    list-style-type: none;
    display: block;
    height: 40px;
    width: 113px;
    position: relative;
}

.aboutbtn li{
	float:left;
    list-style-type: none;
    display: block;
    height: 40px;
    width: 113px;
    position: relative;
}

.contactbtn li{
	float:left;
    list-style-type: none;
    display: block;
    height: 40px;
    width: 113px;
    position: relative;
}

img.grey {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
 
img.color {
    position: absolute;
    left: 0; top: 0;
}

.bannerwrapper{
	width:990px;
	height:321px;
	margin: 0 auto;
}

#lowbannercontent{
	width:990px;
	height:150px;
	margin: 0 auto;
	text-align:center;
	padding:10px;
	font-family: 'Poiret One', cursive;
	font-size:32px;
	color:#231F20;
}

.contentmainwrapper{
	width:990px;
	overflow:auto;
	margin: 0 auto;
}

.contentaboutwrapper{
	width:990px;
	margin: 0 auto;
}

.contentcontactwrapper{
	width:990px;
	margin: 0 auto;
	margin-top:10px;
}

.content_topwrapper{
	width:990px;
	overflow:auto;
}

.content_topleft{
	width:485px;
	overflow:auto;
	float:left;
}

.content_topright{
	width:485px;
	overflow:auto;
	float:right;
}

#squiggle{
	background-image:url(underlinesquiggle.png);
	width:181px;
	height:18px;
	clear:both;
}

#welcomecontent{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:21px;
}

#welcomecontent li{
	list-style:url(bulletpoint.png);
	line-height:28px;
}

#services{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height:28px;
	list-style:url(bulletpoint.png);
}

.content_midwrapper{
	width:990px;
	overflow:auto;
	margin: 0 auto;
	margin-top:10px;
}

#jigsaw{
	background-image:url(Jigsawpuzzle.png);
	width:230px;
	height:237px;
	float:left;
	margin-top:60px;
}

#midleftwrapper{
	width:202px;
	overflow:auto;
	float:left;
	margin-left:20px;
}

#midmidwrapper{
	width:202px;
	overflow:auto;
	float:left;
	margin-left:20px;
}

#midrightwrapper{
	width:202px;
	overflow:auto;
	float:left;
	margin-left:20px;
}

#pic1{
	background-image:url(pic1.png);
	width:202px;
	height:132px;
	margin: 0 auto;
	background-repeat:no-repeat;
}

#pic2{
	background-image:url(pic2.png);
	width:202px;
	height:132px;
	margin: 0 auto;
	background-repeat:no-repeat;
}

#pic3{
	background-image:url(pic3.png);
	width:202px;
	height:132px;
	margin: 0 auto;
	background-repeat:no-repeat;
}

#contentbox{
	background-image:url(contentboxbackground.png);
	width:192px;
	height:242px;
	margin: 0 auto;
	margin-top:20px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	background-repeat:no-repeat;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#333;
	line-height:25px;
}

.footerbackground{
	background-image:url(footerbackground.png);
	width:100%;
	height:260px;
	margin-top:30px;
	clear:both;
}

#footerwrapper{
	width:990px;
	height:260px;
	margin: 0 auto;
	clear:both;
}

#footerleft{
	width:495px;
	height:230px;
	float:left;
}

#footerright{
	width:495px;
	height:230px;
	float:left;
}

#compliancelogos{
	width:190px;
	background-color:#FFF;
	margin: 0 auto;
	margin-top:20px;
}
#compliancelogos img{ max-width:190px;}

#compliancetext{
	width:500px;
	overflow:auto;
	margin-top:5px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#CCC;
}

#cardtypes{
	background-image:url(cardtypes.png);
	width:343px;
	height:39px;
	margin: 0 auto;
	margin-top:70px;
}

#cardtypestext{
	width:350px;
	height:40px;
	margin-top:5px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#CCC;
	margin: 0 auto;
}

#footercontentlow{
	width:990px;
	height:20px;
	margin: 0 auto;
	clear:both;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#CCC;
	padding-top:6px;
}

#aboutwrapper_top{
	width:990px;
	overflow:auto;
	margin: 0 auto;
	margin-top:20px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#333;
}

#aboutwrapper_mid{
	width:990px;
	overflow:auto;
	margin: 0 auto;
	margin-top:35px;
}

#aboutwrapper_midleft{
	width:600px;
	overflow:auto;
	float:left;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#333;
}

#aboutwrapper_midright{
	width:350px;
	overflow:auto;
	float:right;
}

#electricalinspectionpic{
	background-image:url(electricalinspectionpic.png);
	width:319px;
	height:200px;
	float:right
}

#fuseboxpic{
	background-image:url(fuseboxpic.png);
	width:251px;
	height:187px;
	float:right;
}

#rewiringpic{
	background-image:url(rewiringpicture.png);
	width:351px;
	height:200px;
	float:right;
}

#contentcontactleft{
	width:485px;
	float:left;
	font-size:14px;
	color:#333;
	font-family:Calibri, Helvetica, sans-serif;	
}

#contentcontactright{
	width:485px;
	overflow:auto;
	float:left;
	font-size:14px;
	color:#333;
	font-family:Calibri, Helvetica, sans-serif;
	line-height:35px;
}

#discountcode{
	background-image:url(Reactive,%20professional%20service.png);
	width:960px;
	height:100px;
	margin: 0 auto;
	clear:both;
}

#code{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	text-align:left;
	font-size:70px;
	padding-right:50px;
	padding-top:10px;
}