/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container {  width:1000px ; height:154px ; margin:0px auto 10px; padding:0px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:950px ; height:150px ; margin:3px auto 0px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:none; }


/* DIV container slider example */
#gallery_container2 {  width:1000px ; height:65px ; margin:3px auto 10px; padding:0px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden; width:950px; height:65px; margin:3px auto 0px;  }

/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:65px; top:0px; right:0px; background:url(../images/gallery_fwd2.jpg) no-repeat center;  }
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:65px; top:0px; left:0px; background:url(../images/gallery_back2.jpg) no-repeat center;  }

/* the thumbnails container */
#thumbs2 { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:none; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:120px; top:20px; right:0px; background:url(../images/gallery_fwd.jpg) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:120px; top:20px; left:0px; background:url(../images/gallery_back.jpg) no-repeat;  }
/* thumbnail slider end */
 
/*----------------------                ------------------------- */	
					    /* Slider CSS */
/*----------------------                ------------------------- */	
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute; top:0px; left:0px;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   border:0;
   padding:0;
   margin:0;
   z-index:6;
   display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
   display:block;
   position:absolute;
   z-index:5;
   height:100%;
}

.nivo-box {
   display:block;
   position:absolute;
   z-index:5;
}

 
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	background-image: url(../images/arrows.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 30px;
	width: 30px;
}
.nivo-nextNav {
	right:0px;
	background-image: url(../images/arrows.png);
	background-position: right center;
	display: block;
	height: 30px;
	width: 30px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}









/*----------------------                      ------------------------- */	
					  /* TEXT SCROLLING 2 CSS */
/*----------------------                      ------------------------- */	
#slideshow {
	margin:0;
	width:585px;
	position:relative;
	 padding-bottom:20px;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:585px;
  height:730px;
  overflow:auto; /* allow scrollbar */
  position:relative;
 
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:585px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:720px;
}
 
.nivo-controlNav {
	width:251px;
	height:40px;
	position:absolute;
	left:350px; /* Manually position in centre. Not perfect :( */
	bottom:-42px;
	z-index:20; /* Make sure it is visible above the slides */
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 8;
	padding-left: 82px;
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(../images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px; /* Selected bullet */
}

.nivo-caption {
    bottom:40%; /* Vertically centre the captions */
    left:auto;
    right:0px; /* Put them on the right */
    width:auto;
    max-width:630px;
    overflow:hidden;
    background:#fff;
    text-shadow:none;
    font-family: 'Anton', arial, serif; /* Using a Google Font (not required) */
    color:#4c4b4b;
}
.nivo-caption p {
    padding:5px 15px;
}
.nivo-caption a { 
    color:#333;
    font-weight:bold;
    font-size:27px;
    text-transform:uppercase;
}