/*  LeGallez Electric website - CSS   */
html,body,div,object,h1,h2,h3,h4,h5,h6,p,a,em,font,form,fieldset,img,textarea,select,strong,sub,sup,ol,ul,li,table,tbody,tfoot,thead,tr,th,td{border:0;outline:0;margin:0;padding:0;font-size:100.01%;}

body{color:#424242;font:12px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; 
     background:url(gray_gradient_bkgd.jpg) repeat-x; margin:0							/*background is entire window*/
}					

h1 {font:normal 30px Helvetica; color:#036; height:80px; margin-bottom:5px; padding-top:40px;}
h1.home { padding-top: 14px; margin-bottom:0px; height:50px;}

h2{ color:#036; font: bold 14px Verdana; margin:0px 0 6px 0;}
h4{font:normal 11px Arial, sans-serif;}
h5{font:normal 9px Arial, sans-serif;}
ol, ul {margin:0px 80px;padding-bottom:8px;list-style-type: square;}		/*margin= vertical,space before dot; padding-bottom=space at bottom of each list */
li {padding:5px 10px; margin:0px;}						/*padding= vertical,space from dot to text; margin= both horiz & vertical */

/*centers everything for smaller browser window*/
#page{width:973px;margin:0 auto -50px;padding:0; position:relative; z-index:100;}

/* header is background of complete header area */
/* headername is graphic company name */
/* headertag is tag lines under name */
/* headercontact is additional info in header */

#header {width:954px; height:135px; padding:4px 0px 0 0px; background:url(gray_gradient_header.jpg) repeat-x;  position:relative; top:20px;}  /*sets width for interior area*/
#headername {position:relative; left:30px;}
#headername a{height:47px;overflow:hidden;text-indent:-9999px;background:url(images/co_title_whitebkgd_trans2.png) no-repeat;display:block;cursor:pointer;}
#headertag {padding: 0 0 0 0px; position:relative; left:75px;color:#404040}
#headercontact {text-align:right; position:relative; left:-40px;color:#484848} 


#navbar{padding: 0% 0% 0% 0%; position:relative; left:0px; top:0px;}			/* padding around bar - top,right,bottom,left */
#navbar ul{list-style: none;}
#navbar li{display: inline; padding-right: 0%;}					/* padding between buttons */

#navbar a:link{font: normal 10px Arial, sans-serif;				/* can define 4 states- link(never visited), visited, active, hover*/ 
   color: white;
   text-decoration: none;							/* text-devoration =underline, overline, linethrough, blink, inherit  */
}	
											
#navbar a:visited{
   font: normal 10px Arial, sans-serif;			/* text in buttons */         /*this is the one that shows up all the time*/
   color: white;
   text-decoration: none;				/* underline, overline, linethrough, blink, inherit  */

}
#navbar a:active{
   font: normal 10px Arial, sans-serif;			/* text in buttons */        /*sometimes flashes for a second when clicked, then gone*/
   color: white;
   text-decoration: none;				/* underline, overline, linethrough, blink, inherit  */
}



/* content-container is entire window background */ 
/* content is area within window for all content */


#content-container {width:100%; min-height:868px; background-color:#DCDCDC;						/*background overlays body*/
                    background:url(images/bg-shadow-middle.png) repeat-y; position:relative; top:20px; left:0px;	 /*position of interior area*/
}    

#content {width:954px; padding:0 10px; position:relative;}


#cols {position:relative; width:100%; min-height:200px; background: url(images/bg_header1.gif) 0 0 repeat-x; overflow:hidden; padding-bottom:0px;}  /*background for top left pane*/
#cols #col-left {float:left; width:640px; min-height:240px; margin: 0px 0px 0px 60px; margin-bottom: -2000px; padding-bottom: 2000px;}
#cols #col-right {float:left; width:251px;min-height:240px; border-left:1px dotted #ccc; margin-bottom: -2000px; padding-bottom: 2000px;}


/* home page rotating images*/
#visual {width:800px; height:267px;}
#visual-left {float:left; position:relative; left:  82px; width:246px; height:265px; border-top:2px solid #000000;}   /*position of pictures on home page*/
#center-pic  {float:left; position:relative; left: 77px; width:299px; height:265px; border-top:2px solid #000000;}
#visual-right{float:left; position:relative; left: 71px; width:246px; height:265px; border-top:2px solid #000000;}
#visual img {width:246px; height:265px;}
#visual-left img, #visual-right img {display:none;}
#visual-left img.first, #visual-right img.first  {display:block;}




#maincol{
   text-align:center;
   float: left;
   width: 99%;				/* must =100% when added to padding on both sides */
   clear: both;
   padding:.5%;				/* puts margin on text in window */
   background: #DCDCDC;                 /* background for home page */
   color: black;   
   font: normal 12px Verdana, sans-serif;
 
}           
#maintext {position:relative; top:00px;}



#footer{
   background: #DCDCDC;   	  /*background for bottom right pane*/
   color: #484848;
   font: normal 12px Verdana, sans-serif;
}