html {  min-height: 100%; margin-bottom: 1px; }  /* Force right scroll to prevent page shift in FF */ 

/* Layout Stylesheet */ 
body{
 height: 100%;  
 margin: 0;
 padding:0; 
 color: #636366;
 background: url('images/bodybg.jpg') repeat-x;
 }

ul, form, img{
    padding: 0;
    margin: 0;
    border: 0;
}

#mainwrap{
    height: 100%;
    width: 920px;
    margin: auto;
    background: #fff; 
}

#hdr{
    border-bottom: 1px solid #003C8E; 
    width:100%; 
    color: #333333; 
    margin:0;
    padding: 0;
}
  
 #topbanner{
    height: 171px;
    width: 100%;
}

#logo{
    float: left; 
}
       
#lh-col{
    position: absolute;
    top: 0;
    left: auto;
    width: 200px;
    padding-left: 25px;
    height: 100%;
    z-index: 6;
    background: url('images/leftnavbg.jpg') repeat-x 0px 144px; 
 }
                                                                                    
.addressbx{ position: absolute; margin: -150px 0 0 40px; z-index: 7; }
.address{ margin: 0px 0px 0px 0px; text-align: center; vertical-align: bottom; }

 
.address li{ list-style-type: none; font:  8pt arial; color: #C9401A; line-height: 18px; }

#rh-col{
    display: none;
    /*   
     width: 235px;
     top: 144px; 
     position:absolute;
     margin-left: 660px; 
     z-index:5;
     background-color: #9FA4AC;*/
}

#c-block {
    height:100%; 
    width:100%;
    z-index:1;
    color: #333;
    /*background:  url('images/leftcolbg2.gif') repeat-y;*/
    background: #fff url('images/leftnavbg.jpg') repeat-x 0px 144px;      
}

#c-col{
    width: 695px;
    margin: 0 0 0 225px;
    padding: 0 0px 0px 5px;
    position:relative;
    z-index:6;
    font: 8pt arial;
    background: #fff;        
    color: #4E4E4E;
    /*border-left: 1px solid #F9AD80;
    border-right: 1px solid #F9AD80;  
    background: #fff url('images/placeholder.jpg') no-repeat top left; */
 }
 
#content{ width: 660px; }
#contentfull { width: 100%; }
.contentul{ margin: 0px 0px 15px 35px; font: bold 10pt Arial, Helvetica, sans-serif; color: #C9401A; list-style-position: inside; list-style-type: square; }

#contentfull p a {  display: block; width: 95%; background: url('images/sitemapborder.gif') no-repeat bottom left; font-size: 12pt; } /*Site Map Primary Links*/
.sitemaplink2 { margin-left: 30px; margin-bottom: 60px; }
.sitemaplink2 li { display: inline; margin-right: 30px; }
 
#c-col p{}
#c-col .pquote { margin: 0 0px 0px 30px; width: 200px; }
.pquote, .pquote2 { font: italic 1em Arial, Helvetica, sans-serif; color: #003574; }
.pquote2 { margin: 0 0px 0px 30px; } 
.pquotert{ margin: 40px 0px 0px 40px; font: italic 1em Arial, Helvetica, sans-serif; color: #003574; }
.pqquotertnm{ font: bold 8pt arial;  color: #003574; }
.lgimg{ margin: 40px 0px 0px 25px; border: 1px solid #F9AD80; border-width: 1px 1px 1px 0; } 
.smallimg1 { float: right; margin: 40px 0px 40px 15px; border: 1px solid #F9AD80; border-width: 1px 1px 1px 1px;  }
.smallimg2 { float: left;  border: 1px solid #F9AD80; border-width: 1px 1px 1px 1px; margin-left: 30px; margin-right: 40px; }    
.spacer{ height: 200px; }

.homeslide{margin: 0; padding: 0; } 
 
.contentlinksul{ margin: 20px 0px 0px 60px; }
.contentlinkstitle{ padding-left: 10px; text-transform: capitalize; }  
.contentlinksul li{ font: bold 10pt arial; line-height: 14pt; color: #CE4118; margin: 0px 0px 0px 0px; list-style-type: none; }
.contentlinksul li a { list-style-type: square; display: list-item; margin-left: 25px; }
 
 .listspacer{
    list-style-type: none;
    padding-bottom: 5px;
 }

.pgtitle,  #c-col p{
    margin: 0px 0px 0px 30px; 
 }
 
.pgtitle, .pgtitletxt{
    letter-spacing: 1px;  
    font:  bold 16pt arial;
    text-transform: capitalize;  
}
 
.pgtitle{ 
    padding: 20px 0px 15px 0px;
    color: #CE4118; 
 }
 
 .pgtitletxt{
    font:  bold 16pt arial; 
    color: #003574;    
 }
 
  #c-col p{ 
    line-height: 15pt;
    font-size: 10pt;
    padding-bottom: 15px;
 }
 
 .hometxt{
    font:  9pt arial; 
    padding-top: 50px;
 }
 
 .hometxtnm{
    font-weight: bold;
    color: #003574;
    font:  bold italic 12pt Palatino Linotype, Book Antiqua3, Palatino6,
 }
 


#rh-col a, #c-col a{
    font-weight: bold;
    text-decoration: none; 
    color: #E5DDD2;
}

#rh-col a:link, #c-col a:link{text-decoration: none; color: #003574; }
#rh-col a:visited, #c-col a:visited {text-decoration: none; color: #003574; }
#rh-col a:hover, #c-col a:hover {text-decoration: none; color: #CE4118; }
#rh-col a:active, #c-col a:active {text-decoration: none; color: #CE4118; }  

.resulttop li a:link, #bottomnav li a:link, .navblock li a:link{text-decoration: none; color: #003C8E;}
.resulttop li a:visited, #bottomnav li a:visited, .navblock li a:visited {text-decoration: none; color: #003C8E;}
.resulttop li a:hover, #bottomnav li a:hover, .navblock li a:hover {text-decoration: none; color: #CE4118}
.resulttop li a:active, #bottomnav li a:active, .navblock li a:active {text-decoration: none; color: #CE4118}

.rtadblock{
    width: 207px;
    height: 273px;
    background: #fff;
}

 /* Right Column Content */    
.ad4{
    margin: 20px 0px 0px 25px;
}

.ad5{
    margin: 14px 0px 14px 14px;
}

#rh-col li{
    list-style-type: none;
} 

 /* Footer Content */ 
 
 #ftr {
 width: 840px;
 height: 40px;
 margin: 0 0 0 24px; 
 color: #333333;
 background: #fff url('images/footerbdr.jpg') no-repeat top left; 
 }
  
#bottomnav{
    width: 100%;
    font:  bold 8pt arial;
    padding-top: 5px;
    list-style-type: none;
}

#bottomnav a:link, a:visited {
    color: #1B75BC;
}

#bottomnav ul{
    padding: 0;
    margin: 8px 0px 0px 201px;

}

#bottomnav li{
    float: left;
    margin-right: 50px;
    padding-top: 0px;
    list-style-type: none;
}

.mask2{
    margin-top: -15px;
}
.copyright{
    text-align: center;
    padding-top: 30px;
    font: 8pt arial;
    color: #074580; 
}


.bicsigif{
    margin: 20px 0px 0px 70px;
}

/*****************Primary Template Headers**************************************/ 
#hs{ height: 144px; background-color: #CC3300; }#hsb{ height: 144px; background-color: #004F8F; } #hsg{ height: 144px; background-color: #4F940F; } /* FF730E C84902orange 4F940F 004F8Fblue filter: alpha(opacity=90); moz-opacity: 0.90; opacity: 0.90;*/  
.hs{ height: 144px; margin-left: 0px;  background-position: bottom right; }
.hs0{ height: 18px; } 
.hs1, .hs1b{ border-top: 1px solid #DC7D3B; border-bottom: 1px solid #DC7D3B; height: 5px; line-height: 5px; margin-left: 225px; }.hs1b{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } 
.hs2{ margin-left: 225px; border-bottom: 1px solid #DC7D3B; height: 19px;  _margin-top: -3px; } *+html .hs2 { margin-left: 225px; margin-top: -3px; }.hs2b{ margin-left: 225px; border-bottom: 1px solid #ccc; height: 19px;  _margin-top: -3px; } *+html .hs2b { margin-left: 225px; margin-top: -3px; }   
.htxt{ width: 200px; margin: 0px 0px 0px 170px; text-align: center; font: bold 12pt Trebuchet MS1, Helvetica, sans-serif; color: #fff; letter-spacing: 2px; border-left: 1px solid #DC7D3B; border-right: 1px solid #DC7D3B; } .htxtb{ width: 200px; margin: 0px 0px 0px 170px; text-align: center; font: bold 12pt Trebuchet MS1, Helvetica, sans-serif; color: #fff; letter-spacing: 2px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } 
.hspacer2{ height: 15px; }
.olaptxt{ float: left; margin: -10px 0px 0px 258px; _margin: -15px 0px 0px 258px; } 
.hs3{ width: 234px; float: right; height: 83px; _height: 78px; border-top: 1px solid #DC7D3B; border-left: 1px solid #DC7D3B;} .hs3b{ width: 234px; float: right; height: 83px; _height: 78px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;} 
.bdrovimg{ position: absolute; z-index: 7; width: 235px; margin-left: 685px; border-top: 1px solid #DC7D3B; border-left: 1px solid #DC7D3B; height: 83px; _height: 78px; } .bdrovimgb{ position: absolute; z-index: 7; width: 235px; margin-left: 685px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; height: 83px; _height: 78px; }  
#timg{ float: right; width: 695px; height: 62px; margin-top: -62px; margin-left: 0px; } 

.breadcrumbs{ margin-left: 30px; padding-top: 4px; color: #003C8E; }
.breadcrumbs a{ text-transform: capitalize; } 
#electrical .breadcrumbs .atlink, #audiovideo .breadcrumbs .atlink, #lowvoltage .breadcrumbs .atlink,
#thermal .breadcrumbs .atlink, #service .breadcrumbs .atlink, #industrial .breadcrumbs .atlink { color: #CE4118; }

/**************************************IMAGES**********Awards, Low Voltage, Training, and Automation as titles for the moment****************************************/
#thumbs { padding-top: 30px; margin-left: 30px; height: 105px; }
#thumbs li{ float: left; margin-right: 25px; list-style-type: none; }

#lowvov { display: block; width: 129px; height: 104px; background: url("images/thumbs/thumb_low_voltage_rollover.jpg") no-repeat 0 0; }
#awardsov { display: block; width: 129px; height: 104px; background: url("images/thumbs/thumb_awards_rollover.jpg") no-repeat 0 0; } 
#trainov { display: block; width: 129px; height: 104px; background: url("images/thumbs/thumb_training_rollover.jpg") no-repeat 0 0; } 
#autoov { display: block; width: 129px; height: 104px; background: url("images/thumbs/thumb_av_rollover.jpg") no-repeat 0 0; } 
#lowvov:hover, #awardsov:hover, #trainov:hover, #autoov:hover{ background-position: 0 -104px; }
#lowvov span, #awardsov span, #trainov span, #autoov span{ display: none; }

.thumbtitle{ position: absolute; padding: 110px 0px 0px 5px; cursor: pointer;}


.rightimg{ float: right; margin-right: 20px; }
.rightimgfull{ float: right; margin-right: 50px; margin-top: 10px; }  

.rightimg2{
    float: right;
    margin-right: 45px;
    padding-left: 40px;
}

.leftimg{
    float: left;
    margin-left: 30px;
}

#imgborder{
    border: 1px solid #F9AD80; 
}

.lwvinstaller{ 
    position: absolute;
    margin: 50px 0px 0px 50px;
}

.servicecat{
    position: absolute;
    margin: 295px 0px 0px 70px;
}

          

.photorow li{
    margin: 0;
    padding: 0;
}


.servicecat li{
    float: left;
    margin-right: 70px;
    font:  bold 12pt arial;
    list-style-type: none;
    letter-spacing: 1px;
    color: #003574;   
}

.servicetxt{
    width: 300px;
}

.servicephoto{
    position: absolute;
    margin: 30px 0px 10px 440px;
}
 
.groupshot{
    float: right;
    margin: 0px 80px 20px 0px;
}

/****************Projects Page**********************/         
.completepj{
    width: 220px;
    padding-bottom: 30px;
    float: left;
    text-align: justify;  
}

.completepj img{
    display: block;
    margin: 0 auto 0 auto;
}

.pjtitle{
    text-align: center;
    padding: 5px 0px 10px 0px;
    font: bold 10pt Arial;
    color: #003574;
}

.pjtxt{
    margin: 0px 10px 0px 10px;
    line-height: 18px;
}
/*******************************************/  


/****************Forms**********************/
input{ font: bold 8pt arial; }
.testform li{ display: inline; }
.formbox{ display: block; margin: 0 auto 0 auto; width: 616px; border: 1px solid #003574; }
.formbox ul{ margin-left: 20px; }
.formboxtitle{ width: 616px; margin: 20px 0px 20px 0px; padding: 4px 0px 4px 0px; text-indent: 20px; background-color: #003574; color: #fff; font: bold 10pt Arial; }
.formboxfield{ padding-bottom: 8px; }
.submitbtn{ margin-left: 20px; }
.contactfield{}
.formitem{ margin-bottom: 10px; }
.formitem2{ margin-left: 20px; }
.formitem{ margin-left: 8px; }
.formitems{ font-weight: bold; }
.formitem li{ display: inline; list-style-type: none; }
.datefield{ width: 80px; text-align: center; }
.schoolnamefield{ width: 190px; text-align: center; } 
.degreenamefield{ width: 150px; text-align: center; }
.underline{ text-decoration: underline; }
.notep{ font-weight: 700; font-style: italic; }
.forminputad{ width: 198px;  height: 45px; }

/*****************Center Column Logo Display***************/    
.logolist { margin-left: 30px; padding: 0; } 
.logolist li{ display: inline; margin-right: 10px; list-style-type: none; }

/***********Contact Us Page****************/   
.contactlist{ margin: 0px 0px 20px 22px; padding: 0; list-style-type: none; line-height: 20px; }
#rightlist2{ float: right; margin-right: 200px; } 
.reful { margin-bottom: 20px; }

/*****************References Page***************/ 
#contentbx{ margin-left: 35px; } 
#rightlist{ float: right; margin-right: 20px; }  
.reful li{  list-style-type: none; }
.reftitle{ font: bold 10pt Arial, Helvetica, sans-serif; color: #C9401A; line-height: 40px; }

/*****************Location Page***************/
.gmap { margin-left: 30px; }  
