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

/*Index Page*/
#flash-intro {float:right; margin:20px 5px 0 0; border:1px solid #ccc; height:336px; padding:1px; width:448px}
#home-top {clear:both; margin:10px 0 0 0; padding:5px;  }
#home-left {float:left; width:350px; padding:10px 0 0 10px}
#home-left p {margin:10px 0 0 10px;}
#home-bottom {clear:both;  padding:5px; }
.bottom-headers {font-size:16px; font-weight:bold; background:#CCC; text-align:center; border-bottom:2px solid #999; padding:3px 0 3px 0; color:#000; text-decoration:none; font-style:normal}
#home-bottom p {padding:10px; margin:3px; border:1px solid #ccc; font-size:12px; height:150px;}
#l {float:left; width:275px; border:2px solid #999;}
#m {float:left; width:275px; border:2px solid #999; margin:0 0 0 18px;}
#r {float:right; width:275px; border:2px solid #999;}
.read-more {clear:both;text-align:right; margin:5px 10px 5px 0; font-size:10px; height:10px;}
#home-services {padding:5px 0 0 30px; margin:3px; border:1px solid #ccc; font-size:12px; height:165px;}


/*Contact Page */

#contact-form { float:right; width:500px; margin:5px 5px 0 0;}
#contact-form p {font-weight:bold; margin:0; font-size:12px; color:#333}
#contact-left {float:left; width:350px;}
.contact {list-style:none;margin:50px 0 0 15px;}
.contact li {padding:0 0 0 20px; }
.contact-head {font-weight:bold; margin:10px 0 0 -10px; }


/*About Page*/
#power-lines {float:right; border:1px #999 solid; padding:1px;}
#about-left {float:left; width:385px;}
#about-left p {margin:5px 0 5px 10px}

/*Repairs*/
.repairs {clear:both; padding:20px 0 0 0}
.repairs p {padding:10px 0 0 10px;}
.r-left {float:left; width:375px; margin:50px 0 0 20px;}
.repairs .r-right {float:right; width:400px; margin-right:20px;text-align:center; font-size:12px; font-weight:bold}

.hover-border { width:400px; border:1px solid #999; padding:1px;}
.hover-swap {background:url(../images/after.jpg) no-repeat; width:400px; height:300px;  }
.hover-swap a, .hover-swap a:link, .hover-swap a:visited {display:block;}
.hover-swap {width:400px; height:300px; }
.hover-swap a:hover img {visibility:hidden; }

.hover-swap-2 {background:url(../images/after-2.jpg) no-repeat; width:400px; height:300px;  }
.hover-swap-2 a, .hover-swap-2 a:link, .hover-swap-2 a:visited {display:block;}
.hover-swap-2 {width:400px; height:300px; }
.hover-swap-2 a:hover img {visibility:hidden; }

/*Services*/
#services-container {margin:20px 10px 10px 10px;}
.services-left {margin:5px 0 0 30px; font-weight:bold; float:left; width:400px;}
.services-right {margin:5px 0 0 30px; font-weight:bold; float:right; width:400px;}
.services-left .list-indent {margin:0 0 0 20px; font-weight:normal}
.services-right .list-indent {margin:0 0 0 20px; font-weight:normal}

#infared {padding-top:50px; clear:both}
#infared-left {float:left; width:375px; margin:40px 0 0 10px}
#infared-left p {margin-left:10px;}
#infared-right {float:right; width:320px; margin:0 80px 0 0}
.hover-border-2 { width:320px; border:1px solid #999; padding:1px;}
.hover-swap-3 {background:url(../images/transformer-after-oil.jpg); width:320px; height:240px;  }
.hover-swap-3 a, .hover-swap-3 a:link, .hover-swap-3 a:visited {display:block;}
.hover-swap-3 {width:320px; height:240px; }
.hover-swap-3 a:hover img {visibility:hidden; }

/*POWERTESTING*/
.hover-border-4 { width:500px; border:1px solid #999; padding:1px;}
.hover-swap-4 {background:url(../images/after3.jpg) no-repeat; width:500px; height:667px;  }
.hover-swap-4 a, .hover-swap-4 a:link, .hover-swap-4 a:visited {display:block;}
.hover-swap-4 {width:500px; height:667px; }
.hover-swap-4 a:hover img {visibility:hidden; }

.hover-border-5 { width:400px; border:1px solid #999; padding:1px;}
.hover-swap-5 {background:url(../images/wire-after.jpg) no-repeat; width:400px; height:300px;  }
.hover-swap-5 a, .hover-swap-5 a:link, .hover-swap-5 a:visited {display:block;}
.hover-swap-5 {width:400px; height:300px; }
.hover-swap-5 a:hover img {visibility:hidden; }