.clear {clear:both}	
/* remove the list style */


.mst-holder-push{
	width: 1200px;
	float: left;
	background-color: #403F3F;
}
.master_nav{
	width: 1140px;
	float: left;
	background-color: #403F3F;
	margin-left: 20px;
	position: relative; /* Added for z-index context */
	
}


	
	/* make the LI display inline and position relative 
   so that position absolute can be used in submenu */
     #nav {
    padding: 0;
    margin: 0;
    list-style: none;
    }

	#nav li {
		float:left; 
		display:block; 
		width: auto; 
		background: #403F3F; 
		position:relative;
		z-index: 500; 
		 margin: 0;
		
	}
		
	/* this is the parent menu */
	#nav li a {
		display: block; 
		padding: 20px 30px; 
		height: auto; 
		text-decoration:none; 
		text-align:center; 
		color: #92EBFE;
		font-family: 'Roboto';
       font-style: normal;
       font-weight: 500;
        font-size: 17px;
		transition: all 0.3s ease; /* Smooth transition for hover effects */
	}

	#nav li a:hover {
		color: #91C846;
		background: #403F3F; 
	}
	
	/* you can make a different style for default selected value */

#nav li #current{ color: #f2f4ee;
		background: #91C846;
}


	#nav a.selected {
		color: #000;
		background: #fadbe3; 
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin: 0px 0px 0px 15px; 
			padding:0; 
			list-style:none;
			box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Add shadow for depth */
            z-index: 600; /* Ensure submenus appear above other content */
		}
		
		#nav ul li {
			width: 250px;
			float:left;
			 display: block;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display: block;  
			padding: 14px 10px 14px 20px; 
			color: #92EBFE;
			font-size: 16px;
			text-align: left;
			background-color: #494949;
			border-bottom: 1px solid #363637;
			transition: all 0.2s ease; /* Smooth transition for hover effects */

		}
		
		#nav ul a:hover {
			text-decoration:none;	
			color: #91C846;
		    background: #363637;
			padding-left: 30px; /* Slight indent on hover for visual feedback */
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */