/* Browser Resets */
.flexslider a:active {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flex-direction-nav{
	display:none;
} 
.slides {
	width: 400px;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align:center
}

	.flexslider .slides > li {
		display: none;
	}
	/* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {
		max-width: 100%;
		display: block;
	}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

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 {
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	zoom: 1;
}

	.flexslider .slides {
		zoom: 1;
	}

		.flexslider .slides > li {
			position: relative;
		}

/* Direction Nav */
.flex-direction-nav li a {
	width: 52px;
	height: 52px;
	margin: 0 0;
	display: block;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 72%;
	cursor: pointer;
	text-indent: -9999px;
}

	.flex-direction-nav li a.next {
		background-position: -52px 0;
		right: 770px;
	}

	.flex-direction-nav li a.prev {
		background-position: 0 0;
		left: 60px;
	}

	.flex-direction-nav li a.disabled {
		opacity: .3;
		filter: alpha(opacity=30);
		cursor: default;
	}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: relative;
	bottom: -30px;
	text-align: center;
}

	.flex-control-nav li {
		margin: 0 0 0 5px;
		display: inline-block;
		zoom: 1;
		*display: inline;
	}

		.flex-control-nav li:first-child {
			margin: 0;
		}

		.flex-control-nav li a {
			width: 13px;
			height: 13px;
			line-height: 13px;
			overflow: hidden;
			display: block;
			background: url(../images/bg_control_nav.png) no-repeat 0 0;
			cursor: pointer;
			text-indent: -9999px;
		}

			.flex-control-nav li a:hover {
				background-position: 0 -13px;
			}

			.flex-control-nav li a.active {
				background-position: 0 -26px;
				cursor: default;
			}