/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.0
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */

.carousel
{
	position :relative ;
	width :800px;
	height :395px;
	border :none;
	overflow : visible ;
}

/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */
.carousel .slides
{
	margin :0;
	padding :0;
	border :none;
	list-style :none;
	position :relative ;
	overflow :visible ;
	height :395px;
}

/* slide item */
.carousel .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	overflow : hidden;
	padding :0;
	margin :0;
	border :none;
}

.carousel .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}

/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel .nextButton
{
	position :absolute ;
	right :134px;
	top :165px;
	width :32px;
	height:64px;
	background:url(../img/sprite.png) no-repeat -37px -27px;		
	cursor :pointer ;
	z-index :999;
}

.carousel .prevButton
{
	position :absolute ;
	left :133px;
	top :165px;
	width :32px;
	height:64px;
	background:url(../img/sprite.png) no-repeat 0px -27px;		
	cursor :pointer ;
	z-index :999;
}

/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel .buttonNav
{
	position : relative ;
	margin :12px auto 0;
	padding-top:12px;
	width:598px !important;
	z-index :99;
}

/* numbers */
.carousel .buttonNav .numbers 
{
	position :relative ;
	float :left ;
	color :#017278;
	cursor :pointer ;
	text-decoration :none;
	text-align:center;
	width:37px;
	border-right:2px solid #017278;
	font-size :19px;
	font-family:Verdana, Geneva, sans-serif;
}
.carousel .buttonNav .numbers a {
	color :#017278;
	}

.carousel .buttonNav .numbers:hover
{
	color: #00373a;
	font-weight :bold ;
}

.carousel .buttonNav .numberActive
{
	background : none;
	color :#00373a;
	cursor :default ;
	font-weight :bold ;
}

.carousel .buttonNav .numberActive a {
	color :#00373a;
	cursor :default ;
	font-weight :bold ;
	}

/* bullets */
.carousel .buttonNav .bullet
{
	position :relative ;
	float :left ;
	width :16px;
	height :16px;
	background : url(images/Bullet-White.png) no-repeat center ;
	margin :5px;
	float :left ;
	cursor :pointer ;
}

.carousel .buttonNav .bullet:hover
{
	background : url(images/Bullet-Black.png) no-repeat center ;
}

.carousel .buttonNav .bulletActive
{
	background : url(images/Bullet-Black.png) no-repeat center ;
	cursor :default ;
}

/* ____________________________________________________________ */

/* VIDEO */
/* ____________________________________________________________ */

.carousel .slides .videoOverlay
{
	background :url("images/video.png") no-repeat center; /* play button */
}

.carousel .slides .spinner
{
	background : #000 url(images/loading.gif) no-repeat center; /* video preloader */
}

/* _____________________________ *

/* SHADOW */
/* _____________________________ */

.carousel .shadow
{
	width :100%;
	height :40px;
	background:url(../img/slider-shadow.jpg) repeat-x left top;
}

/* ____________________________________________________________ */

/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

/* gradient color for Opera */
.carousel .gradient
{
	background-image :url(scripts/gradient.svg);
}