#cssmenu {
  padding: 0;
  margin: 0; 
}


#cssmenu ul {
  position: relative;
  z-index: 1;
  list-style:none;
  margin:0;
}

#cssmenu ul li {
  float: left;
  min-height: 1px;
  width:100%;
  box-sizing:border-box;
  line-height: 1em;
  vertical-align: middle; 
  padding:10px;
  cursor:pointer;
  border-radius:3px;
  border-bottom:1px dotted #ccc;
}

#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  width: 100%; }

#cssmenu ul ul li {
  float: none; }

#cssmenu ul li:hover > ul {
  visibility: visible; }

#cssmenu ul ul {
  top: 0;
  left: 100%; }

#cssmenu ul li {
  float: none; }

/* Custom Stuff */


#cssmenu span, #cssmenu a {
    display: inline-block;

	color:#333;
	font-weight:normal;
    text-decoration: none; 
}


 #cssmenu li:hover {
   //   background: #0991BC; 
     background: #333; 
	  color:#fff;
	    -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;

 }
 

 
#cssmenu a {
    color: #fff;
    padding: 5px 10px 5px 10px;
}

	#cssmenu ul li:hover span {
		color:#fff;	
	}
	#cssmenu ul li:hover ul li span {
		color:#7A8394;
	}
	#cssmenu ul li ul li:hover span {
		color:#fff;
	}
  #cssmenu ul ul li {
      background: #eee; 
	  color:#7A8394;
}

  #cssmenu ul ul li:hover {
    background: #0991BC; 
  }
  #cssmenu ul ul li ul li {
   background: #eee; }
  #cssmenu ul ul li ul li:hover {
    background: #0991BC; }
  #cssmenu .has-sub {
    position: relative; 
	}
