/*
 * 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
*********************************/ 
.gallery-slider{width: 100%; margin:10px 0 0 0; padding: 0 0 30px 0; overflow:hidden;}
	.img_wrap{ width:76%; float:left;/* margin:0 2%;*/}
		.img_wrap_inner{ margin:0 15px;}
		.img_wrap_inner a{ display:block;}
		.img_wrap_inner a img{/*border:4px solid #a8a8a8;*/}
	.des_wrap{ width:22%; float:left; text-align:right; font-family:'DiavloMedium', calibri,Arial,"times New Roman";}
	.des_wrap h3{
		margin:0 0 8px 0;
		color:#999;
	}
	.des_wrap h4{
		margin:0 0 8px 0;
		color:#000;
	}
.gallery-slider .slides li{display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.gallery-slider .slides img{max-width: 100%; display: block;}

/* FlexSlider Default Theme
*********************************/
.gallery-slider, .first-slider .slides li, .second-slider .slides li{position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.gallery-slider-container{position: relative;}

/* Direction Nav */
/*.flex-direction-nav{
	margin:0; position: absolute; top: 355px; left: 20%;list-style:none;
}*/ 
.flex-direction-nav li a{width: 10px; height: 9px; margin: 2px 0 0 0; display: block; background: url(arrows2.png) no-repeat 0 0; position: absolute; bottom: 10px; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.prev {background-position: 0 0; left: 1%;}
.flex-direction-nav li a.next {background-position: -10px 0; right: 1%;}

.artistsview-slider .flex-direction-nav li a{
	width: 11px;
	height: 8px;
	margin:0; display: block; background: url(arrows3.gif) no-repeat 0 0; position: absolute; top: 194px; right:0; cursor: pointer; text-indent: -9999px;
}
.artistsview-slider .flex-direction-nav li a.next {background-position: -11px 0; right:20px;}
.artistsview-slider .flex-direction-nav li a.prev {background-position: 0 0; left:780px;}
.artistsview-slider .title_wrap{margin-bottom:50px;}
.artistsview-slider .counter{ text-align:right; padding-right:50px; margin-bottom:20px;}
/*++++++++++-- landing-flexslider --+++++++++++++*/

/* Control Nav 
.flex-control-nav {position: absolute; bottom:0; left: 1%; list-style:none;}
.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: 6px; height: 6px; display: block; background: url(control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -6px;}
.flex-control-nav li a.active {background-position: 0 -6px; cursor: default;}*/

/* Control Nav */
.flex-control-nav { margin:0 0 2px 0; padding:0 15px; text-align: center;}
.flex-control-nav li { display: inline; margin: 0 5px;}
.flex-control-nav li a {
	background: url(control_nav.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
	
	display: inline-block;
	overflow: hidden;
	width: 6px; height: 6px;
	text-align: center;
}  

.flex-control-nav li a:after  { content: ''; display: inline-block; margin-top: 2px; overflow: hidden; height: 0; width: 4px; padding-top: 4px;}
.flex-control-nav li:hover a, .flex-control-nav li a.active { background-position: 0 -6px;}