html {
margin:0;
padding:0;
height:100%;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
  	font-family:  Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;;
	color: #333;
	background-color: #47321D;
	background-image: url(../images/bg_heade.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:100%;
}

#page-wrap {
	width:889px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:auto;
}

#header{
	height: 162px;
}

#logo{
	background-image: url(../images/hotfile_02.png);
	background-repeat: no-repeat;
	height: 162px;
	width: 234px;
	float: left;
}

#menu{
	background-image: url(../images/hotfile-kuning_05.png);
	background-repeat: no-repeat;
	height: 162px;
	width: 650px;
	float: right;
	vertical-align: bottom;
}

#menu-paket{
	width: 51px;
	height: 162px;
	background-image: url(../images/hotfile_04.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#menu-berita{
	width: 56px;
	height: 162px;
	background-image: url(../images/hotfile_6.png);
	float: left;
}

#menu-tanyajawab{
	width: 12px;
	height: 162px;
}

#menu-pemula{
	width: 12px;
	height: 162px;
}

#main-content{
	height:auto;
	background-color: #F7F7F5;
	padding: 0px;
}

#main-page{
	width:500px;
	float:left;
	height: auto;
}

#main-menu{
	background:url(../images/main-menu.png);
	height:45px;
	width:500px;
	text-align: right;
}

#sidebar{
	background:url(../images/nav.png);
	width:365px;
	float:right;
	height: auto;
}

#order{
	height:382px;
	vertical-align:top;
	background-image: url(../images/hotfile_06.png);
	background-repeat: no-repeat;
	width: 365px;
}

#order-content{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#content{
	vertical-align:top;
	padding-top: 3px;
	padding-left: 20px;
	height: 100%;
}

a {
	color: #F90;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
  text-decoration:underline;
  color: #CC3300!important;
}

#paket {
	background-image: url(../images/hotfile-paket.png);
	background-repeat: no-repeat;
	height: 173px;
	width: 456px;
}

#paket-wrap{
	padding-right: 7px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 7px;
	width: 456px;
	height: 173px;
}

#judul-paket {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #552B00;
	text-transform: uppercase;
	width: 440px;
}

#isi-paket {
	height: 70px;
	width: 300px;
	float: left;
}

#harga-paket {
	width: 400px;
	float: left;
}

#isi-hemat {
	height: 70px;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #CCCCCC;
	width: 50px;
	float: right;
}

.harga-asli {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #999999;
	text-decoration: line-through;
}

.harga-promo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF3300;
	text-align: right;
	font-size: 20px;
}

.rp {
	font-size: 20px;
	text-decoration: none;
}
#testimoni {
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/hotfile-testimoni.png);
	background-repeat: no-repeat;
	height: 428px;
	width: 365px;
}
#judul-testi {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	background-image: url(../images/hotfile-testi.png);
	height: 30px;
	width: 137px;
	float: right;
	margin-right: 18px;
	margin-top: 5px;
}
#testi-nama {
	font-weight: bold;
	text-align: right;
}
#testi-isi {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	text-align: left;
}

#pingbox {
	background-image: url(../images/hotfile-pingbox.png);
	background-repeat: no-repeat;
	height: 99px;
	width: 365px;
}

#bank {
	background-image: url(../images/hotfile-bank.png);
	background-repeat: no-repeat;
	height: 331px;
	width: 365px;

}
#bank-a {
	padding-left: 18px;
	text-align: left;
	font-size: 12px;
}


#judul-bank {
	background-image: url(../images/judul_bank.png);
	height: 24px;
	width: 173px;
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}
#judul-cp {
	background-image: url(../images/hotfile_30.png);
	height: 33px;
	width: 153px;
	float: right;
	margin-top: 5px;
	margin-right: 18px;
}
#footer{
	height:320px;
	vertical-align:bottom;
	background-image: url(../images/bg_foote.jpg);
	background-repeat: repeat-x;
	color: #999999;
}
#judul-main {
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#judul-faq {
	font-weight: bold;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#isi-faq {
	font-style: italic;
}


#scroller-header a {
	text-decoration:none; 
	color:#867863; 
	padding:0 2px;
}

#scroller-header a:hover {
	text-decoration:none; 
	color:#4b412f
}

a.selected {
	text-decoration:underline !important; 
	color:#4b412f !important;
}

#scroller-header {
	background:url(images/header.gif) no-repeat;
	height:24px;
	font-weight:700;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

#scroller-body {
	background:url(images/body.gif) no-repeat bottom center;
	padding-bottom:30px;
}

#mask {
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#panel {

}

#panel div {
float:left;

}

/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
		padding:5px;
		color:#557482;
		border-bottom:1px dotted #ccc;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
}

#panel-2 {
}

#panel-3 {
}


#footer-content{
width:889px;
margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;}
input ,textarea{
	background-color: #FFFFCC;
	border: 1px solid #E8D7C6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #47321D;
}
#form-tanya {
	background-image: url(../images/hotfile-tanya.png);
	background-repeat: no-repeat;
	height: 333px;
	width: 460px;
}
#but {
	background-image: url(../images/but.png);
	background-repeat: repeat-x;
	color: #FFF;
	text-align: center;
}
#tgl-berita {
	font-size: 9px;
	text-transform: uppercase;
}