/* Slider
--------------------*/
.slider {
  position:relative;
  border: 5px solid #eaebeb;
}

.slider .nav { position: absolute; bottom: 6%; left: 46%; z-index: 10; }

.slider .nav ul { margin: 0; padding: 0; list-style-type: none; height: 10%}
.slider .nav ul li {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  float: left;
  background: url('../images/slider-button-off.png') 0 0 no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.slider .nav ul li.active { background: url('../images/slider-button-on.png') 0 0 no-repeat; }

.slider .headline { position: absolute; bottom: 70%; left: 3%; z-index: 1; }
.slider .headline h1 { margin: 0; color: #fff; font-weight:bold; font-size: 2.5em; /* 40px / 14px */ }
.slider .headline h2 { margin: 0; color: #fff; font-weight:bold; font-size: 2.5em; /* 40px / 14px */ }

.shadow {margin: -13px 5px 0;}

div.hit_area {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:5;
}

/*-------------------------
 jCarousel REQUIRED STYLES
-------------------------*/
.jcarousel-skin-ninthstreet .jcarousel-container{width:100%;}
.jcarousel-skin-ninthstreet .jcarousel-clip-horizontal{overflow:hidden;}
.jcarousel-skin-ninthstreet .jcarousel-item{position:relative;z-index:1;}
.jcarousel-skin-ninthstreet .jcarousel-item img{margin-bottom:-6px;}