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

body{
	background-image:url(patternbackground.png);
	padding:0;
	margin:0;
}

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

.headerbackground{
	width:100%;
	height:75px;
	background-image:url(headerbar.png);
	background-repeat:repeat-x;
}

.top_wrapper{
	width:990px;
	height:110px;
	margin: 0 auto;
}

#homebtn li {
	float:left;
    list-style-type: none;
    display: block;
    height: 20px;
    width: 71px;
    position: relative;
}

#aboutbtn li {
	float:left;
    list-style-type: none;
    display: block;
    height: 21px;
    width: 71px;
    position: relative;
}

#contactbtn li {
	float:left;
    list-style-type: none;
    display: block;
    height: 21px;
    width: 71px;
    position: relative;
	margin-left:5px;
}

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

.top_wrapper{
	padding-top:20px;	
}

#navsep{
	width:1px;
	height:15px;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#000;
	float:left;
	margin-top:3px;
}

.navigation{
	width:250px;
	height:auto;
	margin-left:25px;
	float:left;
	padding-top:50px;
}

#logo{
	background-image:url(logo.png);
	width:179px;
	height:100px;
	float:left;
	margin-left:120px;
}

#phonebackground{
	background-image:url(phonenumberbackground.png);
	width:250px;
	height:60px;
	float:right;
	margin-top:20px;
}

#phonenumber{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:21px;
	color:#FFF;
	text-align:left;
	margin-top:26px;
	margin-left:20px;
}

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

#freephone{
	width:250px;
	height:50px;
	clear:both;
	text-align:left;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	margin-top:5px;
	margin-left:20px;
}

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

#dashedlines{
	background-image:url(dashedline.png);
	width:990px;
	height:4px;
	margin: 0 auto;
	padding-bottom:40px;
	background-repeat:no-repeat;
	background-position:center;
}

#banner_wrapper{
	background-image:url(bannerblackbackground.png);
	width:auto;
	height:280px;
	clear:both;
}

#bannerbackground{
	background-image:url(electricalbackground.png);
	width:990px;
	height:280px;
	margin: 0 auto;
}

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

#contentmainleft{
	width:530px;
	overflow:auto;
	float:left;
}

#contentmainright{
	width:410px;
	overflow:auto;
	float:left;
}

#greybackground{
	background-image:url(contentbackgroundorange.png);
	width:497px;
	height:241px;
	float:left;
	margin-top:20px;
}

#welcomecontent{
	width:480px;
	height:201px;
	padding:10px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	line-height:20px;
}

#welcometitle{
	background-image:url(welcometitle.png);
	width:309px;
	height:40px;
	float:left;
	margin-left:10px;
}

#morebtn{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#999;
	float:right;
	padding-right:10px;
}

#servicestitle{
	background-image:url(servicestitle.png);
	width:148px;
	height:39px;
	float:left;
	margin-left:10px;
	background-repeat:no-repeat;
}

#servicescontent{
	width:400px;
	overflow:auto;
}

#servicescontentleft{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#909090;
	padding-top:40px;
	float:left;
}

#servicescontentright{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#909090;
	padding-top:40px;
	float:left;
	margin-left:30px;
}

#tripleboxwrapper{
	width:530px;
	float:left;
	clear:both;
	overflow:auto;
	margin-top:30px;
}

#box1background{
	background-image:url(box1.png);
	width:152px;
	height:372px;
	float:left;
}

#box2background{
	background-image:url(box2.png);
	width:152px;
	height:372px;
	float:left;
	margin-left:20px;
}

#box3background{
	background-image:url(box3.png);
	width:152px;
	height:372px;
	float:left;
	margin-left:20px;
}

#box1content{
	width:132px;
	height:240px;
	padding-top:120px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	text-align:center;
	line-height:21px;
}
	
#box2content{
	width:132px;
	height:240px;
	padding-top:120px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	text-align:center;
	line-height:21px;
}

#box3content{
	width:132px;
	height:240px;
	padding-top:120px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	text-align:center;
	line-height:21px;
}

#additionalcontent{
	width:410px;
	float:left;
	overflow:auto;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	line-height:22px;
}

#cardtypes{
	background-image:url(cardtypesvector.png);
	width:265px;
	height:33px;
	float:left;
	margin-left:20px;
	margin-top:10px;
	background-position:center;
	background-repeat:no-repeat;
}

.footerbackground{
	background-image:url(bannerblackbackground.png);
	width:100%;
	height:80px;
}

#footerwrapper{
	width:990px;
	overflow:auto;
	margin: 0 auto;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#CCC;
	text-align:center;
	padding-top:15px;
}

#footerleft{
	width:445px;
	overflow:auto;
	float:left;	
}

#footerright{
	width:445px;
	overflow:auto;
	float:left;
}

#light1wrapper{
	width:310px;
	overflow:auto;
	float:left;
}

#light2wrapper{
	width:310px;
	overflow:auto;
	float:left;
	margin-left:30px;
}

#light3wrapper{
	width:310px;
	overflow:auto;
	float:right;
}

#light1{
	background-image:url(light1.png);
	width:70px;
	height:160px;
	margin: 0 auto;
}

#light2{
	background-image:url(light2.png);
	width:70px;
	height:160px;
	margin: 0 auto;
}

#light3{
	background-image:url(light3.png);
	width:100px;
	height:160px;
	margin: 0 auto;
}

#light1content{
	width:310px;
	overflow:auto;
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	line-height:25px;
	margin-top:25px;
}

#light2content{
	width:310px;
	overflow:auto;
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	line-height:25px;
	margin-top:25px;
}

#light3content{
	width:310px;
	overflow:auto;
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	line-height:25px;
	margin-top:25px;
}

h1{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	color:#F90;
}

#contactformleft{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#909090;
	float:left;
	width:300px;
	overflow:auto;
}

#contactaboutright{
	float:left;
	font-family:Calibri, Helvetica, sans-serif;
	color:#909090;	
	width:300px;
	overflow:auto;
	margin-left:50px;
}

#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;
}