/* 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: 605;
         *height: 605;
         background-color: #000000;
         margin-left: -362px;
         *margin-left: -362px;
      }
      
#rmLogos {
         text-align: left;
         position: absolute;
         top: 375;
         *top: 375; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
#rmLogos2 {
         text-align: left;
         position: absolute;
         top: 769;
         *top: 769; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
#rmLogos3 {
         text-align: left;
         position: absolute;
         top: 754;
         *top: 754; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
#rmLogos4 {
         text-align: left;
         position: absolute;
         top: 719;
         *top: 719; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
#rmLogos5 {
         text-align: left;
         position: absolute;
         top: 469;
         *top: 469; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
      
#rmLogos6 {
         text-align: left;
         position: absolute;
         top: 855;
         *top: 855; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
#rmLogos7 {
         text-align: left;
         position: absolute;
         top: 360;
         *top: 360; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
#rmportLogos {
         text-align: left;
         position: absolute;
         top: 458;
         *top: 458; 
         left: 50%;
         *left: 50%;
         width: 190;
         height: 155;
         *height: 155;
         margin-left: -372px;
         *margin-left: -372px;
      }
      
      
.rmLinks { 
           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;
             }
             
.hmActive    {
              color: #ca520a;
              text-decoration: none;
             }
             
             
.rmPlain    {
             text-decoration: none;
             color: #dbdbdb;
             }
             
.rmActive    {
              color: #ca770a;
              text-decoration: none;
             }
      
      
#rmcopyBar {
         text-align: left;
         position: absolute;
         top: -24;
         *top: -24; 
         left: 50%;
         *left: 50%;
         width: 560;
         height: 531;
         *height: 531;
         background-color: #ffffff;
         margin-left: -200px;
         *margin-left: -200px;
      }
      
.rmCopy {text-align: left;
           position: absolute;
           top: 20;
           *top: 20; 
           left: 50%;
           *left: 50%;
           width: 275;
           color: #000000;
           font-family: Arial;
           font-weight: normal;
           font-size: 12pt;
           line-height: 130%;
           margin-left: -257px;
       }

.rmCopy2 {text-align: left;
           position: absolute;
           top: 0;
           *top: 0; 
           left: 50%;
           *left: 50%;
           width: 520;
           color: #000000;
           font-family: Arial;
           font-weight: normal;
           font-size: 12pt;
           line-height: 130%;
           margin-left: -257px;
       }
       
.qc      {text-decoration: none;
          color: #000000;
          font-family: Arial;
          font-weight: normal;
          font-size: 10pt;
          line-height: 130%;
          
          }   



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

.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: 100%;
          width: 545;
          margin-left: 80;
          }
          
          
.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;
          color: #ffffff;
          font-family: Arial;
          font-size: 10pt;
          line-height: 130%;
          font-weight: normal;
          }
          
.email {text-decoration: underline;
          color: #ffffff;
          font-family: Arial;
          font-size: 10pt;
          line-height: 130%;
          font-weight: normal;
          }
          
          
.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%;
            }   
             

           
.regLink {text-decoration: none;
          color: #e9ebdf;
          }
          
.email-home {color: #e9ebdf;
             font-family: Verdana;
             font-weight: normal;
             font-size: 10pt;
             text-decoration: none;
             }
             
             
.email3 {text-decoration: none;
          color: #ca770a;
          font-family: Arial;
          font-size: 10pt;
          line-height: 130%;
          font-weight: normal;
          }
    

    
#footerHome {
             text-align: left;
             position: absolute;
             top: 930;
             *top: 930; 
             left: 50%;
             *left: 50%;
             width: 750;
             background-color: #b7b6bb;
             margin-left: -363px;
          
    }
    
    
#footerAbout {
         text-align: left;
         position: absolute;
         top: 1020;
         *top: 1020; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
#footerOrder {
         text-align: left;
         position: absolute;
         top: 988;
         *top: 988; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
    
#footerServices {
         text-align: left;
         position: absolute;
         top: 958;
         *top: 958; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
#footerProds {
         text-align: left;
         position: absolute;
         top: 708;
         *top: 708; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
    
#footerContact {
         text-align: left;
         position: absolute;
         top: 398;
         *top: 398; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
    
#footerTest {
         text-align: left;
         position: absolute;
         top: 1088;
         *top: 1088; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
    
#footerTest2 {
         text-align: left;
         position: absolute;
         top: 740;
         *top: 740; 
         left: 50%;
         *left: 50%;
         width: 750;
         background-color: #b7b6bb;
          margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
         margin-left: -363px;
          
    }
    
    
#footerPortfolio {
         text-align: left;
         position: absolute;
         top: 800;
         *top: 800; 
         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;
           
           }
           
           
           
.email2 {text-decoration: underline;
          color: #000000;
          font-family: Arial;
          font-size: 12pt;
          line-height: 130%;
          font-weight: normal;
          }

           
//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