/* CSS Document */

body {text-align: center;
      margin: 0%;
      background-color: #b7b6bb;
      
}


            
#header {
         text-align: left;
         position: absolute;
         top: 10;
         *top: 10; 
         left: 50%;
         *left: 50%;
         width: 750;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -362px;
      }
      
#headerHistory {
         text-align: left;
         position: absolute;
         top: 0;
         *top: 0; 
         left: 50%;
         *left: 50%;
         width: 750;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -362px;
      }
      
#homeBar {
         text-align: left;
         position: absolute;
         top: 307;
         *top: 307; 
         left: 50%;
         *left: 50%;
         width: 750;
         height: 725;
         *height: 725;
         background-color: #000000;
         margin-left: -362px;
         *margin-left: -362px;
      }
      
#logos {
         text-align: left;
         position: absolute;
         top: 493;
         *top: 493; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
      
.hcLinks { 
           text-align: left;
           position: absolute;
           top: 15;
           *top: 15; 
           left: 50%;
           *left: 50%;
           width: 190;
           color: #dbdbdb;
           font-family: Arial;
           font-weight: bold;
           font-size: 13pt;
           line-height: 160%;
           margin-left: -350px;
      }
      
.hmPlain    {
             text-decoration: none;
             color: #dbdbdb;
             }
.hmPlain.small {
    font-size: 11pt;
    font-weight: normal;
    }
.hmActive.small {
font-size: 11pt;
    font-weight: normal;
}
             
.hmActive    {
              color: #ca520a;
              text-decoration: none;
             }
      
      
#hmcopyBar {
         text-align: left;
         position: absolute;
         top: -21;
         *top: -21; 
         left: 50%;
         *left: 50%;
         width: 560;
         height: 641;
         *height: 641;
         background-color: #ffffff;
         margin-left: -200px;
         *margin-left: -200px;
      }
      
.homeCopy {text-align: left;
           position: absolute;
           top: 15;
           *top: 15; 
           left: 50%;
           *left: 50%;
           width: 300;
           color: #000000;
           font-family: Arial;
           font-weight: normal;
           font-size: 12pt;
           line-height: 130%;
           margin-left: -257px;
       }

.qcText {text-decoration: none;
          color: #ca520a;
          font-family: Arial;
          font-weight: bold;
          font-size: 12pt;
          line-height: 130%;
          
          }  
          
.qc      {text-decoration: none;
          color: #000000;
          font-family: Arial;
          font-weight: normal;
          font-size: 10pt;
          line-height: 130%;
          
          }   
          
.qcText-link {text-decoration: none;
              color: #ca520a;
             }           

.gryText {text-decoration: none;
          color: #a8a8a8;
          font-family: Arial;
          font-weight: bold;
          font-size: 18pt;
          line-height: 110%;
          width: 545;
          }
          
.gryText2 {text-decoration: none;
          color: #a8a8a8;
          font-family: Arial;
          font-weight: bold;
          font-size: 15pt;
          line-height: 120%;
          width: 545;
          margin-left: 80;
          }
          
          
.asphaltLead {
              text-decoration: none;
              color: #000000;
              font-family: Arial;
              font-weight: bold;
              font-size: 12pt;
              line-height: 130%;
            }   
            
            
.asphaltLead2 {
              text-decoration: none;
              color: #ca520a;
              font-family: Arial;
              font-weight: bold;
              font-size: 12pt;
              line-height: 130%;
            }   


.disclaimer {
              text-decoration: none;
              color: #000000;
              font-family: Arial;
              font-weight: normal;
              font-size: 8pt;
              font-style: italic;
              line-height: 130%;
            }   

             
.address {text-decoration: none;
          position:absolute;
          top:10px;
          *top:10px;
          left:25%;
          *left:25%;
          margin-left:-50px;
          *margin-left:-50px;
          height:106px;
          *height:106px;
          width:315px;
          *width:315px;
          background-image:none;
          background-repeat:no-repeat;
          margin-left: -200px;
          color: #ffffff;
          font-family: Arial;
          font-size: 10pt;
          line-height: 130%;
          font-weight: normal;
          width: 750px;
          }
          
.email {text-decoration: underline;
          color: #ffffff;
          font-family: Arial;
          font-size: 10pt;
          line-height: 130%;
          font-weight: normal;
          }
          
.email2 {text-decoration: underline;
          color: #000000;
          font-family: Arial;
          font-size: 12pt;
          line-height: 130%;
          font-weight: normal;
          }
          
.email3 {text-decoration: none;
          color: #ca520a;
          font-family: Arial;
          font-size: 10pt;
          line-height: 130%;
          font-weight: normal;
          }
          
.email4 {text-decoration: none;
          color: #ca520a;
          font-family: Arial;
          font-size: 8pt;
          line-height: 130%;
          font-weight: normal;
          }
             

           
.regLink {text-decoration: none;
          color: #e9ebdf;
          }
          
.email-home {color: #e9ebdf;
             font-family: Verdana;
             font-weight: normal;
             font-size: 10pt;
             text-decoration: none;
             }
    

    
#footerHome {
             text-align: left;
             position: absolute;
             top: 1048;
             *top: 1048; 
             left: 50%;
             *left: 50%;
             width: 750;
             background-color: #b7b6bb;
             margin-left: -363px;
          
    }
    
    
#footerHistory {
         text-align: left;
         position: absolute;
         top: 1418;
         *top: 1418; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -362px;
          
    }
    
#footerAsphalt {
         text-align: left;
         position: absolute;
         top: 920;
         *top: 920; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -362px;
          
    }
    
    
#footerLinks {
         text-align: left;
         position: absolute;
         top: 978;
         *top: 978; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
    
#footerDriveway {
         text-align: left;
         position: absolute;
         top: 1030;
         *top: 1030; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -353px;
          
    }
    
    
#footerHighway {
         text-align: left;
         position: absolute;
         top: 770;
         *top: 770; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -353px;
          
    }
    
    
#footerMaint {
         text-align: left;
         position: absolute;
         top: 870;
         *top: 870; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -353px;
          
    }
    
    
#footerPortfolio {
         text-align: left;
         position: absolute;
         top: 868;
         *top: 868; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
    
#footerWarranty {
         text-align: left;
         position: absolute;
         top: 818;
         *top: 818; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
  .copyright {
            font-family: Arial;
            font-size: 7pt;
            color: #000000;
            font-weight: normal;
           
           }
           
.links {
            font-family: Arial;
            font-size: 7pt;
            color: #000000;
            font-weight: normal;
            text-decoration: none;
           
           }
           

           
//position:absolute; this is a statement that dictates your positions are absolute not a float
 //margin-left:50%; start in the middle
 //left:-150px; offset from the middle in this case it's negative so it goes past the middle to the left