body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #164780 url(../img/bg_body.jpg) top left repeat-x;
}

#head-bar {
	position: relative;
	margin: 25px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100px;
	background: url(../img/bg_head_bar.jpg) top left repeat-x;
	z-index: 2; /* this must be set in parent block which is intended to make effect normal in ie (if this is set in #head-img, ie fails to display the z-index) */
}

#head-block {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 760px;
}

#head-title-img {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 315px;
	height: 77px;
}

#head-img {
	position: absolute;
	top: -25px;
	right: 0px;
	width: 400px;
	height: 200px;
}

#main-menu-block {
	position: relative;
	margin: 16px auto 0 auto;
	padding: 0;
	width: 760px;
	height: 66px;
}

#main-menu {
	position: relative;
	margin-left: 25px;
	padding: 0;
	height: 100%;
}

#main-menu div {
	position: relative;
	margin-left: 1px;
	float: left;
}

#main-menu div:hover {
	cursor: pointer;
}

#main-menu img {
	margin: 0;
	padding: 0;
}

.float-cleaner {
	clear: both;
	margin: 0;
	padding: 0;
}

#content-block {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 760px;
	background-color: #fff;
}

#kiosk-block {
	margin: 0;
	padding-top: 16px;
	width: 180px;
	float: left;
	text-align: center;
}

#kiosk-block:hover {
	opacity: 0.75;
	cursor: pointer;
}

#content-main-block {
	margin: 0;
	width: 580px;
	float: left;
	text-align: center;
}

#content-main-top-block {
	margin: 6px 16px 16px 0;
}

.menu-block {
	margin: 0;
	padding: 0;
	float: right;
	border: none;
}

.menu-block:hover {
	border-top: 4px solid #333;
	cursor: pointer;
}

#content-main-bottom-block {
	width: 560px;
	text-align: left;
	font: normal 11px verdana, sans-serif;
	color: #333;
}

.cmbb-body {
	width: 560px;
	background: #fff url(../img/text_container_middle.jpg) top center repeat-y;
}

.cmbb-content {
	padding: 0 16px 2px 16px;
}

.content-bullet-block {
	width: 20px;
	float: left;
}

.content-main-block {
	float: left;
}

.content-row-gap {
	height: 6px;
	clear: both;
}

.content-label-top {
	margin-bottom: 4px;
	padding: 2px;
	border-bottom: 1px solid #ddd;
	font: bold 14px arial, sans-serif;
}

.content-row-block {
	padding: 2px 0 2px 0;
}

.cmbb-content ul {
	margin: 0;
}

.contact-type {
	width: 56px;
	float: left;
}

.contact-content {
	margin: 2px 0 6px 6px;
	padding-left: 6px;
	float: left;
	font: bold 11px verdana, arial, sans-serif;
	border-left: 1px solid #ddd;
}

.contact-content img {
	margin: 1px 0 1px 0;
}

.contact-content div {
	float: left;
}

.contact-label-block {
	width: 86px;
	float: left;
	color: #999;
}

.contact-gap {
	clear: both;
	height: 10px;
}

#foot {
	width: 760px;
	margin: 0 auto 0 auto;
	background-color: #333;
}

#foot div {
	padding: 6px;
	text-align: center;
	font: bold 12px arial, verdana, sans-serif;
	color: #fff;
}

#tampilan-thumb {
	margin: 6px auto 6px auto;
}

#tampilan-thumb img {
	padding: 4px;
	background-color: transparent;
	border: 1px solid transparent;
}

#tampilan-thumb img:hover {
	cursor: pointer;
	border: 1px outset #eee;
}

#tampilan-full-nav {
	width: 1048px;
	margin: 0;
	padding: 10px;
}