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

#slider {
	padding-bottom:20px;
	margin-top:20px;
	color: #0074A1;
}

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

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

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{
	padding: 12px 20px 0px 0px;
	border-right:1px solid #ACD7EE;
	border-bottom:1px solid #ACD7EE;
	border-top:1px solid #fff;
	height:30px;
	position:relative;
	cursor:pointer;
}

 #sliderFold .sliderItemOnFirst {
 	border-top:1px solid #ACD7EE;
 }

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {
	border-right:none;
	background:url(../images/bk_serv_active.jpg) 100% 0 repeat-y;
	
	
}

#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {
	font-size:14px;
	letter-spacing:0px;
	padding-bottom:0px;
	text-transform:none;
	color:#0074A1;
}

#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {
	line-height:120%;
}

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

.sliderImg {
	background:#D5EAF7 url(../images/bk_blue_grad.jpg) 0 100% repeat-x;
	border:1px solid #ACD7EE;
	border-left:none;
	position:relative;
	float:left;
	padding:7px;
	height:380px;
}

.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:1px solid #fff;
}	

.panel p.projName {
	font-size:16px;
	padding:15px 4px;
	margin:0;
}



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

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 376px; /*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: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:384px;
	position:relative;
}