﻿/*======================================================================*/
/*=== jQUERY-FEATURED-BANNER.CSS - Designed Solenium Group Inc =========*/
/*======================================================================*/
/*--- Main Wrappers ----------------------------------------------------*/
#featured {
	position: relative;
	width: 980px;
	height: 380px;
	background-image: url('img/featuredbanner/featured-wrapper-bg.png');
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden !important;
}
/*--- Slide Content Wrapper ---*/
#featured .ui-tabs-slide {
	width: 920px;
	height: 190px;
	position: relative;
	padding: 70px 30px 40px 30px;
	overflow: hidden;
}
/*--- Slide Content Toggler (Hides Inactive Slides) ---*/
#featured .ui-tabs-hide {
	display: none;
}
/*----------------------------------------------------------------------*/
/*--- Tabs (Navigation) ------------------------------------------------*/
/*--- UL (Tabs Main Wrapper) ---*/
#featured ul.ui-tabs-nav {
	width: 960px;
	height: 65px;
	padding: 0 10px;
	margin: 5px 0 0 0;
	list-style: none;
	background-color: #455560;
}
/*--- LI (Tabs Item Wrapper) ---*/
#featured ul.ui-tabs-nav li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 160px;
	height: 65px;
	overflow: hidden;
	float: left;
	display: inline;
}
#featured ul.ui-tabs-nav li.hidefirst {
	display: none !important;
	visibility: hidden !important;
}
/*--- LI Text Styling for header span ---*/
#featured ul.ui-tabs-nav li {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
}
/*--- LI Tab ALink (Conrols): IDLE ---*/
#featured li.ui-tabs-nav-item a,
#featured li.ui-tabs-nav-item a:link,
#featured li.ui-tabs-nav-item a:active,
#featured li.ui-tabs-nav-item a:visited {
	display: block;
	height: 45px;
	width: 119px;
	padding: 10px 20px 0 20px;
	color: #fff;
	text-decoration: none !important;
	border-left: 1px #fff solid;
	background-image: url('img/jquery-featured-banner/featured-banner-a-sprite.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #455560;
}
#featured li#featured-tab-02 a,
#featured li#featured-tab-02 a:link,
#featured li#featured-tab-02 a:active,
#featured li#featured-tab-02 a:visited,
#featured li#featured-tab-02 a:hover {
	border-left: 0 !important;
	border-left-style: none !important;
}
/*--- LI Tab ALink (Conrols): HOVER ---*/
#featured li.ui-tabs-nav-item a:hover {
	color: #f36f21;
	background-position: left -270px;
}
/*--- LI Tab ALink (Conrols): ACTIVE ---*/
#featured ul.ui-tabs-nav li.ui-tabs-selected a,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:link,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:active,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:visited,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:hover {
	color: #fff !important;
	background-position: 0 -540px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);/*-- CSS3 progressive enhancement --*/
}
/*----------------------------------------------------------------------*/
/*--- Content Layout Wrappers ------------------------------------------*/
#featured #slide01,
#featured #slide02,
#featured #slide03,
#featured #slide04,
#featured #slide05,
#featured #slide06,
#featured #slide07 {
	background-position: left top;
	background-repeat: no-repeat;
}
#featured #slide01 {
	background-image: url('img/jquery-featured-banner/featured-banner-slide-01.jpg'); 
}
#featured #slide02 {
	background-image: url('img/jquery-featured-banner/featured-banner-slide-02.jpg'); 
}
#featured #slide03 {
	background-image: url('img/jquery-featured-banner/featured-banner-slide-03.jpg'); 
}
#featured #slide04 {
	background-image: url('img/jquery-featured-banner/featured-banner-slide-04.jpg'); 
}
#featured #slide05 {
	background-image: url('img/jquery-featured-banner/featured-banner-slide-05.jpg'); 
}
#featured #slide06 {
	background-image: url('img/jquery-featured-banner/featured-banner-slide-06.jpg'); 
}
#featured #slide07 {
	background-image: url('img/jquery-featured-banner/featured-banner-slide-07.jpg'); 
}
/*--- Content Text Styling ---*/
#featured h2 {
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);/*-- CSS3 progressive enhancement --*/
}
#featured h3 {
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);/*-- CSS3 progressive enhancement --*/
}
#featured p {
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}
#featured a.featured-button,
#featured a.featured-button:link,
#featured a.featured-button:active,
#featured a.featured-button:visited {
	cursor: pointer;/*-- for stupid ie --*/
	display: inline-block;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border: 1px #fff solid;
	background-image: url('img/jquery-featured-banner/featured-banner-button-a-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #e54d0a;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);/*-- CSS3 progressive enhancement --*/
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);/*-- CSS3 progressive enhancement --*/
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6); /*-- CSS3 progressive enhancement --*/
}
#featured a.featured-button:hover {
	color: #ffffcc;
	border: 1px #ffffcc solid;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);/*-- CSS3 progressive enhancement --*/
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);/*-- CSS3 progressive enhancement --*/

}
#featured a.featured-button span,
#featured a.featured-button:link span,
#featured a.featured-button:active span,
#featured a.featured-button:visited span {
	display: block;
	padding: 7px 30px 7px 10px;
	background-image: url('img/jquery-featured-banner/featured-banner-button-span-bg.png');
	background-position: right center;
	background-repeat: no-repeat;
}
/*----------------------------------------------------------------------*/
/*=== END jQUERY-FEATURED-BANNER.CSS -----------------------------------*/
/*======================================================================*/