@import "./style.less";

@main-color: #11A84E;

#menu {
	  width:100%;
	  padding:0;
	  margin:0;
	  list-style-type: none;
	}
	#menu li {
	  width:20%;
	  float:left;
	  padding:0;
	  margin:0;
	  text-align:center;
	}
	#menu li a {
	  width:auto;
	  color:#fff;
	  font-size:14px;
	  font-weight:bold;
	  text-shadow:0 -1px 0px #333,0 1px 0px #0FA84E;
	  padding:10px 0;
	  text-decoration:none;
	  display:block;
	  background:#10A84E;
	  background-image: -moz-linear-gradient(top, #12A84E 0%, #11A84E 50%, #10A84E 50%, #11A84E100%);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #12A84E), color-stop(0.50, #11A84E ), color-stop(0.50, #10A84E), color-stop(1, #11A84E));
	  border-left:1px solid #444;
	  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	             -1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #10A84E;
	}
	#menu li:first-child a{
	  border-left:0px;
	  border-radius:5px 0 0 5px;
	  border-left:0;
	  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #10A84E;
	}
	#menu li:last-child a{
	  border-radius:0 5px 5px 0;
	  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #10A84E;
	}
	#menu li a:hover {
	  background:#555;
	  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
	  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
	             -1px 0px 0px rgba(225,225,225,0) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,

	              0px 1px 3px #10A84E;	}