/* Layout/Site Navigation */

#navigation ul {
  width: 150px;
  background-position: center top;
  background-repeat: no-repeat;
  
}
/* Define gradients */
#navigation ul li {
  background: #000080;
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='rgba(255, 255, 255, 0)',GradientType=0);
  width: 150px;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* Set background color for mouse over */
#navigation ul li:hover {
  background-color: #fff !important;
}

/* Set text color for mouse over */
#navigation nav ul a:hover {
  color: red;
}

/* Create tab look */
#navigation ul li:after {
  content: '';
  display: block;
  position: absolute;
  right: -4px;
  bottom: -1px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #000080;
  margin: 0;
  padding: 0;
}

/* Text font within the tabs */
#navigation ul li a {
  font-family: Arial, Helvetica;
  color: #0000FF;
  font-size: 11.5px;
  line-height: 10.5px;
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
  text-shadow: 0px 0px 0px white;
  width: 150px;
  background-position: 150px center;
  background-repeat: no-repeat;
  padding: 2px 1px 2px 2px;
  font-weight: bold;
  display: block;
  border-top: 1px solid #000;
  border-bottom: 1px solid #fff;
}

/* Background image */
#navigation nav ul {  
  background-color: #eeeeee; 
 /* background-image: url('http://atlas/home/def-sky-boat-shadow.jpg');*/
  clear: both;
  margin: 0;
  padding: 0;
}