* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/

.tel {
font-size:125%;
}

body {
height:100%;
background:#D4E1EA url(images/bg.jpg) repeat-x;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
line-height:130%;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#616161;
text-decoration:none;
}

hr {
margin:10px 0 20px 0;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

ul {margin-left:15px; margin-bottom:15px;}

p {
padding:3px 0 12px 0;
}

p.extras {
color:#999;
font-size:80%;
}
a img {
border:none;
}

#centerColumn { 	
margin:3em auto 0 auto;
width:880px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border-left:13px solid #fff;
}

h2 {
margin:0 0 .5em 0;
padding:.75em 0 0 0;
font-weight:normal;
font-size:20px;
color:#CC0000;
}

h2#intro {
color:#CC0000;
font-style:italic;
}

h3 {
margin:1.5em 0 .5em 0;
padding:.75em 0 0 0;
font-size:1.2em;
font-weight:bold;
color:#CC0000;
font-style:italic;
letter-spacing:1px;
}

h4 {
margin:1em 0 0 0;
color:#CC0000;
font-style:italic;
font-size:1em;
}

#navbar {
background:#4787C7 url(images/navbar.gif) left top repeat-x;
width:760px;
height:32px;
float:right;
}

#navbar ul {
list-style:none;
background:#4787C7;
margin:0;
}

#navbar li {
margin:0;
list-style:none;
display:block;
background:#4787C7;
height:32px;
text-align:center;
float:left;
}

#navbar li a {
margin:0 0 0 0;
height:18px;
background:#4787C7 url(images/nav.gif) no-repeat;
display:block;
padding:7px 5px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
color:#fff;
text-decoration:none;
float:left;
}

#navbar li a:hover {
background:#4787C7 url(images/nav_on.gif) no-repeat;
}

#navbar li#active a {
background:#4787C7 url(images/nav_on.gif) no-repeat;
}

#header {
margin:0;
padding:0;
width:120px;
float:left;
height:47px;
background-color:#ccc;
}

#header h1 {
margin:0;
padding:0;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000;
background:#fff;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:120px;
height:47px;
background:#fff url(images/logo.jpg) no-repeat;
overflow:hidden;
}

#header h1 a:hover {
background:#fff url(images/logo_hover.jpg) no-repeat;
}

#header h2 {
margin:0;
padding:0;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000;
background:#fff;
}

#header h2 a {
text-indent:-999999px;
display:block;
width:120px;
height:47px;
background:#fff url(images/logo.jpg) no-repeat;
overflow:hidden;
}

#header h2 a:hover {
background:#fff url(images/logo_hover.jpg) no-repeat;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 0;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000;
}

#content {
clear:both;
}

#banner {
height:255px;
background:url(images/banner.jpg) no-repeat;
clear:both;
}

#bannerelectrics {
height:255px;
background:url(images/bannerelectrics.jpg) no-repeat;
clear:both;
}


#block_1 {
margin:0 5px 1em 0;
float:right;
width:600px;
}

.areaintro {
font-size:92%;
color:#cc0000;
border:3px solid #D4E1EA;
width:207px;
padding:0 10px;
background:#E5E8F4 url(images/areasintro.jpg) repeat-x;
}

.areaintro h3 {
font-style:normal; font-size:94%; margin-top:0;
}

.homelinks {
margin:20px 2px 0 2px;
border:none;
}

.cell_3 {
margin:0 0 1em 5px;
padding:20px 8px;
float:left;
width:246px;
}

.cell_3 h2 {
margin:0 0 10px 0;
padding:4px 0 10px 0;
color:#000000;
font-weight:bold;
}

.cell_3 img {
padding-bottom:10px;
}

h3.ourservices {
background:url(images/ourservices.gif) no-repeat;
text-indent:-999999px;
display:block;
width:231px;
height:35px;
margin:0;
padding:0;
}

h3.contactus {
background:url(images/contactus.gif) no-repeat;
text-indent:-999999px;
display:block;
width:231px;
height:35px;
margin:0;
padding:0;
}

ul.ourservices {
margin:1px 0 15px 0;
}

ul.ourservices li {
list-style-type:none;
}

ul.ourservices li a {
display:block;
background:#F7F8FB url(images/arrowright.gif) 5px center no-repeat;
border-bottom:1px solid #fff;
width:206px;
padding:5px 5px 5px 20px;
}

ul.ourservices li a:hover {
background:#E8EBF4 url(images/arrowright.gif) 5px center no-repeat;
}

ul.ourservices li#serviceactive a {
background:#E8EBF4 url(images/ourservices_on.jpg) 5px center no-repeat;
font-weight:bold;
}

ul.areas {
width:250px;
float:left;
margin:0 0 20px 15px;
}

ul.areas li {
padding-bottom:3px;
}

.twocol {
width:45%;
margin-right:5%;
float:left;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.clear {
clear:both;
}

img.floatright {
float:right;
margin-left:15px;
}

img.floatleft {
float:left;
margin-right:15px;
}

.recruitmentinfo {
background:#EEF0F7;
padding:10px;
margin-left:0px;
border:2px solid #DBDFF2;
margin-bottom:15px;
}


#gaspic {
float:left;
width:102px;
}
#gastext {
float:left;
width:128px;
background:url(images/gastext.jpg) no-repeat;
height:130px;
font-size:12px;
color:#D70621;
padding:0 2px 0 0;
line-height:140%;
}

#footer {
width:880px;
margin:0 auto;
}

#footerinner {
position:relative;
clear:both;
bottom:0;
padding:10px 0;
text-align:right;
font-size:.8em;
color:#5B6876;
}

#footerinner a {
color:#5B6876;
}

#footerinner a:hover {
color:#fff;
}

.footerleft {
float:left;
width:580px;
text-align:left;
}

.footerleft ul {
margin:0;
}

.footerleft ul li {
display:inline;
padding:0 6px;
}

.footerright {
float:right;
width:270px;
}

.footerright p {
padding:0 0 2px 0;
}

dl {margin:20px 0;}
dt {color:#CC0000; font-weight:bold;}
dd {margin-bottom:10px;}

fieldset.emailform {
border:4px solid #DBDFF2;
background:#E5E8F4 url(images/box_bg.jpg) repeat-x;
color:#0E6AD3;
padding:2px 10px;
}

fieldset.emailform legend {display:none;}
fieldset.emailform label {color:#CC0000; font-weight:bold;}








fieldset.sidebaremailform {
border:none;
background:#E5E8F4 url(images/box_bg.jpg) repeat-x;
color:#0E6AD3;
padding:2px 10px;
width:211px;
margin-bottom:15px;
}

fieldset.sidebaremailform legend {display:none;}
fieldset.sidebaremailform label {color:#CC0000; font-weight:bold;}



fieldset.sidebaremailform label.error, fieldset.emailform label.error {
color:#fff;
background:#cc0000;
padding:2px;
}





.emailsent {background:#C0EDC9; padding:1px;}