Dropdown CSS

gistfile1.aw

/*============= Dropdown ============*/

ul.dropdown ul li,
ul.dropdown-vertical {
}

ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown li:hover ul ul ul,
ul.dropdown li:hover ul ul ul ul,
ul.dropdown li:hover ul ul ul ul ul {
	visibility: hidden;
}

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

ul.dropdown ul ul ul ul ul ul {
	visibility: hidden !important;
}

ul.dropdown li ul li,
ul.dropdown li ul li ul li,
ul.dropdown li ul li ul li ul li,
ul.dropdown li ul li ul li ul li ul li
{
	float:none;
}
.sub-menu{
	width:250px;
	position:absolute;
	background:#405F52;
	z-index:4;
}
ul.sub-menu{
	margin: 24px 0px 0px -10px;
	padding: 0px 0 0 0;
	-webkit-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    9px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         9px 9px 0px rgba(50, 50, 50, 0.75);
}
ul.sub-menu li{
	font-family:atrssl, sans-serif;
	font-size:14px;
	text-transform:none;
	text-shadow:none;
	margin:10px 20px 10px 20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
ul.sub-menu li:first-child{
	padding-top:10px;
}
ul.sub-menu li:last-child{
	border:none;
}
.men-serv:hover{
	-webkit-box-shadow: 9px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    9px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         9px 9px 0px rgba(50, 50, 50, 0.75);
	background:#405F52;
	height: 57px;
	padding-top:23px;
	margin-top:-23px;
}
.men-serv:hover a{
	color:#EC7B1D;
	text-shadow:none;
}
.men-serv:hover ul.sub-menu li a{
	color:#fff;
	text-shadow:none;
}
.men-serv ul.sub-menu li a:hover{
	color:#EC7B1D;
	text-shadow:none;
	
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	-ms-transition-duration: 0.1s;
	transition-duration: 0.1s;
}