* {
  margin: 0;
  padding: 0;
}
body{
	font-family: sans-serif;
	color: #333;
}	
#menu ul{
	list-style: none;
	background: #009ACD;
	text-align: center;
	border-radius: 5px;
  
}	
#menu img{
	padding-top:10px;
	padding-left:30px;
		float:left;
}	
#menu>ul{
	list-style: none;
	background:#009ACD;
	text-align: center;
	border-radius:5px;
	
}	
#menu ul li{
	color: #fff;
	display:inline-table;
	width: 220px;
	height: 50px;
	
	position:relative;
	-webkit-transition: all 1s;
	
}	
#menu ul li a{
  box-sizing: border-box;
  padding-top:15px;
   padding-left:40px;
  height: 50px;
	padding-right:60px;
	text-align:center;
	color:#f1f1f1;
	text-decoration:none;
	display:block;
	transition: all 1s;
	-webkit-transition: all 1s;
	border-radius: 5px;
  
}	
#menu ul li a:hover{
	background:#fff;
	color: green;
	font-size:1em;
}	
#menu ul li .sub-menu{
	display: none;
	position:absolute;
	
	z-index: 0;
	
	perspective: 400px;
	
}	

#menu ul li:hover >.sub-menu{
	background-color:#00BFFF;
	display: block;
   
}			
#menu>ul>li>.sub-menu>li:hover>.sub-menu{
	
	top: 0;
    left: 100%;
	
}
#menu ul li:hover .sub-menu >li{
	border-bottom:solid 1px;
	transition: all 1s;
	-webkit-transition: all 1s;
}