/*
Theme Name: Artiste
Version: 1.0
Author: seven media
Author URI: http://www.seven-media-gallery.com/artiste.index.html

This theme was designed and built by seven media,
http://themeforest.net/user/sevenmedia
in Themeforest
*/


/* RESET */

.carousel {
	position:relative;
	height: 440px;
	width: 720px;
	overflow:hidden;
	box-shadow: 2px 2px 5px black;
	background-image: url(../img/bg_black_70.png);
}
.carousel h2 {
	color: #fff;
}
.carousel .backgrounds {
}
.carousel .backgrounds .item {
	width: 720px;
	height: 405px;
	float:left;
	position:relative;
	z-index:1;
}
.carousel .backgrounds .item_1 {
	background-color: #000;
}
.carousel .backgrounds .item_2 {
	background-color: #000;
}
.carousel .backgrounds .item_3 {
	background-color: #000;
}
.carousel .panel {
	color: #fff;
	position:absolute;
	right: -37px;
	top:388px;
	height: 75px;
	width: 804px;
	z-index:1;
}
.carousel .panel .paging {
	position:absolute;
	bottom: 25px;
	left:25px;
	width: 225px;
	text-align:center;
}
.carousel .panel .paging a {
	color: #4c4c4c;
	font-size: 1.1em;
}
.carousel .panel .pause {
	position:absolute;
	right:20px;
	top:25px;
	display:block;
	width: 18px;
	height: 18px;
	background: transparent url(../images/carousel_pause_bg.gif) no-repeat 0 0;
	text-indent: -6000px;
}
.carousel .panel .play {
	position:absolute;
	right:20px;
	top:25px;
	display:block;
	width: 18px;
	height: 18px;
	background: transparent url() no-repeat 0 0;
	text-indent: -6000px;
}
.carousel .panel .paging .next {
	position:absolute;
	right:-511px;
	bottom:2px;
	display:block;
	width: 30px;
	height: 30px;
	text-indent: -6000px;
	background-image: url(../img/forward.png);
}
.carousel .panel .paging .previous {
	position:absolute;
	left:27px;
	bottom:1px;
	display:block;
	width: 30px;
	height: 30px;
	text-indent: -6000px;
	background-image: url(../img/back.png);
}
.carousel .panel .paging #numbers a {
	padding: 0 5px 0 5px;
}
.carousel .panel .paging #numbers a.selected {
	color: #fff;
}
.carousel .panel .details_wrapper {
	position:absolute;
	top:20px;
	left:25px;
	width: 225px;
	overflow:hidden;
	height: 200px;
}
.carousel .panel .details_wrapper .details {
	height: 200px;
}
.carousel .panel .details_wrapper .details .detail {
	width: 225px;
	height: 200px;
	float:left;
}
.carousel .panel .details_wrapper .details h2 {
	font-size: 1.9em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
}
.carousel .panel .details_wrapper .details a.more {
	color: #fff;
	font-size:1.1em;
}