@charset "utf-8";

/* CSS Document */
body {
	margin:0; padding:0;
}
#clearer {
	clear:both;
}
#clearer2 {
	clear:both; margin-bottom:10px;
}
#clearer3 {
	clear:both; margin-bottom:10px; border-bottom:1px dashed #999;
}
#batas {
	background:url(../images/batascontentright.png); height:8px; margin:20px 0;
}

/*font tambahan css */
@font-face{
    font-family: calibri;
    src: url('../font/calibri.eot') format('embedded-opentype'),
         url( '../font/calibri.ttf' ) format('truetype'), url('../font/calibri.svg#Whitney-book') format('svg'); 
}
@font-face{
    font-family: MyriadWebPro;
    src: url('../font/MyriadWebPro.eot') format('embedded-opentype'),
         url( '../font/MyriadWebPro.ttf' ) format('truetype'), url('../font/MyriadWebPro.svg#Whitney-book') format('svg'); 
}

/* header css */
#bgheader {
	background:url(../images/bgheader.png); width:100%; height:166px;
}
#header {
	width:990px; margin:0 auto;
}
#header img.logo {
	margin:25px 0 0 0;
}

/* menu css */
#bgmenu { width:600px; height:42px; margin:0 auto;   }
.clear { height: 100%; }
.clear:after { content: ''; display: block; float:left; }
#menu, #menu ul { list-style: none; margin: 0; padding: 0; z-index:999999; text-align:left; }
#menu li { position: relative; float: left;text-align:center; white-space:nowrap;   }
#menu li a { 
	display: block; text-decoration: none; font-family:calibri; font-size:16px; color:#fff; 
	height:32px; padding:10px 20px 0 20px; background:url(../images/batasmenu.png) no-repeat right center;
}
#menu li a:hover { color:#0f0587;  }	
#menu ul { display: none; position: absolute }
#menu ul li { float: none }
#menu li ul { margin:0 0 0 10px; }
#menu ul ul { top: 0px; left: 100%; margin:0 0 0 0; }
#menu li ul li { margin:0; margin:0; text-align:left; width:auto; background:#67c74a; }
#menu li ul li a { font-weight:normal; font-size:14px; padding:10px 10px; height:auto; background:none; }
#menu li ul li a:hover { background:#090; }
#menu li li li { width:auto; }

/* search css */
#search {
	width:990px; height:58px; margin:0 auto; background:url(../images/bgsearch.png); font-family: MyriadWebPro;
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
}
#search p {
	font-size:16px; font-weight:bold; color:#fff; display:inline-block; margin:20px 0 0 70px; float:left;
}
#search-form {
	background:url(../images/arrow.png) no-repeat 95% top; float:right; padding-right:100px; height:58px;
}
#search-form input.teks {
	background:url(../images/bgteks.png); width:300px; height:30px; color:#fff; display:inline-block; margin:13px 10px 0 0; padding:0 10px;
	border:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none;
}
#search-form input.button {
	background:url(../images/bgbutton.png); height:30px; display:inline-block; margin:13px 0 0 0; padding:0 10px; 
	color:#fff;
	border:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
#search-form input.button:hover {
	cursor:pointer; background:#666;
}

/* content css */
#content {
	width:990px; margin:20px auto; font-family: MyriadWebPro; line-height:20px;
}
#content-left {
	float:left; 
	width:300px; 
	/* margin:0 20px 0 0;  */
}
#content-right {
	float:left; width:670px;
}
#content-right h1 {
	font-size:25px; font-weight:normal; color:#0f0587; text-transform:uppercase; margin:0 0 20px 0; 
}
#content-right p {
	font-size:14px; margin:0 0 10px 0; line-height:20px;
}
#content-right span {
	font-size:12px; color:#999; display:block;
}
#content-right label {
	font-size:14px; font-weight:bold; color:#000; display:block; margin:0 0 5px 0;
}

/* content-left-news css */
#content-left-news {
	background:#ebebeb; margin:0 0 10px 0; padding:10px 10px 10px 20px; 
	border:1px solid #d7d7d7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
#content-left-news label {
	font-size:20px; color:#0f0587; margin:0 0 10px 0; display:block;
}
#content-left-news span {
	font-size:14px; font-weight:bold;
}
#content-left-news p {
	font-size:14px; margin:0 0 10px 0;
}
#content-left-news-batas {
	border-bottom:1px dashed #999; margin-bottom:10px;
}

/* content-left-price css */
#content-left-price {
	background:#67c74a; height:122px; margin:0 0 10px 0; padding:10px 10px 10px 20px; 
	border:1px solid #d7d7d7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
#content-left-price label {
	font-size:20px; color:#fff; margin:0 0 10px 0; display:block; float:left;
}
#content-left-price input.button {
	font-size:14px; float:right; background:url(../images/bgbuttonsubmit.png); height:25px; color:#fff; padding:0 10px;
	border:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; 
}
#content-left-price input.button:hover {
	cursor:pointer; background:#006;
}
#content-left-price span {
	font-size:14px; color:#fff; display:inline-block; width:90px;
}
#content-left-price input.teks {
	font-size:14px; color:#fff; background:url(../images/bginputprice.png); height:17px; margin:0 0 7px 0; padding:2px 10px; 
	border:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline:none;
}

/* choose css */
#choose {
	
}
#choose-dalam {
	/* float:left; 
	width:285px;  */
	height:90px; 
	background:url(../images/batas.png) no-repeat 2% center; 
	/* margin:0 10px 10px 0;  */
	/* padding:5px 0 5px 35px; */
	border:1px solid #999; border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
}
#choose-dalam h2 {
	font-size:17px; font-weight:bold; color:#05858e; text-transform:uppercase; margin:0 0 0 0;
}
#choose-dalam a.choose-link {
	font-size:14px; font-weight:bold; color:#0f0587; text-transform:uppercase; text-decoration:none; display:block; margin:0 0 5px 0;
}
#choose-dalam a.choose-link:hover {
	color:#000;
}
#choose-dalam p {
	font-size:14px; color:#05858e; margin:0;
}

/* services css */
#services img.services-gambar {
	width:200px; float:left; margin:0 10px 0 0;
}
#services-teks {
	width:460px; float:left; 
}
#services-teks a.services-link {
	text-decoration:none; font-size:18px; color:#0f0587; display:block; margin:0 0 10px 0;
}
#services-teks a.services-link:hover {
	color:#000; 
}

/* table.form css */
table.form input, textarea, select {
	border:1px solid #999; padding:5px 10px; width:290px; font-size:14px; font-family: MyriadWebPro; 
}
table.form option {
	padding:2px 10px;
}
table.form input.submit {
	font-size:14px; background:url(../images/bgbuttonsubmit.png); width:80px; height:25px; color:#fff; padding:0 10px;
	border:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; 
}
table.form input.submit:hover {
	cursor:pointer; background:#006;
}
table.form td {
	padding:5px 5px 5px 0; vertical-align:top; 
}


/* footer css */
#footer {
	width:990px; margin:15px auto; overflow:hidden; font-family: calibri;
}
#footer-left {
	float:left;
}
#footer-left a {
	text-decoration:none; font-size:14px; color:#464646; margin:0 5px;
}
#footer-left a:hover {
	color:#000;
}
#footer-right {
	float:right;
}
#footer-right p {
	font-size:14px; color:#05858e; margin:0;
}