#rolling-nav {
  font:normal 16px;
  font-family: 'Abel', sans-serif;
  color:white;
  text-transform:uppercase;
	/* outline:1px solid; */
	width:1000px; /* Fixed width. Measure it manually */
	float:right;
	margin-top:28px;
	font-weight:bold;
}

#rolling-nav ul {
  height:49px;
  margin:0px 0px;
  padding:0px 0px;
  overflow:hidden;
  float:right;
}

#rolling-nav li {
  float:left;
  display:inline;
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

#rolling-nav a,
#rolling-nav a:before {
  display:block;
  margin:0px 0px;
  padding:0px 24px;
  line-height:50px;
  color:black;
  text-decoration:none;
  position:relative;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

#rolling-nav a:before {
  content:attr(data-clone);
  position:absolute;
  top:100%;
	right:0px;
  left:0px;
  display:block;
    background-image: -ms-linear-gradient(top, #e3ddc3 0%, #cec8ae 100%);
background-image: -moz-linear-gradient(top, #e3ddc3 0%, #cec8ae 100%);
background-image: -o-linear-gradient(top, #e3ddc3 0%, #cec8ae 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e3ddc3), color-stop(1, #cec8ae));
background-image: -webkit-linear-gradient(top, #e3ddc3 0%, #cec8ae 100%);
background-image: linear-gradient(to bottom, #e3ddc3 0%, #cec8ae 100%);
  /*border-top:2px solid rgba(0,0,0,0.2);*/
  color:#333;
}

#rolling-nav a:hover {
  margin-top:-50px;
  margin-bottom:1px;
}