/* KH Electrical Stylesheet */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; background:#6d6f71 url("../images/background/bodybg.gif") top repeat-x; text-align: center; margin: 10px 0 0 0; font-size: 13px; font-family:Arial, Helvetica, sans-serif;}
div#stretch {width: 760px; margin: 0 auto;}
div#sitecontainer {width: 760px; background-color: #FFF; text-align: left; margin: 0 auto;}

/*Text Styles */
h1 {color:#666; font-size: 44px; font-weight: bold; margin:0 0 7px 0;}
h2 {color:#666; font-size: 26px; font-weight: bold; margin:17px 0 17px 0;}
h3 {color:#000; font-size: 14px; font-weight: bold; margin:0 0 8px 0;}
p.opentext {color: #838599; font-size:14px; margin:0; line-height: 20px;} 
p {margin: 0;}
p.phr {background: #FFF url("../images/background/hdot.gif") bottom repeat-x;repeat-x scroll center; margin-top: 3px; margin-bottom: 3px; height: 1px; line-height: 1px;}
p.breadcrumb {font-size: 11px;}
p.imgtext {color: #838599; font-size:14px; margin:15px 0 10px 0; line-height: 20px;} 
p.jobtext {color: #838599; font-size:14px; margin:0; line-height: 20px;} 
p.orange {color:#F78F1E;}
a {text-decoration: none;}
a:link {text-decoration: none; color: #666;}
a:visited {text-decoration: none; color: #666;}
a:active {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #F78F1E;}
div.linkbox a:link {text-decoration: none; color: #666;}
div.linkbox a:visited {text-decoration: none; color: #666;}
div.linkbox a:active {text-decoration: none; color: #666;}
div.linkbox a:hover {text-decoration: none; color: #F78F1E;}
div#bottom a:link {text-decoration: none; color: #838599;}
div#bottom a:visited {text-decoration: none; color: #838599;}
div#bottom a:active {text-decoration: none; color: #838599;}
div#bottom a:hover {text-decoration: none; color: #F78F1E;}
div#nav a:link {text-decoration: none; color: #FFF;}
div#nav a:visited {text-decoration: none; color: #FFF;}
div#nav a:active {text-decoration: none; color: #FFF;}
div#nav a:hover {text-decoration: none; color: #F78F1E;}
div.leftbox ul {margin: 3px 0 0 0; padding-left: 16px;}
div.leftbox ul li {font-size: 10px; line-height: 12px; margin-top:8px;}
ul.normalul {margin-top: 10px; margin-bottom: 10px; font-size: 11px;}
ul.normalul li {position:static; float: none; font-size: 11px;}

/* Start of Suckerfish */
div#nav ul {/* all lists */ padding: 0; margin: 0; list-style: none; font-size: 13px;}
li {/* all list items */ float: left; position: relative; font-size: 13px;}
div#nav li ul a {width: 13em; line-height: 1.8em; position: relative; left: 3px;}
li ul {/* second-level lists */ display: none; position: absolute; top: 1.2em; left: 0; width: 13em; background-color:#000; border: 1px solid #666; border-width: 0 1px 1px 1px;}
li ul li {border: 1px solid #666; border-width: 1px 0 0 0;}
li>ul {/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */	top: auto; left: auto;}
li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block;}
ul#navlist li li a { display: block; text-decoration:none; font-weight: normal; color: #FFFFFF; font-size: 13px;}
ul#navlist li li a:hover { display: block; text-decoration:none; font-weight: normal; color: #F78F1E; font-size: 13px;}
/*End of Suckerfish*/

/* Home Page Left */
/*ESCAPE*/div#top {margin: 0 auto 6px auto; padding: 17px 25px 0px 25px; width: 710px; \width: 760px; w\idth: 710px; height: 115px; \height: 132px; he\ight: 115px;}
div#banner {margin: 0 auto; padding: 0; width: 710px; height: 115px;}
/*ESCAPEdiv#banner {background: #000 url("../images/background/bannerbg.gif") bottom repeat-x; margin: 0 auto; padding: 0 15px 15px 15px; width: 680px; \width: 710px; w\idth: 680px; height: 83px; \height: 98px; he\ight: 83px;}*/
/*ESCAPE*/div#nav {background: #000; color:#FFF; padding: 6px 0 6px 20px; height: 18px; \height: 30px; he\ight: 18px;}
/*ESCAPE*/div#fish {background: #FFF; margin: 0 auto 6px auto; padding: 0 25px 0 25px; width: 710px; \width: 760px; w\idth: 710px; height: 30px; \height: 30px; he\ight: 30px;}
/*ESCAPE*/div#left {background: #FFF url("../images/background/vdot.gif") right repeat-y; float:left; margin:0 auto 0 0; padding: 0 40px 15px 25px; width: 485px; \width: 550px; w\idth: 485px; color: #000; height: auto;}
/*ESCAPE*/div#right {float:right; margin: 0; padding: 0 25px 10px 17px; width: 168px; \width: 210px; w\idth: 168px; height: auto; vertical-align: top;}
/*ESCAPE*/div#first {float:left; margin:0 auto 0 0; padding: 0 25px 15px 25px; width: 174px; \width: 224px; w\idth: 174px; color: #000; height: auto;}
/*ESCAPE*/div#second {background: #FFF url("../images/background/vdot.gif") right repeat-y; float:left; margin: 0 auto 0 0; padding: 0 25px 15px 0; width: 301px; \width: 326px; w\idth: 301px; color: #000; height: auto; min-height: 600px;}
/*ESCAPE*/div#third {float:left; margin: 0 auto 0 0; padding: 0 25px 10px 17px; width: 168px; \width: 210px; w\idth: 168px; height: auto; vertical-align: top;}
/*ESCAPE*/div.leftbox {background: #838599; padding: 10px; width: 154px; \width:174px; w\idth: 154px; color:#FFF; margin: 4px 0 0 0;}

div#divider {width: 760px; height: 11px;}
div#dotbg {background: url("../images/background/dotbg.gif") repeat-y; width:760px; height: auto;}
/*div#banner img {float: left; margin-right: 408px;}*/
div#telephone {color:#FFF; font-size: 20px; font-weight: bold; line-height:1em; margin:0; padding-top: 62px;}
div#banner2 {text-align:center; margin: 0 auto 18px auto; width: 710px; \width: 760px; w\idth: 710px;}
div.linkbox {margin-bottom:20px;}
div#newsbox {/*background: #EDF0F1;*/ font-size: 11px; padding: 0px;}

/* Footer */
div#bottom {background: #FFF url("../images/background/footer.gif") top center no-repeat; height:50px; clear:both; font-size: 9px; color: #838599; padding: 9px 25px 9px 25px; width: 710px; \width: 760px; w\idth: 710px;}
div#bottom p {display:inline;}
p#khelec {margin-left: 170px; font-size: 11px; color: #FFF;}

/* Miscellaneous */
div.casebox {background: #838599; width: 174px; height: 174px; color:#FFF; margin: 0 0 0 0; font-size: 90px; font-weight: bold; text-align:right;}
div.casebox p {padding: 82px 0 0 0; line-height: 90px;}
img.blockimg {display:block;}
div.pagetitle {margin-top: 10px;}
img.odd {width:82px; height: 82px; margin: 0 10px 10px 0;}
img.even {width:82px; height: 82px; margin: 0 0 10px 0;}
div#second table td {vertical-align:top;}
img.caseimg {margin-bottom: 15px;}