#gradient2 {
  width:100%;
  padding:0;
  margin:0;
  list-style-type: none;
}

#gradient2 li {
  width:25%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
  list-style-type: none;
}

#gradient2 li a {
  width:auto;
  color:#222;
  font-size:12px;
  font-weight:bold;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#A4C6FF;
  background-image: -moz-linear-gradient(top, #D9E5FF 0%, #BAD3FF 50%, #A4C6FF 50%, #BAD3FF 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D9E5FF), color-stop(0.50, #BAD3FF), color-stop(0.50, #A4C6FF), color-stop(1, #BAD3FF));
  border-left:1px solid #75A9FF;
  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 #A4C6FF;
}

#gradient2 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 #A4C6FF;
}

#gradient2 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 #A4C6FF;
}

#gradient2 li a:hover {
  color:#fff;
  background:#8EB8FF;
  background-image: -moz-linear-gradient(top, #8EB8FF 0%, #75A9FF 50%, #5D99FF 50%, #75A9FF 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8EB8FF), color-stop(0.50, #75A9FF), color-stop(0.50, #5D99FF), color-stop(1, #75A9FF));
  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 #A4C6FF;
}