.ownsearch {
  width: 100%;
  position: relative;
}

.ownsearchTerm {
  float: left;
  width: 910px;
  border: 3px solid #00B4CC;
  padding: 5px;
  height: 20px;
  border-radius: 5px;
  outline: none;
  color: #9DBFAF;
}

.ownsearchTerm:focus{
  color: #00B4CC;
}

.ownsearchButton {
  position: absolute;  
  left: -38px;
  width: 40px;
  height: 36px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.ownwrap{
  width: 890px;
}


/* ==========================================================================
   Start Of Tambahan Ajax
   ========================================================================== */
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/
/*

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
*/
/* ==========================================================================
   End Of Tambahan Ajax
   ========================================================================== */
   
   
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#181818;min-width:960px;background:#171717}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%;background:url(../images/bg.jpg) center top no-repeat #fff}
.main {width:960px;padding:0;margin:0px auto;font-size:0.875em;line-height:1.5em}
a {color:#0dc2ce;outline:none}
a:hover {text-decoration:none}
.wrapper {width:100%;overflow:hidden;position:relative}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:8px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#4f4f4f}
.border {padding:3px;border:1px solid #e5e5e5;background:#fff}
/*boxes*/
.margin-bot {margin-bottom:35px}
.indent-top {padding-top:10px}
.indent-left {padding-left:20px}
.indent-left2 {padding-left:10px}
.indent-left3 {padding-left:5px}
.indent-bot {margin-bottom:2px}
.indent-bot2 {margin-bottom:27px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 20px 0px 0}
.prev-indent-bot {margin-bottom:10px}
.prev-indent-bot2 {margin-bottom:6px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .list-gen li a, .link, .button, .logo {text-decoration:none}

/*header*/
header {width:100%;padding-bottom:4px;margin-bottom:-30px}
/*#page1 header {min-height:550px;background:url(../images/header-bg2.jpg) center top no-repeat}*/
#page1 header {min-height:550px}

/* menu */
.menu-row {width:100%;background:url(../images/menu-tail.png) center top repeat-x;z-index:3;height:71px}
.menu {padding:0;width:100%}
.menu li {float:left;position:relative;background:url(../images/menu-spacer.gif) right 6px no-repeat}
.menu li.last-item {background:none}

.menu li a {display:block;width:175px;font-size:28px;line-height:2em;font-weight:400;padding:6px 0 16px 0;margin:0 0 4px 0;color:#151515;background:url(../images/menu-active-tail.png) left -120px repeat-x;text-align:center;letter-spacing:-1px;border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px}

.menu li a.ym-status {display:block;width:175px;font-size:14px;font-weight:400;padding:2px 0 0 40px;margin:0 0 2px 0;color:#151515;text-align:center;border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px}

.menu li a.active, .menu li a.normal:hover {color:#fff;background-position:left top;background-color: #171717;box-shadow: 0px 0px 4px rgba(0,0,0,0.20);-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,9)}

.menu li a.ym-status:hover {}

.menu li.active, .menu li:hover {}
h1 {padding:31px 0 0 2px;position:relative}
	#page1 h1 {padding:31px 0 0 49px}
h1 a {display:block;width:266px;height:98px;text-indent:-5000px;background:url(../images/logo.png) 0 0 no-repeat}

/*content*/
#content {width:100%;padding:0 0 26px 0}
	#page1 #content {padding:0 0 40px 0}
	#page5 #content {padding:0 0 34px 0}
	#page3 #content {padding:0 0 52px 0}
h2 {font-size:41px;line-height:1.219em;margin:0 0 18px 0;color:#151515;font-weight:300;letter-spacing:-1px}
h3 {font-size:35px;line-height:1.514em;margin:0 0 17px 0;color:#151515;font-weight:300;letter-spacing:-1px}
h4 {font-size:28px;line-height:1.214em;margin:0 0 6px 0;color:#0dc2ce;font-weight:300;letter-spacing:-1px}
.border-bot {width:100%;padding-bottom:21px;background:url(../images/pic-1.gif) 0 bottom repeat-x}
.button {display:inline-block;font-size:19px;line-height:1.21em;font-weight:400;text-transform:uppercase;letter-spacing:-1px;padding:4px 13px 6px;color:#fff;background:url(../images/button-tail.gif) 0 0 repeat-x #09b4c2;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
	.button:hover {background:#171717}

.list-gen li {font-size:14px;line-height:16px;padding:7px 0 7px 12px;background:url(../images/marker.gif) 0 13px no-repeat}
	.list-gen li a {display:inline-block;color:#4f4f4f}
	.list-gen li a:hover {color:#0dc2ce;}

.list-gen li:hover {font-size:14px;line-height:16px;padding:7px 0 7px 12px;}
	
.list-1 li {font-size:14px;line-height:12px;padding:7px 0 7px 12px;background:url(../images/marker.gif) 0 13px no-repeat}
	.list-1 li a {display:inline-block;color:#4f4f4f}
	.list-1 li a:hover {color:#0dc2ce;}

.list-1 li:hover {font-size:14px;font-weight:bold;line-height:12px;padding:7px 0 7px 12px;background:#eeeeee;}
.list-1 li.selected {font-size:14px;font-weight:bold;line-height:12px;padding:7px 0 7px 12px;background:#eeeeee;}

.list-2 li {
	margin-left:5px;font-size:12px;line-height:19px;
	padding:7px 0 7px 12px;
	background:url(../images/marker.gif) 0 13px no-repeat}
	
	.list-2 li a {display:inline-block;color:#0dc2ce}

.list-2 li:hover {font-size:12px;font-weight:bold;line-height:19px;padding:7px 0 7px 12px;background:#efeeee;}
	.list-2 li a:hover {display:inline-block;color:#0dc2ce;}
	.list-2 li img:hover {display:inline-block;opacity: .5;}

.link:hover {text-decoration:underline}
.text-1 {display:block;font-size:14px;line-height:21px}
	.text-1 a {color:#181818}
.tdate-1 {display:block;font-size:14px;line-height:21px;font-weight:bold}
	.tdate-1 a {color:#0dc2ce}
.numb {display:block;width:60px;height:60px;text-indent:-5000px;float:left;margin-right:20px}
	.numb.first {background:url(../images/numb-1.png) 0 0 no-repeat}
	.numb.second {background:url(../images/numb-2.png) 0 0 no-repeat}
	.numb.third {background:url(../images/numb-3.png) 0 0 no-repeat}
dl span {float:left;width:85px;font-size:14px}
dl dd {font-size:13px}
/* Contact form */
#contact-form {display:block}
	#contact-form label {display:block;height:31px;overflow:hidden}
	#contact-form input {float:left;width:326px;font-size:13px;line-height:1.23em;color:#4f4f4f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #e5e5e5;background:none}
	#contact-form textarea {float:left;height:175px;overflow:auto;width:466px;font-size:13px;line-height:1.23em;color:#4f4f4f;padding:3px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #e5e5e5;background:none}
.text-form {float:left;display:block;font-size:14px;line-height:26px;width:112px;color:#4f4f4f;font-family:Arial, Helvetica, sans-serif}
.buttons {padding:20px 0 0 0}
.buttons a {margin-right:10px}
/*aside*/
aside {width:100%;padding:25px 0 51px;background:#efefef}
/*footer*/
footer {width:100%;color:#fff;padding:5px 0 0}
.footer-text {font-size:22px;line-height:1.2em;font-weight:300;letter-spacing:-1px;margin-bottom:12px}
	.footer-text b {display:block;font-weight:300}
	.footer-text strong {color:#0dc2ce;font-weight:300}
	.footer-text a {text-decoration:none}
	.footer-text a:hover {color:#fff}
.support-phone {font-weight:300;font-size:41px;line-height:1.219em;color:#fff;letter-spacing:-1px;padding-left:10px;margin-top:-3px}
	.support-phone strong {display:block;font-weight:300;font-size:35px;line-height:1.2em;color:#0dc2ce;margin-bottom:-11px}
	.support-phone b {font-weight:300;color:#808080;margin-left:-7px}
	
.list-services {}
	.list-services li {float:right;padding-right:7px}
		.list-services li a {display:block;width:18px;height:18px;background:url(../images/social-icons.png) 0 0 no-repeat;}
		.list-services li a.item-2 {background-position:-25px 0}
		.list-services li a.item-3 {background-position:-50px 0}
		.list-services li a.item-4 {background-position:-75px 0}
		
.banner-contact {
  align-items: center;
  
  border-radius: 5px;
  display: table-cell;
  vertical-align: middle;
  margin-top : 20px;
  background-color: AZURE;
  width:980px; height:45px; 
  font:13px Arial; 
  font-weight: bold;
  color: #000;
}

.last-update {
  margin-top : 20px;
  width:900px; height:20px; 
  font:11px Arial; 
  color: #000;}
  
.alamat {
  text-align: right;
  display:inline;
  float: right;
  position: relative; z-index: 1;
  margin-top: -75px;
  margin-right: 30px;
  font:bold 11px Arial; 
  color: #000;}