@charset "UTF-8";
/* CSS Document */
body {
   margin: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   background-color: #FFFFFF;
   width: 100%;
   background-attachment: fixed;
}

section {
   display: block;
   height: 800px;
   padding: 80px;
}
#home {
   color: #FFF;
   background-repeat: no-repeat;
}
#about {
   background-color: #8cc253;
   color: #FFF;
   height: 800px;
   position: static;
}
#repairsbutton {
   background-image: url(images/repairs_button.png);
   background-repeat: no-repeat;
   width: 276px;
   height:55px;
}
.buttontext {
   color: #FFF;
   font-size: 20px;
   text-indent: 80px;
   padding-top: 30px;

}
.servicestext {
   color: #FFF;
   font-size: 20px;
   padding-top: 30px;
   line-height: 30px;
}
#Installationbutton {
   background-image: url(images/installation_button.png);
   background-repeat: no-repeat;
   width: 276px;
   height: 55px;
   color: #FFF;
}
#faultfindingbutton {
   background-image: url(images/faultfinding_button.png);
   background-repeat: no-repeat;
   width: 276px;
   height:55px;
}
#testingbutton {
   background-image: url(images/testing_button.png);
   background-repeat: no-repeat;
   width: 276px;
   height:55px;
}
.aboutleft {
   width: 600px;
   float: left;
   margin: 0px;
   font-size: 20px;
   line-height: 28px;
   padding-top: 40px;
}
.aboutright {
   width: 340px;
   height: auto;
   float: right;
   padding-top: 60px;
}
#services {
   background-color: #666;
   color: #fff;
   height: 800px;
   background-image: url(images/lightbulbcircuit.png);
   background-repeat: no-repeat;
   background-position: center 90%;
}
.pagewrapper {
   width: 1000px;
   height: 800px;
   margin: auto;
   padding: 0px;
   display: block;
   }
.logo {
   width: 1000px;
   margin: auto;
   height: 130px;
   display: block;
   padding:20px 0px 20px 0px;
}

#testimonials {
   background-color:#12ADE3;
   color:#FFF;
}
.testimonialleft {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   line-height: normal;
   color: #FFFFFF;
   text-decoration: none;
   float: left;
   width: 850px;
   margin-right: 0px;
   display: block;
   text-align: left;
   background-image: url(images/speechbackground.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left: 150px;
   padding-top: 30px;
   height: 150px;
   padding-right: 0px;
   padding-bottom: 0px;
}
#testimonialmiddle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 22px;
   color: #666;
   text-decoration: none;
   float: left;
   width: 320px;
   display: block;
   text-align: left;
}
#testimonialright {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 22px;
   color: #666;
   text-decoration: none;
   float: left;
   width: 310px;
   text-align: left;
}
#websites {
   background-color: #E9DFDE;
   height: 600px;
}
#contact {
   color: #FFF;
   color: #8cc253;
   height: 700px;
}
.contactright {
   width: 440px;
   height: auto;
   float: right;
	display: inline-block;
}
.contactname {
   width: 480px;
   height: auto;
   float: left;
   display: inline-block;
}
.contacicon {
   width: 100px;
   height: 120px;
   float: left;
   vertical-align: middle;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
}
.contactdetails {
   width: 360px;
   height: 110px;
   float: left;
   display: block;
   padding-top: 10px;
}
.contacttop {
   width: 500px;
   float: left;
   margin-left: 100px;
}
nav {
   position: fixed;
   background-color: #000;
   width: 100%;
   height: 40px;
   padding: 10px;
   opacity: 80%;
   opacity: 0.82;
   filter: alpha(opacity=90); /* For IE8 and earlier */
   font-weight: bolder;
   color: #FFF;
   visibility: visible;
   z-index: 9999;
}

nav a {
   display: inline-block;
   font-size: 14px;
   color: #FFFFFF;
   padding: 10px;
   margin-right: 15px;
   margin-left: 15px;
   text-decoration: none;
   font-style: normal;
   font-weight: bolder;
}
nav a:hover {
   display: inline-block;
   font-size: 14px;
   color: #12ADE3;
   font-weight: bolder;
}
.bodytextwhite {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 22px;
   color: #FFF;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
}
.bodywhitesmall {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: 22px;
   color: #FFF;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
}
.bodytextgrey {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 18px;
   color: #333;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
}
.bodytextwrapper {
   width: 1000px;
   height: 400px;
   display: block;
   clear: right;
   padding-top: 20px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   margin: auto;
   }
#hometextleft {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 22px;
   color: #666;
   text-decoration: none;
   float: left;
   width: 310px;
   margin-right: 40px;
   display: block;
   text-align: left;
   margin-top: 0px;
   height: auto;
}
#hometextmiddle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 22px;
   color: #666;
   text-decoration: none;
   float: left;
   width: 310px;
   margin-right: 40px;
   display: inline;
   text-align: left;
   margin-top: 0px;
   height: auto;
   padding: 0px;
}

#hometextright {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 22px;
   color: #666;
   text-decoration: none;
   float: right;
   width: 300px;
   text-align: left;
   margin-top: 0px;
   display: inline;
   height: auto;
   padding: 0px;
}

#servicesbuttons {
   background-image: url(images/servicescircles.gif);
   background-repeat: no-repeat;
   width: 100%;
   height: 200px;
}
#services1 {
   float: left;
   width: 23%;
   margin-right: 25px;
   display: inline;
   text-align: left;
   height: 200px;
   margin-left: 15px;
}
#services2 {
   float: left;
   width: 23%;
   margin-right: 25px;
   display: inline;
   text-align: left;
   height: 200px;
}

#services3 {
   float: left;
   width: 23%;
   text-align: left;
   margin-right: 20px;
   display: inline;
   height: 200px;
}
#services4 {
   float: left;
   width: 20%;
   text-align: left;
   display: inline;
   height: 200px;
}
.contact {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #8cc253;
   text-decoration: none;
   line-height: 28px;
}
.headline {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   line-height: normal;
   text-decoration: none;
   color: #8cc253;
}
.Subheadpink {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   line-height: 28px;
   text-decoration: none;
   color: #8cc253;
   list-style-position: inside;
   list-style-type: disc;
}
.Subheadbrown {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   line-height: 28px;
   text-decoration: none;
   color: #483048;
   list-style-position: inside;
   list-style-type: disc;
}
.list {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 30px;
   text-decoration: none;
   color: #666666;
   list-style-position: inside;
   list-style-type: disc;
   display: inline;
   font-weight: bold;
}
.SubheadGrey {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   line-height: 30px;
   text-decoration: none;
   color: #666666;
}
.headlinewhite {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   line-height: normal;
   text-decoration: none;
   color: #FFFFFF;
}
.headlinegrey {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   line-height: normal;
   text-decoration: none;
   color: #666666;
}
.images {
   width: 310px;
   height: 240px;
   text-decoration: none;
   background-color: #FFF;
   vertical-align: middle;
   border-radius: 15px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #333;
   border-right-color: #333;
   border-bottom-color: #333;
   border-left-color: #333;
}
   
#websitesleft {
   float: left;
   width: 310px;
   height: auto;
   text-decoration: none;
   padding-right: 20px;
   color: #333;
}
#websitesmiddle {
   float: left;
   width: 310px;
   height: auto;
   text-decoration: none;
   padding-right: 20px;
   color: #333;
}
#websitesright {
   float: left;
   width: 330px;
   height: auto;
   text-decoration: none;
   color: #333;
}
#footer {
   width: 100%;
   height: 80px;
   color: #fff;
   font-size: 14px;
   background-color: #666;
   color: #fff;
   text-align: center;
   font-weight: bold;
   letter-spacing: 0.1em;
   margin: auto;
   padding-top: 5px;
   list-style-type: none;
}
.footer_icons {
   height: 50px;
   width: 50px;
   float: left;
   display: inline-block;
}