/* Top level nav -------------------------------------------------------------------------------------  */ 

#nav
{      
   list-style: none;
   margin: 0;   
   padding: 0;    
    position: absolute;
      top: 15px;
      right: 30px;
   z-index: 99;     
}

/*  If a text-based top-level nav is need (rather than images), start with this:

#nav li 
{
   border-left: 1px solid #b4b4b4;
   float: left;
   font-size: 14px;
   font-weight: normal;       
   height: 24px;
   margin: 0;            
   padding: 0;
   position: relative;
} 

#nav li a, #nav li a:visited 
{   
      border: 0 none;
      color: #8a9991;
      cursor: pointer;
      font-size: 14px;
      font-weight: normal;                         
      height: 24px;  
      line-height: 24px;  
      text-decoration: none;   
} 

#nav li:hover a, #nav li a:hover 
{
   color: #ffc80b; 
}

*/

#nav li 
{
   border: 0 none;   
   float: left;       
   height: 24px;
   margin: 0;            
   padding: 0;
   position: relative;
   list-style:none outside none;
} 

   #nav li a, #nav li a:visited 
   {   
      background-position: top left;      
      background-repeat: no-repeat;
      border: 0 none;
      color: #4d4d4d;      
      cursor: pointer;
      display: block; 
      font-size: 13px;
      font-weight: bold;                            
      height: 24px; 
      margin: 0;            
      padding: 0;            
      text-decoration: none;
      text-transform: uppercase;           
   }
   
   a#nav_about
   {
      background: url(../images/nav_about.png);  
      width: 87px;
   } 
   
   a#nav_safety
   {
      background: url(../images/nav_safety.png);  
      width: 70px;
   }       
   
   a#nav_employees
   {
      background-image: url(../images/nav_employees.png);  
      width: 95px;
   }
   
   a#nav_projects
   {
      background: url(../images/nav_projects.png);  
      width: 146px;
   }   
   
   a#nav_vacancies
   {
      background-image: url(../images/nav_vacancies.png);  
      width: 155px;
   }
   
   a#nav_contact
   {
      background: url(../images/nav_contact.png);  
      width: 87px;
   }            

/* hover effect for 1st level navigation */
#nav li:hover a, #nav li a:hover , #nav li a.active
{
   background-position: bottom;
}

/* Dropdown -------------------------------------------------------------------------------------  */   

#nav li ul 
{
  background-color: #fff;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity: 0.9;
  list-style: none;     
   margin: auto;
   padding: 10px;
   position: absolute; 
      top: 24px;
      left: 0;
   visibility: hidden;  
   border-radius-bottomleft: 10px;
   border-radius-bottomright: 10px;   
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px; 
   width: 130px;
}

#nav li ul.wide
{
   width: 300px;
}

#nav li ul li
{  
   border: 0 none;      
   float: none;  
   font-size: 12px;
   font-weight: bold;   
   height: 24px;
   line-height: 24px;
   margin: 0;
   padding: 0;

}

#nav li ul li a
{
   background: url(../images/bullet.png) top left no-repeat;
      background-position: 0 0.6em !important;    
   font-size: 12px;
   font-weight: bold;
   height: 24px;
   line-height: 24px;
   margin: 0;
   padding: 0;  
      padding-left: 12px !important;
}

#nav li:hover ul, #nav li a:hover ul
{
   visibility: visible; 
}

#nav li:hover ul li a, #nav li a:hover ul li a 
{
   color: #000;   
   display: block; 
   font-size: 12px; 
   font-weight: bold;      
   padding: 0 10px;
} 

#nav li:hover ul li a:hover
{
   color: #c88502;
   font-size: 12px;    
}