/* OT Document CSS */
div#OtK2ModuleBox{
	position: relative;
	overflow-x: hidden;
}
div#ot-k2-slideshow{
	height: 350px;
	width: 960px;
	position: absolute;
	overflow: hidden;
}
div#ot-k2-slideshow div.ot-item{
	background: #FFF;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.itemTitle-itemIntroText{
	background: url(../images/overlay-bg.png);
	position: absolute;
	bottom: 0;
	color: #FFF;
	left: 0;
	text-align: left;
	width: 450px;
	height: 160px;
}
.itemTitle-itemIntroText-i{
	padding: 10px;
	overflow: hidden;
	width: 300px;
}
.itemTitle-itemIntroText h3.moduleItemTitle,
.itemTitle-itemIntroText h3.moduleItemTitle a{
	color: #f981f9;
	font-family: "Oswald";
	margin: 3px 0;
}
a.itemReadmore{
	background: url("../images/readmore-icon.png") no-repeat scroll left 0 transparent;
	color: #FFFFFF;
    float: right;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin: 5px 0 0;
    padding: 0 6px 0 25px;
}
.ot-handles-lastbg,
#ot-handles{
	position: absolute;
	color: #FFF;
	height: 42px;
	right: 10px;
	bottom: 0;
	z-index: 9;
}
#ot-handles{
}
.ot-handles-lastbg{
}
#ot-handles span.item{
	cursor: pointer;
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    width: 18px;
}
#ot-handles span.item strong.hand-l1{
	display: block;
}
#ot-handles span.first strong.hand-l1{
	background: none;
}
#ot-handles span.item strong.hand-l1 strong.hand-l2{
	display: none;
	padding: 0 10px;
}
#ot-handles span.active{
}
#ot-handles span.first.active{
}
#ot-handles span.last.active{
}
#ot-handles span.first{
	margin-left: 7px;
}


