/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
/*body { background: #0f0608 url('images/bg.jpg') no-repeat top center; text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #696969; }
a:link, a:visited { text-decoration: none; color: #5f5f5f; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
br.clear { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }*/

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.container { text-align: left; width: 945px; margin: 0 auto;	position: relative; }
/*#header .container { text-align: center; height: 250px; z-index: 2 }*/
	img#logo { clear:both; margin: 62px 0px 0px -31px; }
	
#content { clear:both; z-index: 1; }
/*div#container-top { background: url(images/content-topbg.png) no-repeat; width: 960px; height: 4px; margin: 0 auto; position: relative; }*/
#content  .container { background: #ffffff; }
/*
#main-area-wrap { float: left; width: 960px; background: #ffffff url(images/main-area-bg.png) repeat-y; }*/
	#main img.thumbnail { border: 8px solid #e8e8e8; }
	

		#main { width: 646px; float: left; }

					
							

/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/

#featured-area {
	height: 300px;
	position: relative;
	padding: 0px;
	z-index: 1;
}
	#featured-area .pics {
	position: absolute;
	width: 945px;
	height: auto;
	top: 11px;
	left: 0px;
}
		#featured-area .pics div.excerpt {
	position: absolute;
	bottom: 5px;
	left: 25px;
	width: 505px;
	background: url(images/excerpt-bg.png) no-repeat top left;
	z-index: 2;
	height: auto;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
		#featured-area .pics div.excerpt p { color: #ffffff; font-family: Georgia, serif; }
		#featured-area .pics span.feat-overlay {
	/*background: url(images/overlay.png) no-repeat;*/
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 945px;
	height: 355px;
	/*background-image: url(images/overlay.png);*/
	z-index: 1;
}
	#featured-area div#slider-control {
	position: absolute;
	float:right;
	width: 150px;
	height: 75px;
	z-index: 6;
	top: 50px;
	left: 860px;
}
			#featured-area div#slider-control div.featitem {
	height: 15px;
	float: left;
	width: 15px;
	cursor: pointer;
	margin-right: 20px;
	margin-left: -10px;
	background-color: #FFFFFF;
	background-image: url(images/featitem-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
			#featured-area div#slider-control div.featitem img { float: left; margin-right: 18px; margin-top: 5px;}
			#featured-area div#slider-control div.featitem span.order { display: none; }
			#featured-area div#slider-control div.featitem h2 { font-size: 18px; line-height: 24px; float: left; width: 172px; padding-bottom: 0px; }
				div#slider-control div.featitem h2 a { color: #959595;  }
			#featured-area div#slider-control div.featitem span.meta { color: #b6b6b6; font-size: 11px; padding: 1px 0px; border: 1px solid #cfcfcf; border-width: 1px 0px; display: block; float: left; width: 172px; }
			
		#featured-area div#slider-control div.featitem.active {
	margin-left: -10px;
	margin-right:20px;
	background-color: #02A9F8;
	background-image: url(images/featitem-bg-active.png);
	background-repeat: no-repeat;
	background-position: left top;
}
		
			/*#featured-area div#slider-control div.featitem.active h2 { background: url(images/featitem-active-h2border.png) repeat-x bottom left; margin-bottom: 1px; color: #000000; }*/
			#featured-area div#slider-control div.featitem.active span.meta { color: #797979; border: 0px; }
			
div.featitem.active
{
    background: url(images/active-line.gif) repeat-y;
  }