/* -----------------------------------------------------------------------------------------------------------------

	Caterite
	
	SCREEN - Home page slideshow
	
	Web					: http://web.furness.net/caterite
	Filename    		: css/cycle.css
	Last Updated		: 19. 03. 2012
	Copyright			: (c) 2012 Chris Sharp
	Author				: Chris Sharp - Furness Internet
	Web					: http://www.csharpdesign.co.uk | http://www.furness.net | http://webteam.furness.net
	
--------------------------------------------------------------------------------------------------------------------*/

.main-container {
  background: url("../images/bg_slides_container.jpg") repeat left top;
  /* <!--border-bottom: 1px solid #d8d8cf;--> */
  clear: both;
  position: relative;
}

.main {
  clear: both;
  min-height: 290px;
  margin: 0 auto;
  margin-top: 16px;
  padding: 0;
  position: relative;
  /* 1108px / 10px */
}

.slides-container {
  /*height: 471px;*/
  margin-top: 0px;
  /* 1108px / 10px */
}

#myslides {
  background: #fff;
  clear: both;
  /*padding: 1em;*/
  position: relative;
  width: 100%;
  max-width: 100%;
}

.slide {
  height: auto !important;
  padding-bottom: 25px;
  float: left;
  margin: 1em;
  position: relative;
  width: 100%;
  max-width: 100% !important;
}

.slide a:hover {
  border: none;
}

.slide img {
  float: left;
  max-width: 100%;
}

.slide-graphic {
  float: left;
  height: 178px !important;
  margin: 0;
  margin-right: 0;
  width: auto; /* 732px / 1108px */
  border: 5px solid #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 2px #aaa9a6;
  box-shadow: 0px 0px 5px 2px #aaa9a6;
}

.slide-content {
  /*background: rgba(41,8,21,0.6);*/
  float: left;
  padding-top: 0;
  width: 463px; /* 300px */
  padding-bottom: 10px;
  background: url(../../images/smallbnrbg.png) bottom no-repeat;
}

.slide-content h1 {
  width: 463px;
  float: left;
  margin: 10px 0 0 0;
  font:
    normal 27px Arial,
    Helvetica,
    sans-serif;
  color: #0a69a7;
  text-align: center;
}

.slide-content p {
  width: 463px;
  float: left;
  text-align: center;
  color: #0a69a7;
  font:
    bold 11px Arial,
    Helvetica,
    sans-serif !important;
  margin-top: 5px;
}

.slide-content p b {
  background: url("../images/arrow.png") no-repeat left 4px;
  display: block;
  font-size: 1em;
  margin-top: 1em;
  padding-left: 18px;
}

a span#next,
a span#prev {
  cursor: pointer;
  display: block;
  height: 34px;
  position: absolute;
  width: 35px;
  z-index: 100;
}

a span#prev {
  background: url(../../images/slide_nav_left.png) no-repeat 0 0;
  opacity: 0.8;
  text-indent: -9999px;
  top: 100px;
  left: -3px;

  -webkit-transition: opacity 0.2s ease-in-out; /*safari and chrome */
  -moz-transition: opacity 0.2s ease-in-out; /* ff */
  -o-transition: opacity 0.2s ease-in-out; /* opera */
  transition: opacity 0.2s ease-in-out;
}

a span#prev:hover,
a span#next:hover {
  opacity: 1;
}

a span#next {
  background: url(../../images/slide_nav_right.png) no-repeat 0 0;
  opacity: 0.8;
  text-indent: -9999px;
  top: 100px;
  right: -16px;

  -webkit-transition: opacity 0.2s ease-in-out; /*safari and chrome */
  -moz-transition: opacity 0.2s ease-in-out; /* ff */
  -o-transition: opacity 0.2s ease-in-out; /* opera */
  transition: opacity 0.2s ease-in-out;
}

#slide-nav {
  background: url("../images/slides_shadow.jpg") no-repeat center top;
  margin-bottom: -6px;
  padding: 0px 0 0 0;
  text-align: center;
}

#slide-nav a {
  background: url(../../images/slider_nav_off.png) no-repeat left top;
  border: none;
  color: #b9b9b9;
  font-family: Arial, sans-serif;
  font-size: 0px;
  margin-right: 0px;
  padding: 0 14px 12px 13px;
  text-decoration: none;
  text-indent: -9999px;

  -webkit-transition: none; /*safari and chrome */
  -moz-transition: none; /* ff */
  -o-transition: none; /* opera */
  transition: none;
}

#slide-nav a:hover {
  color: #343434;
}

#slide-nav a.activeSlide {
  background: url(../../images/slider_nav_on.png) no-repeat left top;
  color: #343434;
}

#slide-nav a:hover {
  background: url(../../images/slider_nav_on.png) no-repeat left top;
}