/* Top level nav -------------------------------------------------------------------------------------  */ 
    ul#nav
    {                
       height: 40px;
       list-style: none;
       margin: 0;
       padding: 0; 
       z-index: 999;                             
    }

    #nav li 
    {
        height: 40px;
        float: left; 
        margin: 0;
        padding: 0;
        position: relative;
       z-index: 999;         
    } 
    
    #nav span
    {
        margin-left: -1000px;
    }

        #nav a
        {   
            border: 0 none;
            cursor: pointer;
            display: block;
            height: 40px;    
            margin: 0;              
            padding: 0;   
            text-decoration: none;  
        }
        
        a#nav_home
        {   
            background: url(../images/nav_home.png) top left no-repeat;    
            width: 77px;   
        } 
        
        a#nav_properties
        {   
            background: url(../images/nav_ourProperties.png) top left no-repeat;    
            width: 143px;   
        }    
        
        a#nav_about
        {   
            background: url(../images/nav_aboutUs.png) top left no-repeat;    
            width: 111px;   
        } 
        
        a#nav_appointment
        {   
            background: url(../images/nav_appointment.png) top left no-repeat;    
            width: 186px;   
        }   
        
        a#nav_news
        {   
            background: url(../images/nav_news.png) top left no-repeat;    
            width: 76px;   
        } 
        
        a#nav_articles
        {   
            background: url(../images/nav_articles.png) top left no-repeat;    
            width: 105px;   
        }    
        
        a#nav_support
        {   
            background: url(../images/nav_weSupport.png) top left no-repeat;    
            width: 126px;   
        } 
        
        a#nav_contact
        {   
            background: url(../images/nav_contactUs.png) top left no-repeat;    
            width: 116px;   
        }                     
        
        #nav a:hover, #nav .active
        {
            background-position: bottom;
        }       

    #nav li:first-child a
    {
        margin-left: 0;
    } 

    #nav li a.active, #nav li a.active:hover, #nav li:hover a.active
    {    
        color: #ffe500;
    }

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


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

#nav li ul 
{
  background-color: #013869;
  
  /* for IE */
  filter:alpha(opacity=98);
  
  /* CSS3 standard */
  opacity: 0.98;
  list-style: none;     
   margin: auto;
   padding: 10px;
   position: absolute; 
      top: 40px;
      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: 160px;
}

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

#nav li ul li a
{
   font-size: 12px;
   font-weight: normal;
   height: 24px;
   line-height: 24px;
   margin: 0;
   padding: 0;  
      padding-left: 10px !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: #fff;   
   display: block; 
   font-size: 12px; 
   font-weight: bold;      
   padding: 0 10px;
} 

#nav li:hover ul li a:hover
{
    color: #c4daf9;   
}

/* 
    LEVEL THREE
*/
ul.dropdown ul ul                     { left: 100%; top: 0; }
ul.dropdown li:hover > ul             { visibility: visible; }