html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body{background:#21356A url(../../images/header.jpg) no-repeat right top;
	margin:0px; 
	font:12px Arial; color:#FFFFFF;
	}

.pad-left-one{
	padding-left:10px;
	}
.date{
	color:#8b8989; font-size:11px;
	}
.content-dettail a{
	color:#00a7d7;
	}
a{
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover{
	color:#999999;
	}
a img{border:none;}
.border-line{
	border:1px solid #999999;
	}
.pad-top{
	padding-top:5px;
	}
.pad-right-one{
	padding-right:10px;
	}
.img-content-hide{
	width:500px;
	/*height:362px;*/
       height:300px;
	overflow:hidden
	}
.title-bg-content{
	background:url(../../images/bg-title-content.gif) repeat-x;
	}
.title-bg-content a{
	color:#0099FF;
	}
.line{
	background:url(../../images/line.gif) center center repeat-x;
	height:6px;
	}
.pad-left-two{
	padding-left:20px;
	}
.pad-top-bottom-one{
	padding-top:5px;padding-bottom:7px;
	}
.right{
	text-align:right;
	}
.title{
	font-size:14px;
	font-weight:bold;
	}
.bg-view{
	height:80px;
	background:#393939 url(../../images/view-img.gif) no-repeat right top;
	}
td.width-content{ 
	width:531px/*nilai widthnya harus (class'width-content' + class 'width-sidebar' = class 'middle')*/
	}
td.width-sidebar{
	width:315px/*nilai widthnya harus (class'width-content' + class 'width-sidebar' = class 'middle')*/
	}
td.bg-top-content{
	background:url(../../images/top-bg-content.jpg) no-repeat;
	height:7px;
	}
td.bg-bottom-content{
	background:url(../../images/bottom-bg-content.jpg) no-repeat;
	height:7px;
	}
td.bg-center-content{
	background:url(../../images/center-bg-content.jpg) center top repeat-y;
	}
td.bg-center-content table.tabel{
	width:500px;
	background:#48494b;
	}
td.bg-center-content table.tabel td table.table-thumb{
	float:left;
	width:235px;
	margin-right:5px; margin-top:5px; margin-bottom:5px;
	background:url(../../images/dot2.gif) repeat-x bottom left;
	}
td.bg-center-content table.tabel td table.table-thumb td{
	padding-bottom:10px;
	}

td.bg-center-content table.tabel td table.thumb-loop{
	width:100%;
	background:none;
	background:url(../../images/dot2.gif) repeat-x bottom left;
	}
td.bg-center-content table.tabel td table.thumb-loop td.tbl{
	width:50%;
	}
td.bg-center-content table.tabel td table.thumb-loop td table.table-thumb-img{
	background:none;
	width:240px; float:none;
	margin:8px 0px
	}
td.bg-center-content table.tabel td table.thumb-loop td table.table-thumb-img td.img{
	width:82px;
	}	

/*css untuk header */	
div.header{
	margin-top:140px;
	}
div.header table{
	width:866px;
	}
/*div.header table td.head-logo{
	height:120px;
	}*/
div.header table td.menu{
	background:url(../../images/menu.png) no-repeat; height:54px;
	}
	
div.middle{	
	}
div.middle table{
	background:#787c7c;
	width:846px;
	}
	
div.middle table .contact{
	width:100%;
	background:none;
	}
	
div.middle table td table.in-content{
	width:520px;
	}
div.middle table td	table.img-view{
	width:820px;
	}
td.width-sidebar table{
	width:300px;
	}
td.width-sidebar table td.title-side-bar{
	height:43px;
	background:url(../../images/bg-title.png) no-repeat;
	}
td.width-sidebar table td.sidebar-img-bg{
	background:url(../../images/sidebar-images-bg.gif) repeat-y;
	}
td.width-sidebar table td.sidebar-img-bg table{
	width:282px;
	}
td.width-sidebar table td.sidebar-img-bg table td.abu-one{
	background:url(../../images/dot.gif) #48494b bottom repeat-x;
	}
td.width-sidebar table td.sidebar-img-bg table td.abu-two{
	background:url(../../images/dot.gif) #3f4140 bottom repeat-x;
	}
td.width-sidebar table td.sidebar-img-bg table td.abu-none{
	background:#48494b;
	}
td.width-sidebar table td.sidebar-img-bg-bottom{
	background:url(../../images/sidebar-images-bg-bottom.gif) no-repeat;
	height:12px;
	}
													/*footer*/
div.footer{
	text-align:center;
	padding:10px 0px;
	}