
/* HOME SLIDER
-----------------------------------------------*/

#slider {
	margin-bottom:0px;
	margin-top:0px;
}

* html #slider {
	padding-bottom:0;
}

#sliderFold {
	width:200px;
	padding:0;
	float:left;
}

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{
	padding:8px 10px 0px 10px;
	height:54px;
	position:relative;
	cursor:pointer;
}

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {
	background:url(../images/bk_serv_active1.png) 100% 0 repeat-x;
	
	
}
#sliderFold .sliderItem {
	background:url(../images/bk_serv_nonactive1.png) 100% 0 repeat-x;
	
	
}

#sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 #sliderFold .sliderItem:hover h2{
	font-size:9pt;
	font-weight: bold;
	padding-bottom:0px;
	text-transform:none;
	color:#fff;
}

#sliderFold .sliderItem h2 {
	font-size:9pt;
	font-weight: bold;
	padding-bottom:0px;
	text-transform:none;
	color:#ff6600;
	
	
}

#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {
	line-height:120%;
	margin:0;
	padding:0;
	font-size: 8pt;
}

#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{
	position:absolute;
	left:0;
	top:0px;
}

.sliderImg {
	border-left:none;
	position:relative;
	float:left;
	padding:0px;
	height:400px;
}

.panel a.butDetails {
	display:block;
	position:absolute;
	width:157px;
	height:40px;
	background:url(images/but_slider.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	right:3px;
	bottom:5px;
}

.panel img {
	border:0px solid #fff;
}	




/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 710px; /*Width of Carousel Viewer itself*/
	height: 309px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 710px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:309px;
	position:relative;
}

