/*
Item Name: imgScroll - jQuery Scrolling Gallery
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.0
*/

/*
TABLE OF CONTENTS:
01. CONTAINER
02. MAIN IMAGE
03. DESCRIPTION
04. THUMBNAIL
05. LIGHTBOX
*/



a.carousel:link {color:#7f9eb9; text-decoration:none; border:0px solid #f00;}      
a.carousel:visited {color:#7f9eb9; text-decoration:none;}  
a.carousel:hover {color:#3ab7ff; text-decoration:underline;}  
a.carousel:active {color:#7f9eb9; text-decoration:none;}  

/* ____________________________________________________ */

/* CONTAINER */
/* ____________________________________________________ */

#gallery
{
	position :relative ;
	margin :0 0;
	width :710px;
	height :auto;
	background :#000;
	overflow :hidden ;
}

/* ____________________________________________________ */

/* MAIN IMAGE */
/* ____________________________________________________ */

#gallery .main_image
{
	position :relative ;
	float :left ;
	width :500px;
	height :280px;
	overflow :hidden ;
	color :#fff;
}

/* play button */
.main_image .play
{
	position :absolute ;
	top:10px;
	right :10px;
	width :32px;
	height :32px;
	background :#000 url("/images/JQueryImageRotator/play.png") no-repeat center;
	cursor :pointer ;
}

/* pause button */
.main_image .pause
{
	position :absolute ;
	top:10px;
	right :10px;
	width :32px;
	height :32px;
	background :#000 url("/images/JQueryImageRotator/pause.png") no-repeat center;
	cursor :pointer ;
}

/* _____________________________________________________________ */

/* DESCRIPTION */
/* _____________________________________________________________ */

#gallery .main_description
{
	position :relative ;
	float :left ;
	width :190px;
	height :275px;
	padding :0px 0px 5px 20px;
	overflow :hidden ;
	color :#fff;
	font-family :Arial, Verdana ;
	font-size :12px;
	
	/* background */
	background: #ffffff;
}

#gallery .main_description p
{
	line-height :1.5em;
	color : #95989B;
}

#gallery .main_description a
{
	text-decoration :none;
	color :#7f9eb9;
}

#gallery .main_description a:hover
{
	text-decoration :underline;
}


/* ____________________________________________________________ */

/* THUMBNAIL */
/* ____________________________________________________________ */

/* thumbnail container */
#gallery .thumbnail
{
	position :relative ;
	float :left ;
	width :710px;
	height :135px;
	overflow : scroll ;
	outline :none;
	
	/* background */
	background: #ffffff;  
}

/* thumbnail list */
#gallery .thumbnail ul
{
	margin :20px 0;
	padding :0;
	list-style :none;
}

#gallery .thumbnail ul li
{
	position :relative ;
	width :135px;
	height :80px;
	margin :0 10px;
	padding :0;
	border :0;
	float :left ;
	cursor :pointer ;
	background :#000 url("/images/JQueryImageRotator/6-24.gif") no-repeat center;
}

#gallery .thumbnail ul li img
{
	width :100%;
	height :100%;
	border :0;
}

#gallery .thumbnail ul li a
{
	text-decoration :none;
	border :0;
	outline :0;
}

/* data container */
#gallery .thumbnail ul li .data
{
	display :none;
}

/* thumbnail active state */
#gallery .thumbnail_active
{
	position :absolute ;
	top :0;
	left :0;
	border :solid 5px #3399cc;
	width : 125px;
	height :70px;
	z-index :997;
}

/* thumbnail hover state */
#gallery .thumbnail_hover
{
	position :absolute ;
	top :0;
	left :0;
	border :solid 5px #000;
	width : 125px;
	height :70px;
	z-index :999;
	background :rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#92000000', endColorstr='#92000000');
}

/* thumbnail caption */
.thumbnail_hover p
{
	color :#fff;
	font-family :Arial, Verdana ;
	font-size :12px;
	font-weight :bold ;
	margin :10px;
}

/* ________________________________________________________ */

/* LIGHTBOX */
/* ________________________________________________________ */

/* lightbox ovelay */
.lightboxOverlay
{
	opacity:0.5;
	background :#000;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE6, IE7, and IE8 */
}

/* lightbox container */
.lightboxContainer
{
	width:300px;
	height :300px;
	border : solid 10px #fff;
	-webkit-box-shadow: 0px 0px 5px #000;  
    -moz-box-shadow: 0px 0px 5px #000;  
    box-shadow: 0px 0px 5px #000;
    background: #000 url("/images/JQueryImageRotator/6-32.gif") no-repeat center;
}

/* title */
.lightboxTitle
{
	color :#000;
	padding :10px 0;
	font-family :Arial , Verdana ;
	font-size :12px;
	background :#fff;
	border :0;
}

/* controls container */
.lightboxControls
{
	border: 0;
    background: #fff;
    height :22px;
}

/* close button */
.close_button
{
	float :right ;
	width :75px;
	height :22px;
	background :#fff url("/images/JQueryImageRotator/close.png") no-repeat center;
	cursor :pointer ;
}

#gallery h2
{	
	margin-top: 0px;
    font-family: 'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif;
    color: #5a7f92;
}