#gallerya {
		overflow: hidden;
		width: 685px;
	}
	
	#gallerya-paginate {
		width: 685px;
		text-align:right;
		margin: 5px 0px 0px 0px;
		padding: 0px;
	}
	
	#gallerya-paginate span img {
		float: right;
	}
	
	.stepcarousel {
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		width: 685px; /*Width of Carousel Viewer itself*/
		height: 225px; /*Height should enough to fit largest content's height*/
		background: #6d6e70;
	}

	.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*/
		margin: 0px; /*margin around each panel*/
		padding: 0px;
		width: 685px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
	
	.left-col {
		width: 220px;
		float: left;
		margin: 0px 10px 0px 10px;
		padding: 0px;
		display: inline;
	}
	
	.right-col {
		width: 445px;
		float: right;
		margin: 0px;
		padding: 0px;
	}
	
	.left-col h3 {
		width: 220px;
		font-size: 12px;
		color: #fff;
		padding: 10px 0px 10px 0px;
		margin: 0px;
		font-weight: bold;
		float: left;
	}
	
	.left-col p {
		width: 220px;
		font-size: 11px;
		color: #fff;
		padding: 0px 0px 5px 0px;
		margin: 0px;
		float: left;
		text-align: justify;
	}
	
	.read-more-blue {
		width: 100%;
		overflow: hidden;
	}
	
	.read-more-blue span {
		width: 65px;
		padding: 2px;
		float: right;
		background: url(/public/images/layout/read-more-blue-bg.gif) 0 0 repeat-x;
	}
	
	.read-more-blue span a {
		color: #fff;
		font-style: italic;
		text-decoration: none;
		font-size: 11px;
	}
	
	.read-more-blue span a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	.right-col img {
		width: 445px;
		height: 225px;
		margin: 0px;
	}