.example {
    position:relative;
   
    width:100%;
    height:auto;
    
    margin:22px auto;
	padding-top:12px;
    
}

/* main menu styles */
.menuholder {
    float:left;
    font:normal bold 11px/35px Verdana, Geneva, sans-serif;
	text-transform:uppercase;
    
    position:relative;
}
.menuholder .shadow {
   
    left:5%;
    position:absolute;
    top:-9px;
    width:90%;
    z-index:100;
}
/*.menuholder .back {
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    background:#AF363B;
    height:0;
    width:100%;
}
.menuholder:hover div.back {
    height:155px;
	margin-top:50px;
}*/
ul.menu {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}
ul.menu li {
    float:left;
    margin:0px 8px ;
}


ul.menu li > a {
  
    color:#666;
    display:block;
    padding:0px 15px;
    text-decoration:none;
    transition:all 0.2s ease-in-out;
	
}
ul.menu li a.red {
    background:#a00;
	background:#fff;
	box-shadow: 2px 2px 2px #ccc;
	
	
	
}
ul.menu li a.orange {
    background:#da0;
	background:#fff;
	box-shadow:2px 2px 2px #000;
}
ul.menu li a.yellow {
    background:#aa0;
	background:#fff;
	box-shadow:2px 2px 2px #000;
}
ul.menu li a.green {
    background:#060;
	background:#fff;
	box-shadow:2px 2px 2px #000;
}
ul.menu li a.blue {
    background:#00a;
	background:#fff;
	box-shadow:2px 2px 2px #000;
}
ul.menu li a.violet {
    background:#682bc2;
	background:#fff;
	box-shadow:2px 2px 2px #000;
}
.menu li div.subs {
    left:0;
    overflow:hidden;
    position:absolute;
    top:38px;
    width:0;
	background:#AF363B;
	border-radius:10px;
	box-shadow:5px 5px 5px #ccc;
	
	
	
}
.menu li div.subs dl {
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    -webkit-transition-duration:.2s;
    float:left;
    margin:0 130px 0 0;
    overflow:hidden;
    padding:10px 0 1% 2%;
    width:0;
}
.menu dt {
    color:#fc0;
    font-family:arial, sans-serif;
    font-size:12px;
    font-weight:700;
    height:20px;
    line-height:20px;
    margin:0;
    padding:0 0 0 10px;
    white-space:nowrap;
}
.menu dd {
    margin:0;
    padding:0;
    text-align:left;
}
.menu dd a {
    background:transparent;
    color:#fff;
    font-size:12px;
    height:20px;
    line-height:20px;
    padding:0 0 0 10px;
    text-align:left;
    white-space:nowrap;
    width:80px;
	text-decoration:none;
}
.menu dd a:hover {
    color:#fc0;
}
.menu li:hover div.subs dl {
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    -webkit-transition-delay:0.2s;
    margin-right:2%;
    width:21%;
}
ul.menu li:hover > a,ul.menu li > a:hover {
    
    color:#666;
    padding:5px 15px;
	
	
	
}
ul.menu li a.red:hover,ul.menu li:hover a.red {
    background:#c00;
	background:#fff;
	box-shadow:2px 2px 2px #ccc;
	color:#666;
	
	
}
ul.menu li a.orange:hover,ul.menu li:hover a.orange {
    background:#fc0;
	background:#fff;
	box-shadow:2px 2px 2px #000;
	color:#666;
}
ul.menu li a.yellow:hover,ul.menu li:hover a.yellow {
    background:#cc0;
	background:#fff;
	box-shadow:2px 2px 2px #000;
	color:#666;
}
ul.menu li a.green:hover,ul.menu li:hover a.green {
    background:#080;
	background:#fff;
	box-shadow:2px 2px 2px #000;
	color:#666;
}
ul.menu li a.blue:hover,ul.menu li:hover a.blue {
    background:#00c;
	background:#fff;
	box-shadow:2px 2px 2px #000;
	color:#666;
}
ul.menu li a.violet:hover,ul.menu li:hover a.violet {
background:#8a2be2;
}
.menu li:hover div.subs,.menu li a:hover div.subs {
    width:100%;
}
.menu-div{ padding:0 22px !important;}