/*-------------------------------------
   3. SLIDER
-------------------------------------*/

#slider-container {
	width: 960px;
	height: auto;
	position: relative;
	clear: both;
	float: left;
}

#static-header-img img {
	width: 960px;
	height: 340px;
	margin-bottom: -6px;
}

#slider {
	height: 340px;
	position: relative;
	overflow: hidden;
}

#description-box {
	position: absolute;
	width: 100%;
	background-color: #000;
	z-index: 20;
	bottom: -100px;
	padding: 0 10px;
	opacity: 0.8;
	filter: alpha(opacity =     80);
}

#description-box p {
	color: #fff;
	margin: 10px 0;
}

#nivo-slider {
	width: 960px;
	height: 340px;
	background: url(../images/ajax-loader-slider.gif) no-repeat center;
}

#nivo-slider img {
	width: 960px;
	height: 340px;
	display: none;
	top: 5px;
	left: 5px;
}

.nivo-controlNav {
	position: absolute;
	bottom: -34px;
}

.nivo-controlNav a {
	width: 15px;
	height: 15px;
	background: url(../images/page_nav.png) no-repeat;
	float: left;
	list-style: none;
	margin: 0 1px;
	display: block;
}

.nivo-margin{
	margin-bottom: 20px;	
}

.nivo-controlNav a.active {
	background-image: url(../images/page_nav_active_black.png);
}

.nivo-nextNav {
	display: block;
	background: url(../images/next.png) no-repeat scroll top left;
	width: 50px;
	height: 50px;
	right: 20px !important;
}

.nivo-nextNav:hover{
	background: url(../images/next-active.png) no-repeat scroll bottom left;
}

.nivo-prevNav {
	display: block;
	background: url(../images/prev.png) no-repeat scroll top right;
	width: 50px;
	height: 50px;
	left: 20px !important;
}

.nivo-prevNav:hover {
	background: url(../images/prev-active.png) no-repeat scroll bottom right;
}

.nivo-caption p {
	padding: 15px;
}

/*-------------------------------------
   3.1 FEATURED SLIDER
-------------------------------------*/

#featured {
	position: relative;
	padding-bottom: 15px;
	margin-left: -1px;
	margin-right: -1px;
}	

a#left-arrow, a#right-arrow { 
	position: absolute;
	z-index: 10000;
	top: 375px;
	width: 32px;
	height: 68px;
	text-indent: -9999px;
}

a#left-arrow {
	background: url(../images/left-arrow.png) no-repeat;
	left: 15px;
}

a:hover#left-arrow {
	background: url(../images/left-arrow-hover.png) no-repeat;
	left: 15px;
}

a#right-arrow {
	background: url(../images/right-arrow.png) no-repeat;
	right: 0px; 
}

a:hover#right-arrow {
	background: url(../images/right-arrow-hover.png) no-repeat;
	right: 0px;
}

.featured-description {
	position: absolute;
	width: 333px;
	height: 196px;
	top: 40px;
	right:54px;
	background: url(../images/featured-description.png);
	padding: 27px 32px 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.featured-description p.meta-info {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	color: #747474;
}

.featured-description p.meta-info a {
	text-decoration: none;
	color: #fff;
}

h2.featured-title {
	font-family: 'Kreon', Arial, sans-serif;
	font-weight: lighter;
	font-size: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	margin-top: -4px;
}

h2.featured-title a {
	text-decoration: none;
	color: #ffffff;
}

.featured-description p {
	color: #c9c8c8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	line-height: 19px;
}	

a.readmore {
	display: block;
	background: url(readmore.png);
	height: 27px;
	padding: 0 17px;
	color: #dfca81;
	font-size: 12px;
	line-height: 27px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-shadow: none;
}

#featured a.readmore {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#featured a.readmore:hover {
	color: #fff;
}

/*-------------------------------------
   FEATURED SLIDER: CONTROLLER
-------------------------------------*/

#controllers {
	position: relative;
	margin-bottom: 25px;
	margin-left: 25px;
}

#controllers #active_item {
	background: url(../images/featured-arrow.png) no-repeat;
	position: absolute;
	top: -30px;
	left: 36px;
	width: 20px;
	height: 10px;
	z-index: 100;
}

.controller {
	display: block;
	float: left;
	position: relative;
	margin-right: 11px;
}

.controller a {
	display: block;
}

.controller a.active {
	-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.4); 
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
	height: 54px;
}

.controller span.overlay {
	background: url(controller-overlay.png) no-repeat;
	display: block;
	height: 54px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 95px;
}