.template-banner {
	height: 300px;
}

.content-category-block-1 {
	background: url('../images/promo.png') left top no-repeat;
	height: 220px;
	position: absolute;
	top: 35px;
	right: 50px;
	width: 370px;
	z-index: 105;
}

.content-category-block-1 .content-block-item {
	font-size: 14px;
	margin: 0 25px;
}

.content-category-block-1 .content-block-item-title {
	margin: 25px 0 0;
}

.content-category-block-1 .content-block-item-title > a {
	color: #f0262d;
}

.content-category-block-1 .content-block-item-read-more > a {
	color: #cccccc;
	display: inline-block;
	font-size: 12px;
	padding: 2px 15px;

	/* CSS3 */
	background: #171717;
	background: -moz-linear-gradient(top,  #171717 0%, #404040 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#404040));
	background: -webkit-linear-gradient(top,  #171717 0%,#404040 100%);
	background: -o-linear-gradient(top,  #171717 0%,#404040 100%);
	background: -ms-linear-gradient(top,  #171717 0%,#404040 100%);
	background: linear-gradient(to bottom,  #171717 0%,#404040 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#404040',GradientType=0 );

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.banner-shade {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;

	/* CSS3 */
	background: -moz-linear-gradient(left,  rgba(37,37,37,0) 0%, rgba(37,37,37,0.5) 80%, rgba(37,37,37,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,37,37,0)), color-stop(80%,rgba(37,37,37,0.5)), color-stop(100%,rgba(37,37,37,1)));
	background: -webkit-linear-gradient(left,  rgba(37,37,37,0) 0%, rgba(37,37,37,0.5) 80%,rgba(37,37,37,1) 100%);
	background: -o-linear-gradient(left,  rgba(37,37,37,0) 0%, rgba(37,37,37,0.5) 80%,rgba(37,37,37,1) 100%);
	background: -ms-linear-gradient(left,  rgba(37,37,37,0) 0%, rgba(37,37,37,0.5) 80%,rgba(37,37,37,1) 100%);
	background: linear-gradient(to right,  rgba(37,37,37,0) 0%, rgba(37,37,37,0.5) 80%,rgba(37,37,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252525', endColorstr='#252525',GradientType=1 );
}

.main-body {
	padding: 0 !important;
}

.home-container {
	overflow: hidden;
}

.travelhebat-tiket img {
	display: block;
}

.travelhebat-tiket {
	/* CSS3 */
	-webkit-box-shadow: 0 2px 3px #cccccc;
	-moz-box-shadow: 0 2px 3px #cccccc;
	box-shadow: 0 2px 3px #cccccc;
}

.event-calendar-small {
	float: left;
	font-size: 11px !important;
	margin: 20px;
}

.event-calendar-cell,
.event-calendar-cell a {
	width: 24px !important;
	height: auto !important;
	padding: 0;
}

.content-single-block-welcome {
	margin-right: 20px;
	overflow: hidden;
}

.content-single-block-welcome .content-block-title {
	margin-bottom: 0;
}

.ads-homeads {
	clear: both;
	margin: 20px;
	overflow: hidden;
}

.ads-homeads .ads-item {
	float: left;
}

.ads-homeads .ads-item:first-child {
	margin-right: 20px;
}

.content-scroll-section-layanan {
	/* CSS3 */
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}

.content-scroll-section-layanan .content-scroll-section-title {
	margin: 0 40px 15px;
	padding-top: 10px;
}

.content-scroll-container .prev,
.content-scroll-container .next {
	background: url('../images/arrow-l.png') 0 0 no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	margin: 70px 15px 0;
	width: 11px;
}

.content-scroll-container .prev:hover,
.content-scroll-container .next:hover {
	background-position: -11px 0;
}

.content-scroll-container .next {
	background: url('../images/arrow-r.png') 0 0 no-repeat;
}

.content-scroll-container .prev:hover {
	background-position: -11px 0;
}

.content-scroll-item {
	float: left;
	width: 275px;
	margin-right: 25px;
}

.content-scroll-item > a {
	color: #ffffff;
	display: block;
}

.content-scroll-item img {
	width: 275px;
}

.content-scroll-item-link {
	height: 200px;
	line-height: 1.2;
	padding: 5px 10px 0;
	text-align: center;
}

.content-scroll-item:nth-child(3n-2) .content-scroll-item-link {
	background-color: #a1c935;
}

.content-scroll-item:nth-child(3n-1) .content-scroll-item-link {
	background-color: #4376b5;
}

.content-scroll-item:nth-child(3n) .content-scroll-item-link {
	background-color: #e71b24;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position: relative;
	overflow: hidden;
	width: 875px;
	height: 185px;

	/* custom decorations */
	margin-bottom: 20px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}

/* active item */
.scrollable .active {
	position: relative;
	cursor: default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float: left;
}

.event-latest {
	border-bottom: 1px solid #cccccc;
	padding: 20px 30px 30px;
	position: relative;

	/* CSS3 */
	-webkit-box-shadow: 0 -2px 3px #cccccc;
	-moz-box-shadow: 0 -2px 3px #cccccc;
	box-shadow: 0 -2px 3px #cccccc;
}

.event-latest-title {
	margin-top: 0;
}

.event-latest-list {
	overflow: hidden;
}

.event-latest-item,
.event-latest-item-image {
	float: left;
	margin-right: 20px;
}

.event-latest-item {
	width: 440px;
}

.event-latest-item:last-child {
	margin-right: 0;
}

.event-latest-item-title {
	color: #4376b5;
	margin: 0;
}

.event-latest-item-image img {
	width: 100px;
}

.event-latest-item-info > div {
	display: inline;
}

.event-item-info-date:after {
	content: ', ';
}

.event-more {
	position: absolute;
	right: 30px;
	top: 30px;
}

.event-more a {
	color: #444444;
	font-weight: bold;
}

.content-category-block-news,
.content-section-block-testimoni,
.content-section-block-tips {
	margin-bottom: 30px;
}

.content-category-block-news,
.content-section-block-testimoni {
	float: left;
	margin-right: 30px;
	width: 280px;
}

.content-category-block-news {
	margin-left: 30px;
}

.content-section-block-tips {
	margin-top: 30px;
	margin-right: 30px;
	overflow: hidden;
}

.gallery-latest {
	clear: both;
	padding: 0 15px 30px;
}

.gallery-latest-title {
	padding-left: 20px;
}

.gallery-latest-list {
	overflow: hidden;
}

.gallery-latest-item {
	float: left;
	margin-right: 10px;
}

.gallery-latest-item:last-child {
	margin-right: 0;
}