/* CSS Document menu =================================================*/


#menu {
  position: absolute;
  top: 60px;
  left: 0;
  width: 780px;
  height: 93px;
  background: url(menu/bg_menutop.png) 0 0 no-repeat;
  }

#menu ul {
  margin: 0 auto;
  height: 0;
  width: 735px;
  padding-top: 13px;
  }
#menu li {
  float: left;
  background: 50% 0 no-repeat;
  }
#menu li a {
  display: block;
  width: 105px;
  text-align: center;
  padding-top: 62px;
  background: url(menu/edu2a.png) 50% 0 no-repeat;
  text-decoration: none;
  color: #002d4e;
  font-size: 14px;
  font-family: "trebuchet ms", arial;
  text-transform: lowercase;
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom: 12px solid #f8f8f8;
  overflow: visible;
  }
#menu li a.condensed {
  letter-spacing: 0;
  }  
#menu li a:hover {
  background-image: url(menu/edu1a.png);
  color: #999;
  border-color: #eee;
  }

  
  #menu li.home {
    background-image: url(menu/home1a.png);
    }
    #menu li.home a {
      background-image: url(menu/home2a.png);
      }
      #menu li.home a:hover {
        background-image: url(menu/home1a.png);
        }        
        #home #menu li.home {
          background-image: url(menu/home1a.png);
          }
          #home #menu li.home a,
          #home #menu li.home a:hover {
            background-image: url(menu/home3a.png);
            color: #ff8a00;
            }

  #menu li.portfolio {
    background-image: url(menu/portfolio1a.png);
    }
    #menu li.portfolio a {
      background-image: url(menu/portfolio2a.png);
      }
      #menu li.portfolio a:hover {
        background-image: url(menu/portfolio1a.png);
        }        
        #portfolio #menu li.portfolio {
          background-image: url(menu/portfolio1a.png);
          }
          #portfolio #menu li.portfolio a, 
          #portfolio #menu li.portfolio a:hover {
            background-image: url(menu/portfolio3a.png);
            color: #ff8a00;
            }
    
  #menu li.about {
    background-image: url(menu/about1a.png);
    }
    #menu li.about a {
      background-image: url(menu/about2a.png);
      }
      #menu li.about a:hover {
        background-image: url(menu/about1a.png);
        }        
        #about #menu li.about {
          background-image: url(menu/about1a.png);
          }
          #about #menu li.about a,
          #about #menu li.about a:hover  {
            background-image: url(menu/about3a.png);
            color: #ff8a00;
            }

  #menu li.services {
    background-image: url(menu/services1a.png);
    }
    #menu li.services a {
      background-image: url(menu/services2a.png);
      }
      #menu li.services a:hover {
        background-image: url(menu/services1a.png);
        }        
        #services #menu li.services {
          background-image: url(menu/services1a.png);
          }
          #services #menu li.services a,
          #services #menu li.services a:hover {
            background-image: url(menu/services3a.png);
            color: #ff8a00;
            }

  #menu li.quality {
    background-image: url(menu/quality1a.png);
    }
    #menu li.quality a {
      background-image: url(menu/quality2a.png);
      }
      #menu li.quality a:hover {
        background-image: url(menu/quality1a.png);
        }        
        #quality #menu li.quality {
          background-image: url(menu/quality1a.png);
          }
          #quality #menu li.quality a,
          #quality #menu li.quality a:hover {
            background-image: url(menu/quality3a.png);
            color: #ff8a00;
            }

  #menu li.contact {
    background-image: url(menu/contact1a.png);
    }
    #menu li.contact a {
      background-image: url(menu/contact2a.png);
      }
      #menu li.contact a:hover {
        background-image: url(menu/contact1a.png);
        }        
        #contact #menu li.contact {
          background-image: url(menu/contact1a.png);
          }
          #contact #menu li.contact a,
          #contact #menu li.contact a:hover {
            background-image: url(menu/contact3a.png);
            color: #ff8a00;
            }
 
   #menu li.edu {
    background-image: url(menu/edu1a.png);
    }
    #menu li.edu a {
      background-image: url(menu/edu4a.png);
      color: #650400;
      }
      #menu li.edu a:hover {
        background-image: url(menu/edu1a.png);
        color: #999;
        }        
        #edu #menu li.edu {
          background-image: url(menu/edu4a.png);
          }
          #edu #menu li.edu a,
          #edu #menu li.edu a:hover {
            background-image: url(menu/edu3a.png);
            }