/*

 * jQuery FlexSlider v1.4

 * http://flex.madebymufffin.com

 *

 * Copyright 2011, Tyler Smith

 * Free to use under the MIT license.

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

 */



/* FlexSlider Necessary Styles

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

.flexslider {

	width: 100%;

	padding: 0px;

	list-style-type: none;

	left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 7px;

	margin-left: 0px;

}

.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {max-width: 100%; display: block;}





/* FlexSlider Default Theme

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

.flexslider {

	position: relative;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

}

.flexslider .slides  li {

	list-style-type: none;

}

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



.flexslider-container {

	margin-right:auto;

	margin-left:auto;

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-bottom: 20px;

	overflow: hidden;

}





/* Caption style */

.flex-caption {

	width: 33%;

	position: absolute;

	right: 0;

	color: #333;

	font-size: 15px;

	line-height: 1.85em;

	top: 4%;

	font-family: Georgia, "Times New Roman", Times, serif;

	padding-top: 2%;

	padding-right: 4%;

	padding-bottom: 2%;

	padding-left: 2%;

}



.flex-caption-title{

	font-size: 18px;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin-bottom: 4px;

	margin-top: 0px;

	line-height: 1.25em;

	font-weight: 500;

	overflow: visible;

}



.flex-caption-info{

	font-size: 18px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: 500;

}



@media screen and (max-width: 480px) {



.flexslider {

	margin-top:-10px;

	min-height: 200px;

	}	

	

 .flex-caption-title{

	font-size: 18px;

	overflow: visible;

	padding-top: 5px;

  }

  

 .flex-caption {

	top: 7%;

	overflow: visible;

	min-height: 150px;

} 

  

.flex-caption-info{

	visibility: hidden;

}





.flex-control-nav li a {

	visibility:hidden;

}





.flexslider .slides  li {

	padding-bottom: 15px;}



.flex-caption {

	width:95%;

	text-align:center;

	position: absolute;

	right: 0;

	top: 75%;

	font-family: "Times New Roman", Times, serif;

	padding-top: 2%;

	padding-right: 2%;

	padding-bottom: 4%;

	padding-left: 4%;

	clear: both;

	margin-bottom: 3%;

	overflow: visible;

}



.flexslider .slides img {max-width: 100%; display: block;

margin-left: 17%;

margin-bottom: 20px;}



.flex-direction-nav li a.flex-next {

	background-position: 2px 0; 

	margin-top: -160px;

	

}



.flex-direction-nav li a.flex-prev {

	background-position: 0 0;

	left: auto;

	margin-left: -15px;

	margin-top: -160px;

}



.flex-pauseplay {

	visibility:hidden;

}



}





/*responsive*/

@media (min-width: 1200px) {

	.flex-direction-nav li a {

		top: -264px;

	}

}



@media (max-width: 1200px) and (min-width: 1000px) {

	.flex-direction-nav li a {

		top: -214px;

	}

}



@media (max-width: 1000px) and (min-width: 800px) {

	.flex-direction-nav li a {

		top: -214px;

	}

}



@media (max-width: 800px) and (min-width: 600px) {

	.flex-direction-nav li a {

		top: -150px;

	}

	

	.flex-pauseplay {

	text-align: right;

	margin-top:-40px;

}

}



@media (max-width: 600px) and (min-width: 100px) {

	.flex-direction-nav li a {

		top: -93px;

	}

	

.flex-pauseplay {

	text-align: right;

	margin-top:-60px;

}

	

}



/* Direction Nav */

.flex-direction-nav {

	position:relative;

}



.flex-direction-nav li a {

	width: 52px;

	height: 52px;

	margin: -10px 0 0;

	display: block;

	position: absolute;

	cursor: pointer;

	text-indent: -9999px;

	background-image: url(../theme/bg_direction_nav.png);

	background-repeat: no-repeat;

	background-position: 0 0;

} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */



.flex-direction-nav li a.flex-next {

	background-position: -52px 0; 

	right: -7px;

	visibility: hidden;

	

}

.flex-direction-nav li a.flex-prev {

	background-position: 0 0;

	left: auto;

	margin-left:-17px;

	visibility: hidden;

}

.flex-pauseplay {

	text-align: right;

	margin-top:-20px;

}



.flex-pauseplay a{

	color:white;

	cursor:pointer;

	width:16px;

	height:16px;

	display:inline-block;

	font-size:0;

}

.flex-pause

{

	background-image: url(../theme/pause.png);

	background-repeat: no-repeat;

}

.flex-play 

{

	background-image: url(../theme/play.png);

	background-repeat: no-repeat;

}



/* Control Nav */

.flex-control-nav {

	width: 100%;

	position: relative;

	text-align: center;

	left: 50%;

	padding-top: 40%;

} /* set negative margin-left equal to half the width on the control-nav for perfect centering */

.flex-control-nav li {margin: 0 0 0 5px; float: left;}

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

.flex-control-nav li a {

	width: 13px;

	height: 13px;

	display: block;

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

	cursor: pointer;

	text-indent: -9999px;

	list-style-type: none;

	visibility: hidden;

}

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

}

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

	}



ol, ul {list-style: none;}

