@font-face {

    font-family: 'OstrichSansMedium';

    src: url('fonts/ostrich-regular-webfont.eot');

    src: url('fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/ostrich-regular-webfont.woff') format('woff'),

         url('fonts/ostrich-regular-webfont.ttf') format('truetype'),

         url('fonts/ostrich-regular-webfont.svg#OstrichSansMedium') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'LeagueGothicRegular';

    src: url('fonts/League_Gothic-webfont.eot');

    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/League_Gothic-webfont.woff') format('woff'),

         url('fonts/League_Gothic-webfont.ttf') format('truetype'),

         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

/*html{background: url(img/bgpattern.jpg) center center fixed;

	  -webkit-background-size: cover;

	  -moz-background-size: cover;

	  -o-background-size: cover;

	  background-size: cover;

}*/

html{background:#FFFFFF;}

body{ font-family: 'Open Sans', sans-serif;margin:0;padding:0;}

#bartop{ background:#333333;width:100%;height:5px; }

#bartop .main-bar{ width:900px;padding:3px;margin:auto;text-align:right;color:#CCCCCC;font-size:12px; }

#container{width:900px;min-height:800px;margin:auto;background:#ffffff;}

.header{width:100%;height:100px;margin:auto;}

.header-second{width:100%;height:100px;margin:auto;background-color:#666666;background:url(img/background_1.png) no-repeat bottom;border:1px solid #CCCCCC;}

.judulheader{font-size:26px;font-family: 'OstrichSansMedium', Arial, sans-serif;margin-left:30px;padding-top:20px;}

.logo{background:url(img/logo.png) no-repeat; width:130px;height:80px;float:left;margin:5px;padding-top:10px;margin-left:10px;}

.menubox{width:auto;float:right;font-size:12px;color:#333333;}

.main-slogan{width:100%;height:50px;margin:auto;text-align: center;font-size: 22px;}

.main-runningtext{width:100%;height:30px;margin:auto;}

.main-body{width:80%;height:900px;margin:auto;padding-top:10px;}

.main-body2{width:96%;min-height:300px;margin:auto;text-align:justify;font-size:14px;}

.box-main{ width:200px;height:250px;float:left;margin-right:35px;}

.box-main .imgborder{ }

.imgright{float:left;margin-right:10px; }

.box-main p{ font-size:14px;color:#333333;text-align:justify;}

h1,h2,h3,h4{font-family: 'OstrichSansMedium', Arial, sans-serif;margin-bottom:0;color:#333333;letter-spacing:2px;}

#footer{width:900px;height:230px;margin:auto;background:#333333;color:#CCCCCC;text-align: left;}

#footer .box{width:240px;float:left;color:#F3FCEB;margin-left:10px;height:200px;}

#footer .box h2{font-family: 'OstrichSansMedium', Arial, sans-serif;margin-bottom:0;color:#FBF479;letter-spacing:2px;}

#footer p{font-size:14px; }

#footer .boxmenu{width:240px;float:left;color:#F3FCEB;margin-left:70px;height:200px;}

#footer .boxmenu h2{font-family: 'OstrichSansMedium', Arial, sans-serif;margin-bottom:0;color:#FBF479;letter-spacing:2px;}

#footer .boxmenu li{font-size:12px; }

.MBT-readmore{

background:#fff;

text-align:right;

cursor:pointer;

color:#0f295e;

margin:5px 0;

float:left;



border-right:2px solid #0f295e;

border-left:10px solid #0f295e;

border-bottom:2px solid #0f295e;

border-top:2px solid #0f295e;



padding:5px;

font:bold 11px sans-serif;

}

.MBT-readmore:hover{

background:#fff;

font:bold 11px sans-serif;

color:#FBD231;



border-right:2px dotted #FBD231;

border-left:10px solid #FBD231;

border-bottom:2px dotted #FBD231;

border-top:2px dotted #FBD231;

}



.MBT-readmore a {

color:#fff;

text-decoration:none;

}



.MBT-readmore a:hover {

color:#fff;

text-decoration:none;

} 

.list-product {

  font-size: 12px;

  margin: 0;

  padding-left: 24px;

  background:url(icons/arrow_carrot-right.png) left no-repeat;

  list-style: none;

}

.fact-ph{

	height:50px;

	width:300px;

	margin-bottom:10px;

	background:url(icons/icon-feature-1.png) no-repeat left;

	padding-left:55px;

}

.fact-orp{

	height:50px;

	width:300px;

	margin-bottom:10px;

	background:url(icons/icon-feature-2.png) no-repeat left;

	padding-left:55px;

}

.fact-eng{

	height:50px;

	width:300px;

	margin-bottom:10px;

	background:url(icons/icon-feature-4.png) no-repeat left;

	padding-left:55px;

}

.box-faq{

	width:100%;

	height:255px;

	background:#cedae4;

	font-size:12px;

	border:#B1B1B1 solid 1px;

	margin:auto;

	color:#333333;

	

}

.box-faq-in{

	width:30%;

	float:left;	

	margin-left:22px;

}

/* BEGIN: ????? ????? */

.menubox ul {

  font-size: 14px;

  margin: 0;

  padding: 0;

  list-style: none;

 

}

.menubox ul li {

  display: block;

  position: relative;

  float: left;

}

.menubox li ul { display: none; }

.menubox ul li a {

  display: block;

  text-decoration: none;

  color: #333333;

  

  padding: 15px 14px 18px 14px;

  background: #ffffff;

  margin-left: 1px;

  white-space: nowrap;

}

.menubox ul li a:hover { background:url(img/hover-menu.jpg) bottom repeat-x; }

.menubox li:hover ul {

  display: block;

  position: absolute;

}

.menubox li:hover li {

  float: none;

  font-size: 11px;

}

.menubox li:hover a { background: #FBD231; }

.menubox li:hover li a:hover { background: #0b5aa3; }

input, textarea {

    padding: 9px;

    border: solid 1px #E5E5E5;

    outline: 0;

    font: normal 13px/100% Verdana, Tahoma, sans-serif;

    width: 200px;

    background: #FFFFFF url('bg_form.png') left top repeat-x;

    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));

    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);

    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

    }

   

textarea {

    width: 400px;

    max-width: 400px;

    height: 120px;

    line-height: 150%;

    }

   

input:hover, textarea:hover,

input:focus, textarea:focus {

    border-color: #C9C9C9;

    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;

    }

   

.form label {

    margin-left: 10px;

    color: #999999;

    }

   

.submit input {

    width: auto;

    padding: 9px 15px;

    background: #617798;

    border: 0;

    font-size: 14px;

    color: #FFFFFF;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    }

/* ads banner left-right */

#ads-left{

    width:auto; height:auto; text-align:left; display:scroll;position:fixed; top:20px;left:0px;border:1px solid #cccccc;

}

#ads-right{

    width:220px;

    height:auto;

    text-align:left; display:scroll;position:absolute; top:20px;right:0px;border:1px solid #cccccc;

}

#ads-right .titlebar{

    background: #000000;

    color:darkgray;

    padding-top: 5px;

    padding-bottom: 5px;

    text-align: center;

}

.testimoniP{

    font-size: 12px;

    text-align: justify;

    margin:5px 5px 5px 5px;

}

.garis{

    width:100%;

    height:5px;

    border-top:1px solid #cccccc;

}