
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash


#gallery {width:66%; position:absolute; top:51px; bottom:0; right:0; z-index:2; margin:0; padding:20px 0 55px 0; background-size:100%;}


#gallery .slides_container {
	width:70%;
	max-width:700px;
	overflow:hidden;
	float:right;
	margin-right:15%;
	display:none;
}


	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block


.slides_container img {
	width:100%;
	height:100%;
	display:block;
	float:left;
}

/*
	Pagination
*/


#gallery a.view_gallery_btn {position:absolute; bottom:0; right:0; width:100px; font-weight:normal; font-size:11px;}
#gallery a.view_gallery_btn img {float:right;}

#gallery .pagination {
	width:75px;
	position:absolute;
	bottom:0px;
	right:25px;
	display:none;
}

#gallery .pagination li {
	float:left;
	list-style:none;
}

#gallery .pagination li a {
	display:block;
	width:75px;
	height:53px;
	margin:5px 0;
	float:left;
	position:relative;
	overflow:hidden;
	border:1px solid #999;
	background:url(/Content/images/Desktop/gallery_thumb_bg.jpg) top left no-repeat;
	opacity:0.6;
	filter:alpha(opacity=60);
}

#gallery .pagination li a img {width:63px; height:63px; position:absolute; top:-5px; left:5px;}

#gallery .pagination li.current a, #gallery .pagination li:hover a {
	opacity:1.0;
	filter:alpha(opacity=100);
}

#gallery .social {position:absolute; top:0; right:10px; width:100px; overflow:hidden;}
#gallery .social h5 {font-size:18px; color:#333; width:100%;}
#gallery .social .single {float:left; height:20px; width:80px; overflow:hidden; margin:10px 0 0 10px;}

