ul.dropdown
{
   list-style: none; 
   margin: 0;
   padding: 0;
}

ul.dropdown a
{
   text-decoration: none;
   cursor: pointer;
}

.dropdown li
{
   list-style-type: none;
   list-style-image: none;
   margin: 0;
   padding: 0;
}

/* 
	LEVEL ONE
*/

/* Nav level one -------------------------------------------------------------------------------------  */
   a#aboutus
   {
      background: url(../images/layout/btn_aboutus.png) top left no-repeat;         
      display: block;
         height: 45px;
         width: 83px;
   } 
   
   a#products
   {
      background: url(../images/layout/btn_products.png) top left no-repeat;         
      display: block;
         height: 45px;
         width: 89px;
   } 
      
   a#commercial
   {
      background: url(../images/layout/btn_commercial.png) top left no-repeat;         
      display: block;
         height: 45px;
         width: 107px;
   } 

   a#news
   {
      background: url(../images/layout/btn_news.png) top left no-repeat;         
      display: block;
         height: 45px;
         width: 58px;
   }
   
   a#locateus
   {
      background: url(../images/layout/btn_locateus.png) top left no-repeat;         
      display: block;
         height: 45px;
         width: 89px;
   } 
   
   a#contactus
   {
      background: url(../images/layout/btn_contactus.png) top left no-repeat;       
      display: block;
         height: 45px;
         width: 95px;
   }     
   
      a#aboutus:hover, a#products:hover, a#commercial:hover, a#news:hover, a#locateus:hover, a#contactus:hover
      {
         background-position: bottom;
      }    
   
                
ul.dropdown
{ 
   position: absolute; 
      top: 68px;
      right: 0;
}

ul.dropdown li
{ 
   float: left; 
   zoom: 1;
}

ul.dropdown a:hover
{ 
   color: #000; 
}

ul.dropdown a:active
{
   color: #ffa500;
}

ul.dropdown li a
{
   display: block; 
}

ul.dropdown li.hover, ul.dropdown li:hover
{
   color: #6a5117; 
   position: relative; 
}

ul.dropdown li.hover a
{
   color: #6a5117;
}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						
{  
   margin: 0;
   margin-top: -1px;
   padding: 0;  
   position: absolute;
      top: 100%;
      left: 0;
   visibility: hidden;   
   width: 150px;      
}

ul.dropdown ul li
{            
   float: none;
   height: 20px; 
   line-height: 20px;
   width: 150px;
}

ul.dropdown ul li a
{    
   background: url(../images/layout/bk_dropdown.png) top center no-repeat;     
   color: #fff; 
   font-size: 12px;
   line-height: 20px;
   padding-left: 20px;
   width: 130px;
}

   ul.dropdown ul li a:hover, ul.dropdown ul li.first a:hover, ul.dropdown ul li.second a:hover, ul.dropdown ul li.third a:hover, ul.dropdown ul li.last a:hover
   {
      background-position: bottom; 
      color: #171405;
   }

   ul.dropdown ul li.first a
   {
      background: url(../images/layout/bk_dropdown_first.png) top center no-repeat;  
   }
   
   ul.dropdown ul li.second a
   {
      background: url(../images/layout/bk_dropdown_second.png) top center no-repeat;   
   }
   
   ul.dropdown ul li.third a
   {
      background: url(../images/layout/bk_dropdown_third.png) top center no-repeat;   
   }   
   
   ul.dropdown ul li.last a
   {
      background: url(../images/layout/bk_dropdown_last.png) top center no-repeat; 
      height: 26px; 
   }   
						  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					
{
   border-right: none;
   width: 100%;
   display: inline-block; 
} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					
{
   left: 100%;
   top: 0;
}

ul.dropdown li:hover > ul 			
{
   visibility: visible;
}