div#my-carousel{
	position:relative;
	padding:0;
	margin:0 0 20px 0;
	box-shadow: 0px 1px 5px #3f5d8d;
}


div#my-carousel .prev, div#my-carousel .next{
	position:absolute;
	top:0;
	height:100%;
	width:22px;
	cursor:pointer;
	background-repeat:no-repeat;
	opacity:0.5;
	-webkit-transition:opacity 0.5s ease-out 0s;
	-o-transition:opacity 0.5s ease-out 0s;
	-moz-transition:opacity 0.5s ease-out 0s;
	transition:opacity 0.5s ease-out 0s;
}
div#my-carousel .prev:hover, div#my-carousel .next:hover{
	opacity:1;
}
div#my-carousel .prev{
	left:0;
	background-image:url(images/my-carousel/prev.png);
	background-position:right center;
}
div#my-carousel .next{
	right:0;
	background-image:url(images/my-carousel/next.png);
	background-position:left center;
}




div#my-carousel ol{
	list-style:none;
	position:absolute;
	bottom:5px;
	left:0;
	width:100%;
	height:12px;
	margin:0;
	padding:0;
	text-align:right;
}
div#my-carousel ol li{
	display:inline-block;
	position:relative;
	width:12px;
	height:12px;
	margin:0 5px;
	border-radius:7px;
	border:#7ea5e2 solid 1px;
	box-shadow:0px 1px 0px #3f5d8d;
	background-color:#fff;
	/*cursor:pointer;*/
}
/*div#my-carousel ol li:hover{
	background-color:#5fcc5f;
}*/
div#my-carousel ol li.vis{
	background-color:#5fcc5f;
}






div#my-carousel > ul{
	position:relative;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	height:210px;
	overflow-x:hidden;
	background-color:#c5ad8f;
}
div#my-carousel > ul > li{
	display:none;
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
div#my-carousel > ul > li.vis{
	display:block;
}





div#my-carousel > ul > li img.decor{
	height:100%;
}