/* Meritage Homes Navigation Stylesheet  */

div#nav {	
	z-index:20;	
	padding-left:30px;
	width:744px;	
	xclear:both;
	xfloat:left;
}				
	div#nav ul {
		z-index:40;		
	}	
	
		div#nav ul li {
			float:left;
			margin:0 31px 0 0;
		}
		
			div#nav ul li.last {
				margin:0;
			}
		
			div#nav ul li a {				
				padding:0;
				display:block;
			}		
			
					div#nav ul li:hover a, 
					div#nav ul li a:hover {
						color:#5b90b9;
					}	
					
		#nav ul li:hover .rollover .on,
		#nav ul li.sfhover .rollover .on
		{
	        visibility: visible;
            position: relative;
        }
        
        #nav ul li:hover .rollover .off,
        #nav ul li.sfhover .rollover .off
        {
            visibility:hidden;
            position:absolute;
        }
/*------------------------------------------------------*/
/* =dropdowns                                           */
/*------------------------------------------------------*/
#nav ul ul {			
			list-style: none;
			z-index:20;
			position:absolute;
			left: -999em;
			width:auto;
			min-width:100px;
			border:1px solid #999999;
			background-color:#333333;
		}		
		
		#nav ul ul li {
			clear:left;
			float:left;
			margin:0;
			display:block;
		}
	
		
		#nav ul ul li a, 
		#nav ul li:hover ul li a {
			color:#fff;
			clear:both;
			float:none;
			padding:3px 9px 3px 4px;			
			display:block;
		}		
		
				#nav ul li ul li:hover a, #nav ul li ul a:hover {
					background-color:#F4C117;
					color:#333333;
					
				}
		#nav ul li ul li {
			clear:left;
			margin:0;
			float: none;
			display:block;			
			white-space:nowrap;			
		}
		
			
		#nav ul ul li ul ul {
			margin: -1.75em 0 0 14em;
		}
		
		#nav li.sfhover ul ul, 
		#nav li.sfhover ul ul ul,
		#nav li:hover ul ul, 
		#nav li:hover ul ul ul	 {
			left: -999em;
		}
		
		#nav li.sfhover ul, 
		#nav li li.sfhover ul, 
		#nav li li li.sfhover ul,
		#nav li:hover ul, 
		#nav li li:hover ul, 
		#nav li li li:hover ul {
			left: auto;
		}


#nav > ul li.contact
    {
    position:relative;
    }


    
#nav > ul li.contact:hover ul
    {
    
    right:0;
    left:auto;
    }

		
/*------------------------------------------------------*/
/* =select states                                            */
/*------------------------------------------------------*/
		
#home #nav .home,
#about #nav .about,
#available #nav .available,
#community #nav .communities,
#company #nav .company,
#resources #nav .resources,
#services #nav .services,
#contact #nav .contact
{
    color:#5b90b9;
}