/*  Jason Watson, 2010
/Hendrix Electric, Inc.
/Derived from a template on csseasy.com */



 
body {
width:900px;
margin:0 auto;
margin-top:5px;
background-image: url("../images/grad.png");
background-color: #B0B0AD;
color:#333739;
font: 100% Verdana, Sans-Serif;
}
 
 /* slideshow styles. thanks to http://jquery.malsup.com/cycle */
 
.slideshow { height: 259px; width: 650px; margin: 0px 0px 5px 0px; }
.slideshow img { padding: 0px; border: 1px solid #ccc; background-color: #eee; } 
 
 /* --- Text Styles --- */
h2 { 
font: 175% Verdana, Sans-Serif;
font-weight:bold;
text-align:center;
margin: 0;
padding: 0;
color:#333739;
} 
 
h3, h4{ margin: 0; padding: 0; }

h3{
	font:bold 120% Verdana, sans-serif;
	color:#333739;
	text-align:center;
	
}

h3.columnheader {
color:#fff; }

h4 { 
margin:0;
padding:0px;
text-align:left;
font:bold 110%, Verdana, sans-serif;
color:#333739;
}

 
p { 
padding: 0px;
margin: 0px; 
color:#333739;}

p.border {
border:1px dotted black;
color:#333739;
margin: 5px 139px 5px 5px;
padding:5px;
text-align:center;
}

p.servicestxt {
font-size:110%;
margin:5px;

}
p.employeesection { 

text-align:left;
font-size:110%;
}
p.services {

color:#333739;
margin: 10px 5px 5px 5px;
padding:5px;
text-align:center;
font-size:110%;
}

p.frontpage {
/* on front/news page below photos */
margin:15px; 
font-size:120%;
}

.centerimg {
border-color:#ccc;
border-width:1px;
}

.centerimg2 {
border:1px dotted black;
float:right;
margin:5px;
}

.btm { float:clear; font: 80% Verdana, sans-serif;} 




/* Link styles */ 
 a:link { text-decoration:none; color:#f2f2f9; }
a:hover {text-decoration: underline; color: #698bb2; }
a:visited { text-decoration:none; color:#f2f2f9; }
a:active { text-decoration:none;}

a.dark:link {color:#333739; font-weight:bold;}
a.dark:hover { color:#333739; text-decoration:underline; }
a.dark:visited { color:#333739; font-weight:bold;}
a.dark:active {color:#333739; }

/* Table styles */

td, th { border: 1px #ccc solid; }
table { border-collapse: collapse; text-align:center; font-size:100%; margin:3px; width:70%; }

th { color:#fff; background-color:#698bb2; padding:3px;}
 
.odd { background-color:#f2f2f9; }
tr { background-color:#f8f8fc; }

caption.contact {
color:#333739;
background-color:f2f2f9;
width:250px;
font-weight:bold;
font-family: Arial sans-serif;
font-size: 150%;
}

/* UL Styles */

ul.rangeofsvc {
list-style-type:square;
}

#employeesection {
margin-left:45px;
padding:0;
text-align:left;
font-size: 140%;
}

#employeesection li {
margin-top:10px;
list-style-type:none; 
}

#employeesection a, #employeesection a:visited { 
	  display:block; 
	   
	  
	  }


#footernavigation {
  list-style-type: none;
		font-size:80%;
	color:#f2f2f9;
	padding:0px;
}

#footernavigation li {
display:inline;
padding:0px;
}

#img-list {
list-style-type: none;
padding: 3px;
margin:0px;
}

#img-list li {
display: inline;
}

#img-safety { text-align:center; margin: 0; padding: 0;}

/* ----- HEADER ----- */
 
 
 
#header {
width:930px;
height:76px;
background-color:#f2f2f9;
background-image: url('../images/header.png');
background-repeat: no-repeat; 
text-align:left;
font-weight:bold;
padding: 0px 0px 0px 10px;

}
 
 
 
/* ----- NAVIGATION ----- */
 
 
 
#navigation {
width:940px;
height:20px;
background-color:#698bb2;
margin-top:1.5px;
text-align: center;
color: #fff;
padding: 0px
/* background-image: url('../images/navbg.png');
background-repeat: no-repeat; */

}
 
/* --- Navigation UL items ---- */
ul#minitabs{list-style: none;margin: 0;padding: 1px 0px 7px 0px;
  border-bottom: 1px solid #FFF;font-weight: bold;
  text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 2px;padding-left:5px;}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #FFF;color: #FFF}
ul#minitabs a#current{border-color: #F60;color: #06F}
ul#minitabs a:hover{border-color: #F60;color: #fff}
 
/* ----- MAIN CONTENT ----- */
 
 
 
#content { 
width:940px;

height:850px; /* for IE5.x and IE6 */
margin-top:6px;
background: #f2f2f9;
 background-image: url('../images/contentbg2.png');
background-repeat: no-repeat;

/* border: 1px solid black; */
}

#content-services { 
width:940px;
min-height:780px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:780px; /* for IE5.x and IE6 */ /* background-color:#f0f0f0; */
margin-top:6px;
background: #f2f2f9;
 background-image: url('../images/contentbg2.png');
background-repeat: no-repeat;

/* border: 1px solid black; */
}

 /* ---- Center Divs ----- */
#ColumnHeader {
 width: 669px;
 height: 21px;
 background-color:#698bb2;
 border:1px solid white;
 margin: 10px 0px 0px 260px;
 padding: 0px 0px 0px 0px;
 text-align:center;
 float:left;
}


#About {
width: 210px;
 height: 575px;
 background:#E1E6FA;
 margin: 10px 1px 1px 5px;
 float:left;
 /* font-family: Trebuchet, sans-serif; */
 font: 80% Arial, sans-serif;
 text-align:left;
 
  padding:5px;
	border: 1px solid white;
 
  /* background-image: url('../images/columnbg2.png');
 background-repeat:no-repeat; */
}

#News {
 width: 675px;
 height: 725px;
 background:#E1E6FA;
 margin: 10px 1px 5px 22px;
 float:left;
 font: 75% Verdana, sans-serif;
 text-align:center;
  padding:5px;
	border: 1px solid white;
 



}


#LeftColumn {
width: 150px;
 height: 450px;
 background:#E1E6FA;
 margin: 2px 1px 5px 30px;
 float:left;
 font: 80% Arial, sans-serif;
 text-align:center;
  padding:5px;
	border: 1px solid white;
 
}
 
 #MiddleColumn {
width: 150px;
 height: 450px;
 background:#E1E6FA;
 margin: 2px 1px 5px 10px;
 float:left;
 font-family: Ver, sans-serif;
 text-align:center;
 font-size:80%;
  padding:5px;
 border: 1px solid white;

}

#RightColumn {
width: 150px;
 height: 450px;
 background:#E1E6FA;
 margin: 2px 1px 5px 10px;
 float:left;
 font-family: Arial, sans-serif;
 text-align:center;
 font-size:80%;
 /* background-image: url('../images/columnbg2.png');
 background-repeat: no-repeat; */
 padding:5px;
 border: 1px solid white;
}
#PanelColumn {
width: 150px;
 height: 450px;
 background:#E1E6FA;
 margin: 2px 1px 5px 1px;
 float:left;
 font-family: Arial, sans-serif;
 text-align:center;
 font-size:80%;
 /* background-image: url('../images/columnbg2.png');
 background-repeat: no-repeat; */
 padding:5px;
 border: 1px solid white;
}

#Bottom { 
height: 75px; 
width: 425px; 
background-color:#E1E6FA; 
margin: 0px 0px 0px 150px; 
padding:15px;
float:left; 
border: 1px solid white;
 font-family: Arial, sans-serif;
 text-align:center;
 font-size:80%;
 }
 
 /* Front Page Services Columns */
 
 #front-commercial {
	height: 350px;
	width: 150px;
	
	padding: 0px;
	float:left;
	margin-left:25px;
 }
 #front-commercial:hover {
	
 }
 #front-industrial {	
	height: 350px;
	width: 150px;
	padding: 0px;
	
	float:left;
 }
 #front-utility {
	height: 350px;
	width: 150px;
	padding: 0px;
	
	float:left;}
 #front-panel {
	height: 350px;
	width: 150px;
	padding: 0px;
	float:left;}

/* CONTENT PAGES DIVS */



#Contact { 
 width: 645px;
 height: 520px;
 background:#E1E6FA;
 margin: 10px 1px 5px 48px;
 float:left;
 /* font-family: Trebuchet, sans-serif; */
 font: 80% Arial, sans-serif;
 /*text-align:center;*/

  padding:5px;
	border: 1px solid white;
  
}
#Newsletter { /* used on the newsletter page to contain the embedded PDF */
 width: 645px;
 height: 575px;
 background:#E1E6FA;
 margin: 10px 1px 5px 48px;
 float:left;
 /* font-family: Trebuchet, sans-serif; */
 font: 80% Arial, sans-serif;
 text-align:center;

  padding:5px;
	border: 1px solid white;
  
}

#Schedule { /* used on employee schedule pages to contain the embedded PDF */
width: 645px;
 height: 600px;
 background:#E1E6FA;
 margin: 10px 1px 5px 48px;
 float:left;
 /* font-family: Trebuchet, sans-serif; */
 font: 80% Arial, sans-serif;
 text-align:center;

  padding:5px;
	border: 1px solid white; }

#HighVolt { 
width: 675px;
 height: 630px;
 background:#E1E6FA;
 margin: 10px 1px 5px 20px;
 float:left;
 /* font-family: Trebuchet, sans-serif; */
 font: 80% Arial, sans-serif;
 text-align:center;

  padding:5px;
	border: 1px solid white; }
	
#Industrial { 
width: 675px;
 height: 630px;
 background:#E1E6FA;
 margin: 10px 1px 5px 20px;
 float:left;
 /* font-family: Trebuchet, sans-serif; */
 font: 80% Arial, sans-serif;
 text-align:center;

  padding:5px;
	border: 1px solid white;
}

#Commercial { 
width: 665px;
 height: 630px;
 background:#E1E6FA;
 margin: 10px 1px 5px 25px;
 float:left;
 /* font-family: Trebuchet, sans-serif; */
 font: 80% Arial, sans-serif;
 text-align:center;

  padding:5px;
	border: 1px solid white;
}


/* ---- Misc Divs ---- */

#map {
margin: 10px 0px 0px 5px;


}



/* ----- FOOTER ----- */
 
 
 

/*

#footer { 
width:940px;
height:25px;
text-align:center;
background-color:#4e74a1;
margin:15px 0px 3px 0px;
padding:0px;
float:left;
} */