.alljo-slideshow {
  position: relative;
  overflow: hidden;
  border: 1px solid #8B7E65;
  height: 400px;
  width: 600px;
}

.alljo-slideshow ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  list-style: none;
  
  height: 600px;
  width: 1%;
  
  /*
  width: 2400px;
  height: 400px;
  */
}

.alljo-slideshow ul li {
  float: left;
  
  width: 600px;
  height: 400px;
}

.alljo-slideshow ul li .text-slide {
  margin: 20px;
}

.slideshow-container {
  overflow: hidden;
  height: 1%;
}

.slideshow-container .prev-button {
  float: left;
  width: 129px;
  padding-right: 10px;
  padding-top: 185px;
  text-align: right;
}

.slideshow-container .alljo-slideshow#how-it-works {
  float: left;
}

.slideshow-container .next-button {
  float: left;
  width: 129px;
  padding-left: 10px;
  padding-top: 185px;
}

.slideshow-navigation {
  overflow: hidden;
  height: 1%;
  position: relative;
  margin: 0 139px;
  margin-top: 1px;
}

.slideshow-navigation ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  overflow: hidden;
  height: 1%;
  float: left;
  left: 224px;
  margin-left: 0;
}

.slideshow-navigation ul li {
  width: 30px;
  float: left;
  margin: 0 1px 0 0;
  
}

.slideshow-navigation ul li a {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 30px;
  background-color: #8B7E65;
  color: #fff;
  text-decoration: none;
  display: block;
}

.slideshow-navigation ul li a:hover, .slideshow-navigation ul li a.current-slide {
  background-color: #DBD6CC;
  color: #524A3A;
}