/**

*	Really Simple™ Slideshow -- CSS

*/



.rs-slideshow {

	width: 966px;

	height: 297px;

	border: 1px solid #333;

	overflow: hidden;

	position: relative;

}



.rs-slideshow .slide-container {

	position: absolute;

	height: 100%;

	left: 0;

	overflow: hidden;

	top: 0;

	width: 100%;

}



.rs-slideshow .slide-container img {

	position: relative;

}



.rs-slideshow .slide-container .slide-caption {

	width: 241px;

	height: 240px;

	background-color: #fff;

    border-right: 1px solid #333;

	top: 0;

	color: #333;

	display: block;

	left: 0;

	padding: 30px !important;

	position: absolute;

	text-align: left;

	filter: alpha(opacity=95); /* internet explorer */

	-khtml-opacity: 0.95;      /* khtml, old safari */

	-moz-opacity: 0.95;       /* mozilla, netscape */

	opacity: 0.95;           /* fx, safari, opera */

}



.rs-slideshow .slide-container .slide-caption p {

	position: relative;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	margin-top: -10px;

}



.rs-slideshow .slide-container .slide-caption span#headerText {

	font-family: "Arial Black", Gadget, sans-serif;

	font-size: 20px;

	font-weight: normal;

	color: #333 ;

	display: block !important;

}





.rs-slideshow .slide-container .slide-caption a {

	padding: 5px;

	background-color: #333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #efefef;

	text-decoration: none;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	cursor: pointer;

}



.rs-slideshow .slide-container .slide-caption a:hover {

	padding: 5px;

	background-color: #efefef;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #013f7d;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	cursor: pointer;

}



.rs-slideshow .slides {

	display: none;

}



.rs-slideshow .slide-container img,

.rs-slideshow .slide-container .slide-caption,

.rs-slideshow .slide-container a {

	filter: inherit;

}





/**

*	These styles make the list of links to slide images visible to users

*	who don't have JavaScript enabled. By adding the 'no-js' class to 

*	the HTML element, and using Modernizr to remove this class for JS

*	users, we can style for both scenarios.

*	http://www.modernizr.com/

*/



.no-js .rs-slideshow {

	height: auto;

}

.no-js .rs-slideshow .slide-container, 

.no-js .rs-slideshow .slide-container img {

	position: relative;

}

.no-js .rs-slideshow .slides {

	display: block;

	margin: 24px 48px;

}

.no-js .rs-slideshow .slides li {

	margin: 0;

}







/**

*	The following styles are used in the demos with slideshow controls, 

*	such as play/pause and prev/next buttons.

*/



.rs-controls {

	position: relative;

	display: block;

	float: left;

	margin: -50px auto auto 30px;

	width: 300px !important;

	height: 50px !important;

}

.rs-play-pause, .rs-prev, .rs-next {

	float: left;

	margin-right: 12px;

}

.rs-controls ul {

	float: left;

	list-style: none;

	margin: 0 1px 0 0;

	padding: 0;

}

.rs-index-list li {

	float: left;

	margin-right: 6px;

}

.rs-controls a {

	background-color: #fff;

	border: 1px solid #333;

	margin-left: 0px;

	color: #333;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	padding: 4px 5px;

	text-decoration: none;

}

.rs-controls a:hover {

	background-color: #efefef;

	color: #444;

}

.rs-controls .rs-active {

	background-color: #333;

	border: 1px solid #333;

	color: #efefef;

}





#callback-messages,

#slide-class-message {

	margin: 48px auto;

	width: 620px;

}

.slide-container.some-custom-class .slide-caption {

	background-color: #890;

	font-size: 3em;

	font-style: italic;

	font-weight: bold;

	text-align: right;

	top: 0;

	width: 28%;

}







/*	Clearfix	*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; } /* Hides from IE-mac \*/

.clearfix { display: block; }