/*start stepcarousel*/
.maincontenttop #gallerya{
	clear: both;
	display: inline;
	float: left;
	text-align: left;
	position:relative;
	margin: 15px 0px 0px 30px;
	width: 960px;
}
	.maincontenttop #gallerya .stepcarousel{
		clear: both;
		display: inline;
		float: left;
		height: 196px;
		position: relative;
		overflow: hidden;
		margin: 0;
		width: 900px;
	}
		.maincontenttop #gallerya .stepcarousel .belt{
			left: 0;
			position: absolute; /*leave this value alone*/
			top: 0;
		}
		.maincontenttop #gallerya .stepcarousel .panel{
			float: left; /*leave this value alone*/
			margin:0; /*margin around each panel*/				
			width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			position:relative;
		}
			.maincontenttop #gallerya .stepcarousel .panel a{
				display:inline;
				float:left;
				padding:0;
				height:196px;
				margin:0;
				width:100%;
				text-align:center;
			}
	/*end stepcarousel*/
	
/*start keunggulan*/
	.wrapisi .wrapinfo{
		clear:none;
		display:inline;
		float:left;
		width:650px;
		margin:10px 0 0 5px;
	}
		.wrapisi .wrapinfo a.judul{
			clear:both;
			display:inline;
			float:left;
			width:650px;
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;	
			border:#CC9900 solid 1px;
			border-left:#CC9900 solid 3px;
			color:#630;
			text-decoration:none;	
		}
		.wrapisi .wrapinfo a.judul:hover{
			border:#630 solid 1px;
			border-left:#630 solid 3px;
			color:#630;
			text-decoration:none;	
		}
		.wrapisi .wrapinfo .desc{
			clear:both;
			display:none;
			float:left;
			width:630px;
			font-size:12px;
			margin:3px 0 0 10px;
			text-align:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;			
		}
/*end keunggulan*/