@charset "UTF-8";

/********************************************************************************

This is the TransitionTownTotnes slideshow core css. We do not recommend 
modifying the css in this file. To cusomize the slideshow, 
edit ttt.slideshow.customize.css

*********************************************************************************/

/*==========================================
 reset all containers
==========================================*/

div.ttt-slideshow-wrapper, 
div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container,
div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container ul.ttt-slideshow-slide-list,
div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container ul.ttt-slideshow-slide-list li.ttt-slideshow-slide,
div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container ul.ttt-slideshow-slide-list li.ttt-slideshow-slide img.ttt-slideshow-image
{ 
	margin: 0; 
	padding: 0; 
}

/*==========================================
 slideshow wrapper
==========================================*/

div.ttt-slideshow-wrapper{ overflow: hidden; margin-bottom: 10px;}

/*==========================================
 list of slides
==========================================*/

div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container
{
	position: relative;
	float: left;
	width: 100%;
    height: auto;
	background: #EEE url(../images/loader.gif) no-repeat center;
	overflow: hidden;
}

div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container ul.ttt-slideshow-slide-list
{
	list-style: none;
	width: 100000px;
}

/*==========================================
 slides / slide contents
==========================================*/

div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container ul.ttt-slideshow-slide-list li.ttt-slideshow-slide
{
	display: block;
	float: left;
	width: auto;
	border: none;
}

div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container ul.ttt-slideshow-slide-list li.ttt-slideshow-slide img.ttt-slideshow-image
{
	border: none;
	display: block;
	visibility: hidden;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

html.ie div.ttt-slideshow-wrapper div.ttt-slideshow-slide-list-container ul.ttt-slideshow-slide-list li.ttt-slideshow-slide img.ttt-slideshow-image
{
	-ms-interpolation-mode: bicubic;
	zoom: 1;
}

/*==========================================
 slide titles
==========================================*/

div.ttt-slideshow-wrapper div.ttt-slideshow-controls a.ttt-slideshow-title
{
	display: block;
	margin-right: 140px;
	width: auto;
	overflow: hidden;
}

/*==========================================
 slideshow controls
==========================================*/

div.ttt-slideshow-wrapper div.ttt-slideshow-controls
{
	float: left;
	position: relative;
	width: 100%;
	margin-top: -2px; /* hide bottom edge of image, broswer resize can distort it */
	z-index: 9999;
}

div.ttt-slideshow-wrapper div.ttt-slideshow-controls div.ttt-slideshow-arrows
{
	position: absolute;
	right: 0;
	top: 0;
	min-width: 20px;
	min-height: 20px;
	z-index: 9999;
}

div.ttt-slideshow-wrapper div.ttt-slideshow-controls a.ttt-slideshow-left-arrow, 
div.ttt-slideshow-wrapper div.ttt-slideshow-controls a.ttt-slideshow-right-arrow
{
	display: block;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	cursor: auto;
}

html.ie div.ttt-slideshow-wrapper div.ttt-slideshow-controls a.ttt-slideshow-left-arrow, 
html.ie div.ttt-slideshow-wrapper div.ttt-slideshow-controls a.ttt-slideshow-right-arrow
{
	zoom: 1;
	filter: alpha(opacity=50);
}

div.ttt-slideshow-wrapper div.ttt-slideshow-controls a.ttt-slideshow-enabled
{
	opacity: 1;
	cursor: pointer;
}

html.ie div.ttt-slideshow-wrapper div.ttt-slideshow-controls a.ttt-slideshow-enabled { filter:alpha(opacity=100); }