@charset "utf-8";
/* CSS Document */

#midpage #contentpage #cpage a.red {
	color:#BE1E2D;	
	text-decoration:none;
}

#midpage #contentpage #cpage a.orange {
	color:#C15B16;	
	text-decoration:none;
}

#midpage #contentpage #cpage a.gray {
	color:#808080;	
	text-decoration:none;
}

#header {
	background:#000;
}

#header .h-inside .top {
	color:#2B80C2;
	font-size:14px;
}

#header .h-inside .top a {
	color:#2B80C2;
	display:block;
	float:left;
	margin:0;
	padding:0 5px;
}

.ftstep {
	background:transparent url(../images/icon/foot_18.png) no-repeat 2px 6px;
}

/* logo image */
img#logo {
	background: #000000 url(../images/style1/logo.png) 0 0 no-repeat;
	margin-top:52px;
	/*background: url(../images/style1/logo_christmas.jpg) 0 0 no-repeat;*/
}

#midpage {
	background:#E6E6E6 url(../images/style1/m_bg.jpg) repeat-x top left;
}

#midpage .bg {
	background:transparent url(../images/style1/headphone_style.png) no-repeat top center;
}


#midpage #contentpage #cpage #artikel h3.artikel {
	background:transparent url(../images/style1/h_title-artikel.png) no-repeat top left;
	height:62px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #about h3.about {
	background:transparent url(../images/style1/h_title-tentangg99.png) no-repeat top left;
	height:74px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #layanan h3.layanan {
	background:transparent url(../images/style1/h_title-layanan_big.png) no-repeat top left;
	height:99px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #klien h3.klien {
	background:transparent url(../images/style1/h_title-klien_big.png) no-repeat top left;
	height:78px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #testimonial h3.testimonial {
	background:transparent url(../images/style1/h_title-testimonial_big.png) no-repeat top left;
	height:94px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #artikel-list h3.artikel {
	background:transparent url(../images/style1/h_title-artikel_big.png) no-repeat top left;
	height:87px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #artikel h2 a,
#midpage #contentpage #cpage #artikel-list h2 a,
#midpage #contentpage #cpage #karir h2 a{
	color:#C15B16;
}



#midpage #contentpage #cpage #faq h3.faq {
	background:transparent url(../images/style1/h_title-faq_big.png) no-repeat top left;
	height:82px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #karir h3.karir {
	background:transparent url(../images/style1/h_title-karir_big.png) no-repeat top left;
	height:82px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #kontak h3.kontak {
	background:transparent url(../images/style1/h_title-kontak_big.png) no-repeat top left;
	height:74px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #produk h3.produk {
	background:transparent url(../images/style1/h_title-produk_big.png) no-repeat top left;
	height:79px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #smap h3.smap {
	background:transparent url(../images/style1/h_title-sitemap_big.png) no-repeat top left;
	height:80px;
	text-indent: -9999px; 
	overflow: hidden;
}

#midpage #contentpage #cpage #karir #isi {
	border-bottom: 1px dashed #999898;
	padding:10px 0;
	line-height:18px;
}

#midpage #contentpage #cpage #karir #isi span.title {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#626262;
}

#midpage #contentpage #cpage #karir #isi span.subtitle, 
#midpage #contentpage #cpage #karir #isi span.date {
	display:block;
	font-size:10px;
}

#midpage #contentpage #cpage #karir #isi span.subtitle ul {
	padding:0;
	margin:0;
}

#midpage #contentpage #cpage #karir #isi span.subtitle li {
	margin:0 10px;
	padding:0;
	float:left;
	
}

#midpage #contentpage #cpage #kontak #contact h4 {
	color:#4D4D4D;
}

#midpage #contentpage #cpage #kontak #contact span {
	color:#AF201C;
	display:block;
}

#midpage #contentpage #cpage #klien h4.klien {
	color:#C15B16;
	font-size:16px;
	padding:10px 0;
	margin:0;
}

#midpage #contentpage #cpage #comments,
#midpage #contentpage #cpage #frmComments {
	margin:10px 0;	
	padding-bottom:10px;
	border-bottom:1px dashed #808080;
	
}

#midpage #contentpage #cpage #comments h3,
#midpage #contentpage #cpage #frmComments h3 {
	color:#4D4D4D;
	font-size:18px;
}

#midpage #contentpage #cpage #comments h3 span {
	font-size:12px;
	color:#808080;
}

#midpage #contentpage #cpage #comments #comment {
	border-bottom:1px dashed #808080;	
	margin-left:10px;
	padding:10px;
}

#midpage #contentpage #cpage #comments #comment span {
	display:block;
}

#midpage #contentpage #cpage #comments #comment span.title {
	color:#AF201C;
	font-size:16px;
}

#midpage #contentpage #cpage #comments #comment span.date {
	color:#4D4D4D;
	font-size:10px;
	background:transparent url(../images/icon/calendar.png) no-repeat 0 0;
	padding:5px 24px;	
}

#midpage #contentpage #cpage #comments #comment.row1 {
	background:#F2F2F2;
}

#midpage #contentpage #sidebar h3.produk {
	background:transparent url(../images/style1/h_title-produk.png) no-repeat top left;
	height:40px;
}

#midpage #contentpage #sidebar h3.search {
	background:transparent url(../images/style1/h_title-search.png) no-repeat top left;
	height:40px;
}

#midpage #contentpage #sidebar h3.tag {
	background:transparent url(../images/style1/h_title-tag.png) no-repeat top left;
	height:41px;
}

#midpage #contentpage #sidebar h3.testimonial {
	background:transparent url(../images/style1/h_title-testimonial.png) no-repeat top left;
	height:47px;
}

#midpage #contentpage #sidebar h3.kontak {
	background:transparent url(../images/style1/h_title-kontak.png) no-repeat top left;
	height:41px;
}

#btmpage .background {
	background:transparent url(../images/style1/back_bottom.png) no-repeat top center;
}

#btmpage #contentbottom h3.layanan {
	background:transparent url(../images/style1/h_title-layanan.png) no-repeat top left;
	height:48px;
	text-indent: -9999px; 
	overflow: hidden;
}

#footer {
	background:#000;
}

#footer #bottom li a.mainlevel {
	color:#FFF;
}