/* Genesis Slider

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



#genesis-responsive-slider {

	background-color: #fff;

	border: 10px solid #eee;

	margin: 0 auto;

	padding: 10px;

	position: relative;

}



.genesis-responsive-slider-wrap {

	clear: both;

	display: block;

	float: left;

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 1;

}



#slides {

	float: left;

	margin: 0;

	overflow: hidden;

	padding: 0;

	position: absolute;

	z-index: 1;

}



.slide-excerpt {

	background-color: #fff;

	filter: alpha(opacity=80);

	display: block;

	margin: 10px;

	opacity: 0.8;

	padding: 0;

	position: absolute;

	z-index: 8;

}



html > body .slide-excerpt-border {
	background: none;
	display: inline;
	border: none;
	float: left;
	margin: 0 5px 10px 10px;
	padding: 5px;
	position: relative;
	z-index: 8;
}



.slide-image {

	overflow: hidden;

}



/*

 * jQuery FlexSlider v1.8

 * http://flex.madebymufffin.com

 *

 * Copyright 2011, Tyler Smith

 * Free to use under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */

 

/* Browser Resets */

.flex-container a:active,

.flexslider a:active {

	outline: none;

}



.slides,

.flex-control-nav,

.flex-direction-nav {

	list-style: none;

	margin: 0; 

	padding: 0; 

} 



/* FlexSlider Necessary Styles

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

.flexslider {

	margin: 0; 

	padding: 0;

	width: 100%; 

}



.flexslider .slides > li {

	display: none;

} /* Hide the slides before the JS is loaded. Avoids image jumping */



.flexslider .slides img {

	display: block;

	max-width: 100%; 

}



.flex-pauseplay span {

	text-transform: capitalize;

}



/* Clearfix for the .slides element */

.slides:after {

	clear: both;

	content: "."; 

	display: block; 

	height: 0;  

	line-height: 0; 

	visibility: hidden;

} 



html[xmlns] .slides {

	display: block;

} 



* html .slides {

	height: 1%;

}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {

	display: block;

}





/* FlexSlider Default Theme

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

.flexslider {

	background: #fff; 

	position: relative; 

	zoom: 1;

}



.flexslider .slides {

	zoom: 1;

}



.flexslider .slides > li {

	position: relative;

}



/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {

	zoom: 1; 

	position: relative;

}



/* Caption style */

/* IE rgba() hack */

.flex-caption {

	background:none; 

	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 

	zoom: 1;

}



.flex-caption {

	background: rgba(0,0,0,.3);

	bottom: 0; 

	color: #fff; 	 

	font-size: 14px;

	left: 0; 

	line-height: 18px;

	padding: 2%; 

	position: absolute;

	text-shadow: 0 -1px 0 rgba(0,0,0,.3);

	width: 96%;

}



/* Direction Nav */

.flex-direction-nav li a {

	width: 52px; 

	height: 52px; 

	margin: -20px 0 0; 

	display: block; 

	background: url(images/bg_direction_nav.png) no-repeat 0 0; 

	position: absolute; 

	top: 50%; 

	cursor: pointer; 

	text-indent: -9999px; 

	z-index: 100;

}



.flex-direction-nav li .next {

	background-position: -52px 0; 

	right: -60px;

}



.flex-direction-nav li .next:hover {

	background-position: -52px -50px; 

}



.flex-direction-nav li .prev {

	left: -60px;

}



.flex-direction-nav li .prev:hover {

	background-position: 0 -50px;

}



.flex-direction-nav li .disabled { 	 

	cursor: default;

	filter:alpha(opacity=30);

	opacity: .3;

}



/* Control Nav */

.flex-control-nav {

	float: left;

	margin: 20px  0 10px;

	position: relative; 

	text-align: center; 

	width: 100%;

	z-index: 100;

}



.flex-control-nav li {

	*display: inline;

	display: inline-block;

	margin: 0 0 0 5px;  

	zoom: 1;

}



.flex-control-nav li:first-child {

	margin: 0;

}



.flex-control-nav li a {	 

	background: url(images/bg_control_nav.png) no-repeat 0 0; 

	cursor: pointer; 

	display: block;

	height: 13px;

	text-indent: -9999px;

	width: 13px;

}



.flex-control-nav li a:hover {

	background-position: 0 -13px;

}



.flex-control-nav li a.active {

	background-position: 0 -26px; 

	cursor: default;

}