@charset "utf-8";
html,body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	height: 100%;
    background: url("/images/bg-main-one-repeat.jpg") repeat-y scroll center top #FFFFFF;
    color: #333333;    
}

#page {
    background: url("/images/back.jpg") no-repeat scroll center top transparent;
    height: 100%;
    margin: 0;
    min-width: 976px;
    padding: 0;
}
ol, ul {
	list-style: none outside none;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
img {
	border: none;
}
.oneColLiqCtrHdr #judulAtasKanan a, .oneColLiqCtrHdr #judulAtasKanan a:visited {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 14px;
	color: #507683;
	text-decoration:none;
}

.oneColLiqCtrHdr #judulAtasKanan a:hover {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 14px;
	color: #444;
	text-decoration:none;
}

.oneColLiqCtrHdr #container {
	width: 980px;  /* this will create a container 80% of the browser width */

	text-align: left;
	border: 0px none #000000;
	padding: 0px;
	margin-top: 15;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	
}
.oneColLiqCtrHdr #gbrTengah {
	height: 314px;
	width: auto;
	background-image: url(../images/back-abu.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	margin-top: 4px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	padding-top: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: right;
}
.oneColLiqCtrHdr #kotak-tengah {
	background-color: #424143;
	height: 300px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0px;
}

.oneColLiqCtrHdr #menu {
	height: 37px;
	width: 100%;
	text-align: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-color: #FF0000;
	float: right;
	clear: right;
}
.oneColLiqCtrHdr #tengah-blok {
	background-color: #666666;
	height: 21px;
	width: auto;
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-left: 15px;
	vertical-align: middle;
	padding-top: 6px;
	padding-bottom: 0px;
	margin: 0px;
}
.oneColLiqCtrHdr #bawah {
	width: auto;
	clear: both;
	float: none;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.oneColLiqCtrHdr #box-featured {
	width: 540px;
	float: left;
	margin: 0px;
}
.oneColLiqCtrHdr #box-bawah {
	width: auto;
	clear: both;
	float: left;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
}
.oneColLiqCtrHdr #box-bawah a {
	text-decoration: none;
	color: #ED1B23;
}
.oneColLiqCtrHdr #box-bawah a:hover {
	text-decoration: none;
	color: #a44;
}

.oneColLiqCtrHdr #news {
	float: right;
	width: 39%;
	clear: none;
}
.judul-atas {
	width: auto;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9B9B;
	padding-bottom: 5px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	color: #ED1B23;
	font-weight: normal;
	margin-bottom: 8px;
	margin-right: 5px;
}

.judul-atas-kanan-highlight {
	width: auto;
	padding-top: 1px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	padding-bottom: 6px;
	color: #449;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 4px;
	margin-left: 15px;
	margin-right: 15px;
}
.judul-atas-kanan {
	width: auto;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-bottom: 5px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	color: #800;
	font-weight: normal;
	margin-bottom: 8px;
	font-size: 14px;
	margin-right: 8px;
}
.kecil-tebel {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.oneColLiqCtrHdr #box-tengah-kiri-isi {
	padding-left: 0px;
	position: relative;
	padding-top: 15px;
	height: 229px;
}
.oneColLiqCtrHdr #box-gambar-tengah {
	float: right;
	height: 300px;
	width: 725px;
	clear: none;
}
.oneColLiqCtrHdr #box-tengah-kiri {
	height: 100%;
	width: 225px;
	float: left;
	padding-left: 0px;
	font-family: Tahoma, "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	bottom: 0px;
}
.readmore, .readmore a {
	font-style: normal;
	color: #ff9191;
	font-weight: bold;
	text-decoration: none;
}
.readmore a:hover {
	color: #bb5151;
}


.oneColLiqCtrHdr #header {
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(../images/tuv.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-bottom: 0px;
	clear: both;
	height: 143px;
	float: none;
}
.kotak-tengah {
	background-color: #424143;
	float: left;
	clear: left;
	margin-left: 15px;
	width: auto;
}

.oneColLiqCtrHdr #headerLogo {
	height: 95px;
	width: 352px;
	margin-top: 5px;
	float: none;
	position: relative;
	top: 14px;
	padding: 0px;
}

.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.oneColLiqCtrHdr #mainContentNormal {
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	border-top: 1px solid #ddd;
	margin-top: 6px;
	background: url(/images/rightrail-repeat.jpg) repeat-y scroll right 80px transparent;
}
.oneColLiqCtrHdr #mainContent {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer {
	background: url(/images/back-merah.png) #EB1A22 repeat-x;
	clear: both;
	padding-top: 0;
	padding-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	height: 25px;

} 
.isi-header {
	height: 35px;
	width: 980px;
	position: relative;
	text-align: center;
	margin: auto;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial;
}
#header2 {
	height: 39px;
	background-image: url(../images/back-merah.png);
	background-repeat: repeat-x;
}
.oneColLiqCtrHdr  #header2  a, .oneColLiqCtrHdr  #header2  a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
.oneColLiqCtrHdr  #header2  a:hover {
	color: #eee;
	text-decoration: none;
}

.header-kiri {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
	color: #FFFFFF;
	vertical-align: middle;
	clear: none;
	height: auto;
	width: 200px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	text-align: left;
	float: left;
}
.header-kanan {
	height: auto;
	width: 465px;
	clear: none;
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	vertical-align: middle;
}
.gede1 {
	font-family: Tahoma, "Trebuchet MS";
	font-size: 24px;
}

.header-kanan #site-search {
	padding-right: 5px;
	width: auto;
	height: auto;
	float: left;
	padding-top: 5px;
	text-align: left;
}
.header-kanan #lang {
	width: 200px;
	float: left;
	text-align: left;
	vertical-align: top;
}
ul.featured-projects-list li {
	float: left;
	width: 165px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 0px;
	left: 0px;
	height: 187px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.boxNews {
	clear: both;
	float: left;
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
}
.conText-Main {
	clear: both;
	padding-top: 0px;
	text-align: left;
	width: 98%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.conText {
	clear: left;
	padding-top: 0px;
	margin-top: 0px;
	text-align: left;
	width: 91%;	
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	padding-left: 15px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
}
div.conText img.thumbnail, div.conText-Main img.thumbnail {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 0;
}
.date02 {
	color: #828282;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: left;
}
.titleNav03, .titleNav03 a {
	color: #507683;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding-bottom: 0px;
	text-align: left;
	width: 100px;
	height: 100%;
	text-decoration: none;
}
.linkDetail02,.linkDetail02 a,.linkdetail02 a:hover {
	clear: both;
	color: #507683;
	float: right;
	font-size: 11px;
	padding-top: 0px;
	text-align: right;
	width: 98%;
	padding-right: 0px;
	text-decoration: none;	
}
.titleNav03 a:hover, .linkDetail02 a:hover {
	color: #305663;
}
.style1 {
	font-size: 11px;
	color: #ff9191;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-style: normal;
}
#apDiv1 {
	position:absolute;
	left:108px;
	top:10px;
	width:170px;
	height:1px;
	z-index:1;
}
.oneColLiqCtrHdr #footer .footer-div {
	margin: 0 auto;
	overflow: hidden;
	padding: 7px 0;
	width: 950px;
	font-family: Tahoma, "Trebuchet MS";
	font-size: 10px;
	color: #fff;
}.oneColLiqCtrHdr #boxMain {
	width: 655px;
	min-height: 200px;
	padding-top: 0px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	float: left;
	line-height: 26px;
	color: #222;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 15px;
}
.oneColLiqCtrHdr #judulAtasKanan {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 15px;
	color: #E91A22;
}

.oneColLiqCtrHdr  #boxMain  img   {
	float: none;
	padding-bottom: 5px;
	padding-right: 15px;
}
.oneColLiqCtrHdr #boxMain ul li {
	list-style-position: inside;
	list-style-type: disc;	
	padding-left: 25px;
}


.oneColLiqCtrHdr #rightMain {
	float: right;
	width: 265px;
	padding-top: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 14px;
	color: #446;
	background: url(../images/bg-rightrail.jpg) no-repeat scroll left top transparent;
	padding-left: 15px;
	background-repeat: no-repeat;
	clear: none;
	min-height: 500px;
	height: 100% auto;
}
.oneColLiqCtrHdr #boxMain ul {

}


.oneColLiqCtrHdr  #navigator  h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	color: #E91A22;
}
.oneColLiqCtrHdr #navigator {
	padding-top: 5px;
	font-family: Tahoma, "Trebuchet MS";
	font-size: 10px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.merah {
	color: #E91A22;
	text-decoration: none;
}

#boxVacancy  {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	min-height: 200px;
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
    margin: 0;
    padding: 10px 0 5px;
	width: 650px;
	float: left;
	line-height: 26px;
	color: #222;
}
#boxVacancy li {
	list-style-type: none;
	border-bottom: 1px dotted #ACACAC;
	 padding: 10px 0 10px;
}

#boxVacancy a {
	color: #e22;
	text-decoration:none;
}

#boxVacancy a:hover {
	color: #822;
	text-decoration:none;
}
#calenderSelect_one
{
	background: #ffffff;
}

.style2 {color: #fff}
.style_abu {color: #777}

.divide-fade {
    margin-top: 10px !important;
}

.divide-fade {
    background: url("/images/bg-title-fade.gif") no-repeat scroll center top transparent;
    height: 18px;
    margin: 25px 0 15px;
}

.oneColLiqCtrHdr #bottom {

	width: 980px;  /* this will create a container 80% of the browser width */
	clear: both;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	
}

#bottom .main {
    background: url(/images/bawah.jpg) no-repeat scroll 0 0 #F8F9FB;
    padding: 18px 4px 0px 4px;
    margin: 5px 15px 0 15px;    
}

.judul-bawah {
	padding: 4px 4px 0px 4px;
	color: #800;
}
.bersih2 {
clear: both;
height: 1px;
}

.ja-box {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	float: left;
	text-align: right;
	padding: 0px 4px 0px 4px;
	margin: 0px 1px 0px 0px;

}

.ja-box li {
	padding: 4px 0px 0px 0px;
}

.ja-box a {
	text-decoration: none;
	color: #507683;
}

.ja-box a:hover {
	text-decoration: dashed;
	color: #305663;
}

.putih-kecil {
	width: 500px;
	clear: both;
	margin-bottom: 8px;
}