#slide-container, #multiple-slide-container {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width: 770px;
	height: 315px;
}

.item, .item-triple {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.foreground {
  position: absolute;
}

.background {
  position: absolute;
  overflow: hidden;
}

#slide-container {
  background-color: #fff;
  border: 1px solid #eee;
}

.item a, .item-triple a {
  display: block;
  width: 990px;
  height: 315px;
}

.item .background img {
  max-width: 770px; /* to avoid max-width: 100% of Twitter Bootstrap */
}

.item-triple .background img {
  max-width: 315px; /* to avoid max-width: 100% of Twitter Bootstrap */
}

.foreground .element, .foreground-triple .element {
  color: #111;
  text-shadow: 1px 1px 2px #ddd;
  width:100%;
  position: relative;
  text-align:right;
}

.foreground .element.icon, .foreground-triple .element.icon {
  top: 200px;
  left: 30px;
  width: 700px;
  padding-top:55px;
  height: 114px;
  background: transparent url(../img/play.png) no-repeat;
  background-position: 0 0;
}

.background .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin:20px;

}

.foreground .element.title, .foreground-triple .element.title {
  text-transform: uppercase;
  font-size: 40px;
  top: 200px;
}

.foreground .element.subtitle {
  font-size: 17px;
  top: 200px;
}

.ui-loader {
  display: none;
}

#multiple-slide-container .triple-slides {
  width: 320px;
  height: 320px;
  float: left;
  overflow: hidden;
  position: relative;
}

#multiple-slide-container .triple-slides .foreground-triple .element.title {
  font-size: 28px;
}

#multiple-slide-container .triple-slides .item-triple a {
  width: 320px;
  height: 315px;
}