
#TopNav
{
    clear:both;
    height:26px; 
    position:relative; 
    z-index:100; 
    padding-left:30px;
    background:url(../../img/header/nav_bg.gif) left top repeat-x;
}
       
    /* LEVEL 1 */
    #TopNav ul
    {
        padding:0;
        margin:0;
        list-style-type:none;
    }
                
        #TopNav ul li
        { 
            float:left;
            position:relative;
             /* width:130px;  change me */ 
        }
        
         #TopNav ul li.divider
        { 
            float:left;
            position:relative;
            width:19px;   
            height:26px;
            background:url(../../img/header/nav_divider.gif) center top no-repeat;
        }
        
        /* LEVEL 2 */
        #TopNav ul ul 
        {
            visibility:hidden; 
            position:absolute;  
            height:0;
            top:26px;    /* change me */
            left:-10px; 
            width:130px; /* change me */   
        }
    
        /* turn on for hover */
        #TopNav ul li.hover ul, /* ie6 js fix */
        #TopNav ul li:hover ul,
        #TopNav ul a:hover ul{visibility:visible;  }
        
        #TopNav ul li.hover ul ul, /* ie6 js fix */
        #TopNav ul li:hover ul ul,
        #TopNav ul a:hover ul ul{visibility:hidden;  }
        
        li.btm
        {
            color:#6C6B57; 
            height:5px;  
            overflow:hidden;
            width:185px;  /* change me */ 
            padding:3px 0 3px 15px;
            padding-left:15px;
            background:#F6F6F6;        
        }
                
        
          /* LEVEL 3 */
        #TopNav ul ul ul
        {
            visibility:hidden; 
            position:absolute;
            height:0;
            top:-3px;    /* change me */
            left:200px; 
            width:200px; /* change me */
        }
        * html #TopNav ul ul ul{top :0; } 
        
        #TopNav ul li.end ul ul
        {
            left:-200px; 
        }
    
        /* turn on for hover */
        #TopNav ul ul li.hover ul, /* ie6 js fix */
        #TopNav ul ul li:hover ul,
        #TopNav ul ul a:hover ul{visibility:visible;  }
        
                
        /* level 1 link styles */
        #TopNav a, 
        #TopNav a:visited 
        {
            display:block; 
            text-decoration:none; 
            color:#6C6B57; 
            width:130px;  /* change me - same as #TopNav ul li */
            height:26px;   /* change me */ 
            xline-height:26px;
            font-size:1.2em;
            font-weight:normal;
        }
        
        #TopNav a:hover, 
        #TopNav ul ul a:hover  {color:#C72F22}         
        
        /* level 2 link styles */
        
        #TopNav ul li.l1 ul a, 
        #TopNav ul li.l1 ul a:visited 
        {   
            color:#6C6B57; 
            height:auto; 
            xline-height:1em;  
            width:185px;  /* change me */
            xline-height:1.6em;
            padding:3px 0 3px 15px;
            padding-left:15px;
            background:#F6F6F6;            
        }     
         
        
        
        #TopNav ul li.l1 ul a:hover{  background:#E3E3E0 !important;}        
        #TopNav ul li.l1 ul :hover > a{ background:#E3E3E0 !important;}       
         
        #TopNav ul  li.l1 ul li:first-child{padding-top:10px;  background:url(../../img/header/dd_shadow_top.gif) left top repeat-x;} 
        
        
        /* level 3 link styles */   
        #TopNav ul  li.l1 ul ul li:first-child{padding-top:3px; background:url(../../img/header/dd_shadow_left.gif) left top repeat-y #E3E3E0;} 
     
        #TopNav ul li.l1 ul ul a, 
        #TopNav ul li.l1 ul ul a:visited,
        #TopNav ul li.l1 ul ul li:first-child a
        {    
            background:url(../../img/header/dd_shadow_left.gif) left top repeat-y #E3E3E0;
        }    
        #TopNav ul  li.l1 ul li:first-child ul{padding-top:10px; } 
        
        #TopNav ul li.l1 ul ul a:hover{color:#fff; background:#C72F22 !important;}    
       
        #TopNav ul a{ text-indent:-999999px; }
        #TopNav ul ul a{ text-indent:0px; }
        
        #TopNav a.home,
        #TopNav a.home:visited{ background-image:url(../../img/en/nav/home-nav.gif); width:36px; }          
        #TopNav a.home:hover{ background-position:bottom;  }  
        #TopNav  :hover  > a.home  { background-position:bottom;  }
        #TopNav  .selected  > a.home  { background-position:bottom;  }
        
        #TopNav a.about,
        #TopNav a.about:visited{ background-image:url(../../img/en/nav/nav_about.gif); width:131px; }          
        #TopNav a.about:hover{ background-position:bottom;  }  
        #TopNav  :hover  > a.about  { background-position:bottom;  }
        #TopNav  .selected  > a.about  { background-position:bottom;  }
        
        #TopNav a.invest,
        #TopNav a.invest:visited{ background-image:url(../../img/en/nav/invest-in-dubai-nav.gif); width:144px; }          
        #TopNav a.invest:hover{ background-position:bottom;  }  
        #TopNav  :hover  > a.invest  { background-position:bottom;  }
        #TopNav  .selected  > a.invest  { background-position:bottom;  }
        
        #TopNav a.industries,
        #TopNav a.industries:visited{ background-image:url(../../img/en/nav/nav_industries.gif); width:86px; } 
        #TopNav a.industries:hover{  background-position:bottom;  } 
        #TopNav  :hover  > a.industries  { background-position:bottom; } 
        #TopNav  .selected > a.industries  { background-position:bottom;  } 
        
        #TopNav a.companies,
        #TopNav a.companies:visited{ background-image:url(../../img/en/nav/nav_companies.gif); width:95px; } 
        #TopNav a.companies:hover{  background-position:bottom; } 
        #TopNav  :hover  > a.companies  { background-position:bottom; } 
        #TopNav  .selected  > a.companies  { background-position:bottom; } 
        
        #TopNav a.investor,
        #TopNav a.investor:visited{ background-image:url(../../img/en/nav/nav_investor.gif); width:105px; } 
        #TopNav a.investor:hover{ background-position:bottom; }  
        #TopNav  :hover  > a.investor  { background-position:bottom; }
        #TopNav  .selected  > a.investor  { background-position:bottom;  }
        
        #TopNav a.industries,
        #TopNav a.industries:visited{ background-image:url(../../img/en/nav/nav_industries.gif); width:86px; } 
        #TopNav a.industries:hover{  background-position:bottom; }  
        #TopNav  :hover  > a.industries  { background-position:bottom; }
        #TopNav  .selected  > a.industries  { background-position:bottom;  }
        
        #TopNav a.community,
        #TopNav a.community:visited{ background-image:url(../../img/en/nav/nav_community.gif); width:165px; } 
        #TopNav a.community:hover{  background-position:bottom;  } 
        #TopNav  :hover  > a.community  { background-position:bottom;  } 
        #TopNav  .selected  > a.community  { background-position:bottom;  } 
        
        #TopNav a.media,
        #TopNav a.media:visited{ background-image:url(../../img/en/nav/nav_media.gif); width:82px; } 
        #TopNav  a.media :hover{  background-position:bottom; }  
        #TopNav  :hover  > a.media  { background-position:bottom;  }
        #TopNav  .selected  > a.media  { background-position:bottom;  }
        
        #TopNav a.careers,
        #TopNav a.careers:visited{ background-image:url(../../img/en/nav/nav_careers.gif); width:45px; } 
        #TopNav a.careers:hover{  background-position:bottom; }  
        #TopNav  :hover  > a.careers  { background-position:bottom;  }
        #TopNav  .selected  > a.careers  { background-position:bottom; }
        
        #TopNav ul li.l1_careers ul li{ width:177px !important; }       
        
        #TopNav ul li.l1_careers ul li.btm,
        #TopNav ul li.l1_careers ul li a{ width:162px !important; }