@charset "utf-8";

body {

	background: #666666;

	margin: 0;

	padding: 0;

	text-align: center;

	color: #333333;

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

}

.gambar {
 
	background-image:url(http://www.billingmedia.com/qmimages/h99.jpg);
 	width: 875px;
}

h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 24px;

	color: #666666;

	font-weight: bold;

	line-height: 10px;

}

h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 18px;

	color: #333333;

	font-weight: normal;

	line-height: 10px;

}

.ard {

	color:#CC0000;

}

.ard1 {

	font-weight:bold;

	color:#CC0000;

}

.ard2 {

	text-decoration:line-through;

}

h3 {

	font-family: "Times New Roman", Times, serif;

	font-size: 14px;

	color: #333333;

	font-weight: normal;

}

#container {

	width: 875px;

	margin: 0 auto;

	text-align: left;

	background-color: #ebebeb;

}

/* KEPALA */

#header {

	background: #E3E3E3;

	padding: 0;

}

#header h1 {

	margin: 0;

	padding: 10px 0;

}

#header img {

	float:left;

}

#topnav {

	background:url(http://www.billingmedia.com/images/bg_topmenu.jpg);

}

.gambar {

	width:875px;

	height:100px;

}

.gambar h1 {

	color:#FFFFFF;

	position: relative;

	left: 20px;

	top: 60px;

	font-family:Tahoma, Arial, Verdana;

	font-weight:normal;

	font-size:24px;

}

.supertopnav {

	float:right;

	padding-right:20px;

	padding-top: 20px;

}

.supertopnav ul {

	display: inline;

}

.supertopnav ul li {

	margin-left: 0;

	border-left: 1px solid #000;

	list-style: none;

	display: inline;

	padding-right: 5px;

	padding-left: 6px;

}

.supertopnav ul li.awal {

	margin-left: 0;

	border-left: none;

	list-style: none;

	display: inline;

}

.supertopnav a {

	color:#666666;

	text-decoration:none;

}

.supertopnav a:hover {

	color:#000;

	border-bottom-width: 1px;

	border-bottom-style: solid;

}

/* PROMOSI */

#promo {

	width:530px;

	height:135px;

	border-bottom:1px solid #FFFFFF;

	padding:10px;

	padding-left:225px;

	background-color: #999999;

	background-image: url(../images/bumi.png);

	background-repeat: no-repeat;

	background-position: -30px bottom;

}

#promo ul {

	float:left;

	margin:0px;

}

#promo li {

	font-size: 14px;

	font-weight:bold;

	margin: 0;

	padding: 0;

	border: none;

	color: #eee;

	line-height: 20px;

	list-style-image: none;

	list-style-type: square;

}

#promo a {

	color:#CCCCCC;

	float:right;

	margin-top:10px;

	margin-right:20px;

}

#promo a:hover {

	color:#fff;

}

/* LAYANAN */

.layanan-nav {

	float:left;

	margin:4px;

}

.layanan-inr {

	margin: 4px;

	padding:10px;

	float: left;

	width:200px;

	height:210px;

	background-image: url(../images/bg_layanan.gif);

	background-position: left bottom;

}

.layanan-inr h4 {

	font-family: "Times New Roman", Times, serif;

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

	font-size: 18px;

	line-height: 25px;

	font-size-adjust: none;

	font-stretch: normal;

	-x-system-font: none;

	color: #999999;

	right: 0px;

	margin-top:0px;

	margin-bottom:0px;

}

.layanan-inr h4 span {

	font-family: "Times New Roman", Times, serif;

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

	font-size: 24px;

	line-height: 25px;

	font-size-adjust: none;

	font-stretch: normal;

	-x-system-font: none;

	color: #FF0000;

}

.layanan-inr p {

	float: right;

	margin-right:10px;

}

.layanan-inr p a {

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

	font-size: 11px;

	font-size-adjust: none;

	font-stretch: normal;

	-x-system-font: none;

	color: #999999;

	text-decoration: none;

	border-bottom:1px dotted;

}

.layanan-inr p a:hover {

	color: #CCCCCC;

}

.layanan-inr ul {

	padding-left: 10px;

	margin-left: 10px;

}

.layanan-inr li {

	padding-top: 2px;

	list-style-image: none;

	list-style-type: square;

	color: #CCCCCC;

}

/* PUNDAK */

#pundak {

	width: 745px;

	padding: 10px;

	background-color: #d6d6d6;

	height:330px;

	border-bottom:1px solid #a7a7a7;

}

#pundak .pundakkiri {

	float:left;

	width:250px;

	height:300px;

	padding-top:5px;

}

#pundak .pundakkanan {

	float:right;

	width:480px;

	height:300px;

	padding-top:5px;

}

#pundak .kotak {

	border:1px solid #FFFFFF;

	background-color:#e4e4e4;

	height: 240px;

	padding:10px;

	text-align:justify;

}

#pundak .kotakmenu {

}

/* SAYAP */

#sayapkiri {

	float: left;

	width: 200px;

	padding: 15px 10px 15px 10px;

	border-right: 1px solid #CCCCCC;

	border-top:5px solid #d5d5d5;

	background-color: #dddddd;

	height:1100px;

	text-align:justify;

}

#sayapkiri .ardhnews ul {

	padding-left: 0;

	margin-left: 0;

}

#sayapkiri .ardhnews li {

	list-style: none;

	padding-top: 10px;

	padding-bottom: 10px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #999999;

	clear:both;

}

#sayapkiri .ardhnews li a {

	text-decoration: none;

	color: #666666;

	border-bottom:1px dotted;

}

#sayapkiri .ardhnews li a:hover {

	color: #333333;

}

#sayapkiri .ardhcontact ul {

	padding-left: 0;

	margin-left: 0;

}

#sayapkiri .ardhcontact li {

	list-style: none;

	padding-top: 5px;

}

#sayapkanan {

	float: left;

	width: 200px;

	padding: 15px 10px 15px 10px;

	background-color: #dddddd;

	border-left: 1px solid #FFFFFF;

	border-top:5px solid #d5d5d5;

	height:1100px;

	text-align:justify;

}

#sayapkanan .ardhlink ul {

	padding-left: 10px;

	margin-left: 10px;

}

#sayapkanan .ardhlink li {

	padding-top: 5px;

	list-style-image: none;

	list-style-type: square;

}

#sayapkanan .ardhlink li a {

	text-decoration: none;

	color: #333333;

}

#sayapkanan .ardhlink li a:hover {

	color: #333333;

	text-decoration: underline;

}

#sayapkanan .ardhclient ul {

	padding-left: 10px;

	margin-left: 10px;

}

#sayapkanan .ardhclient li {

	padding-top: 5px;

	list-style-image: none;

	list-style-type: square;

}

#sayapkanan .ardhclient li a {

	text-decoration: none;

	color: #333333;

}

#sayapkanan .ardhclient li a:hover {

	color: #333333;

	text-decoration: underline;

}

#sayapkanan .ardhpayment ul {

	padding: 0;

	margin: 0;

}

#sayapkanan .ardhpayment li {

	padding: 0;margin: 0;

	list-style: none;

}

#sayapkanan .ardhtesti a {

	color:#666666;

	text-decoration:underline;

}

#sayapkanan .ardhtesti a:hover {

	color:#000000;

}

#sayapkanan .ardhclient a {

	color:#666666;

	text-decoration:underline;

}

#sayapkanan .ardhclient a:hover {

	color:#000000;

}



/* BADAN */

#mainContent {

	float: left;

	padding: 15px 10px 15px 10px;

	background-color: #ebebeb;

	width: 300px;

	height:1100px;

	border-right: 1px solid #CCCCCC;

	border-left: 1px solid #FFFFFF;

	border-top:5px solid #d5d5d5;

}

#mainContent p {

	text-align:justify;

}

#mainContent .mengapa ol {

	padding-left: 10px;

	margin-left: 10px;

}

#mainContent .mengapa li {

	padding-top: 2px;

	line-height:15px;

}

#mainContent .mengapa li a {

	text-decoration:none;

	color:#333333;

	border-bottom:1px dotted;

}

#mainContent .mengapa li a:hover {

	color:#666666;

}

#mainContent .mengapa h2 a {

	text-decoration:none;

	color:#333333;

}

#mainContent .mengapa a {

	color:#666666;

	text-decoration:underline;

}

#mainContent .mengapa a:hover {

	color:#000000;

}

/* FOOTER */

#footer {

	padding: 20px;

	text-align: center;

	background-color: #999999;

	color:#eee;

}

#footer p {

	margin: 0;

	padding: 10px 0;

	font-weight:bold;

}

#footer .keyword {

	color:#666666;

	font-weight:normal;

}

#footer ul {

	display: inline;

}

#footer ul li {

	margin-left: 0;

	border-left: 1px solid #000;

	list-style: none;

	display: inline;

	padding-right: 5px;

	padding-left: 6px;

	color:#999999;

}

#footer ul li.awal {

	margin-left: 0;

	border-left: none;

	list-style: none;

	display: inline;

}

#footer a {

	color:#eee;

	text-decoration:none;

	border-bottom:1px dotted;

}

#footer a:hover {

	color:#fff;

}

/* LAIN-LAIN */

.fltrt {

	float: right;

	margin-left: 8px;

}

.fltlft {

	float: left;

	margin-right: 8px;

}

.clearfloat {

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}

/* MENU ATAS */

.qmmc .qmdivider {

	display:block;

	font-size:1px;

	border-width:0px;

	border-style:solid;

	position:relative;

	z-index:1;

}

.qmmc .qmdividery {

	float:left;

	width:0px;

}

.qmmc .qmtitle {

	display:block;

	cursor:default;

	white-space:nowrap;

	position:relative;

	z-index:1;

}

.qmclear {

	font-size:1px;

	height:0px;

	width:0px;

	clear:left;

	line-height:0px;

	display:block;

	float:none !important;

}

.qmmc {

	position:relative;

	zoom:1;

	z-index:10;

}

.qmmc a, .qmmc li {

	float:left;

	display:block;

	white-space:nowrap;

	position:relative;

	z-index:1;

}

.qmmc div a, .qmmc ul a, .qmmc ul li {

	float:none;

}

.qmsh div a {

	float:left;

}

.qmmc div {

	visibility:hidden;

	position:absolute;

}

.qmmc .qmcbox {

	cursor:default;

	display:block;

	position:relative;

	z-index:1;

}

.qmmc .qmcbox a {

	display:inline;

}

.qmmc .qmcbox div {

	float:none;

	position:static;

	visibility:inherit;

	left:auto;

}

.qmmc li {

	z-index:auto;

}

.qmmc ul {

	left:-10000px;

	position:absolute;

	z-index:10;

}

.qmmc, .qmmc ul {

	list-style:none;

	padding:0px;

	margin:0px;

}

.qmmc li a {

	float:none

}

.qmmc li:hover>ul {

	left:auto;

}

#qm0 ul {

	top:100%;

}

#qm0 ul li:hover>ul {

	top:0px;

	left:100%;

}

/* QuickMenu 0 */



/*"""""""" (MAIN) Container""""""""*/	

	#qm0 {

	width:auto;

	background-image:url(http://www.billingmedia.com/qmimages/gradient_2.gif);

}

/*"""""""" (MAIN) Items""""""""*/	

	#qm0 a {

	padding:5px 10px 5px 8px;

	background-color:transparent;

	color:#EAEAEA;

	font-family:Tahoma, Arial, Verdana;

	font-size:11px;

	text-decoration:none;

}

/*"""""""" (MAIN) Hover State""""""""*/	

	#qm0 a:hover {

	background-color:#EAEAEA;

	color:#333333;

}

/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	

	#qm0 li:hover>a {

	background-color:#EAEAEA;

	color:#333333;

}

/*"""""""" (MAIN) Active State""""""""*/	

	body #qm0 .qmactive, body #qm0 .qmactive:hover {

	background-color:#EAEAEA;

	color:#333333;

}

/*"""""""" (SUB) Container""""""""*/	

	#qm0 div, #qm0 ul {

	padding:5px;

	margin:0px;

	background-color:#DADADA;

	border-width:1px;

	border-style:solid;

	border-color:#999999;

}

/*"""""""" (SUB) Items""""""""*/	

	#qm0 div a, #qm0 ul a {

	padding:2px 40px 2px 5px;

	color:#333333;

	font-size:11px;

}

/*"""""""" (SUB) Hover State""""""""*/	

	#qm0 div a:hover {

	background-color:#EAEAEA;

	color:#333333;

	text-decoration:none;

	border-color:#666666;

}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	

	#qm0 ul li:hover>a {

	background-color:#EAEAEA;

	color:#333333;

	text-decoration:none;

	border-color:#666666;

}

/*"""""""" (SUB) Active State""""""""*/	

	body #qm0 div .qmactive, body #qm0 div .qmactive:hover {

	background-color:#EAEAEA;

	color:#222222;

	border-color:#666666;

}

/*"""""""" Individual Titles""""""""*/	

	#qm0 .qmtitle {

	margin:2px 5px 5px 5px;

	color:#222222;

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

}

/*"""""""" Individual Horizontal Dividers""""""""*/	

	#qm0 .qmdividerx {

	border-top-width:2px;

	margin:4px 5px 4px 5px;

	border-color:#A2A1AD;

}

/*"""""""" Custom Rule""""""""*/	

	ul#qm0 ul li:hover > a.qmparent {

	background-image:url(http://www.billingmedia.com/qmimages/arrow_0.gif);

}

/*"""""""" Custom Rule""""""""*/	

	ul#qm0 ul li .qmparent {

	background-image:url(http://www.billingmedia.com/qmimages/arrow_0.gif);

	background-repeat:no-repeat;

	background-position:92% 50%;

}

/*"""""""" Custom Rule""""""""*/	

	ul#qm0 li:hover > a.qmparent {

	background-image:url(http://www.billingmedia.com/qmimages/arrow_2.gif);

}

/*"""""""" Custom Rule""""""""*/	

	ul#qm0 li .qmparent {

	background-image:url(http://www.billingmedia.com/qmimages/arrow_3.gif);

	background-repeat:no-repeat;

	background-position:92% 50%;

}



.tombol {

	border:1px solid #999999;

	background:#eee;

}