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


BODY{
	margin:0px;
	padding:0px;
	background-attachment: fixed;
	background-color: #FFF;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Bookman Old Style";
	font-size: 15px;
}

a{

	color:#F00;
}

h2{
	margin:0px;
	padding:0px;
	font-size:35px;
	color:#F00;
	font-weight: bold;
	text-align: center;
}

img{
	border:none;
}

h3{
	margin:0px;
	padding:0px;
	font-size:35px;
	color:#00F;
	font-weight: bold;
	text-align: center;
}

h4{
	margin:0px;
	padding:0px;
	font-size:25px;
	color:#F00;
	font-weight: bold;
	text-align: center;
}

h5{
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#00F;
	font-weight: bold;
	text-align: center;
}

h6{
	margin:0px;
	padding:0px;
	font-size:20px;
	color:#F00;
	font-weight: bold;
	text-align: center;
}

.style-2{
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#00F;
	font-weight: bold;
	text-align: left;
}
#main-container{
	width:772px;
	margin:0px auto 0px auto;
	padding:0px;
	background:#FFF;
}

#header{
	width:772px;
	height:194px;
	background:url(../images/header.jpg) no-repeat;
}

#main-content{
	width:752px;
	height:auto;
	padding:10px;
	text-align: center;
}

#footer{
	width:769px;
	height:73px;
	margin:0px auto 0px auto;
	background:url(../images/footer.jpg) no-repeat center;
}

.fakta-penting{
	border: 5px solid #F00;
	font-size:12px;
}

.fakta-penting h2{
	font-size:35px;
	color:#F00;
	font-weight: bold;
	text-align: center;
}

.fakta-penting h3{
	font-size:20px;
	color:#F00;
	font-weight: bold;
	text-align: center;
	
}


.blueBox{
	
	background:#9CC;
	font-size:16px;
	text-align:left;
	padding:10px;
	width:80%;
	margin:0px auto 0px auto;
	}

.blueBoxTitle{
	background:#F00;
	color:#FFF;
	font-size:18px;
	width:80%;
	margin:0px auto 0px auto;
	padding:10px;
}
.red-box{
	border: 5px solid #F00;
	font-family: Impact;
	font-size: 28px;
	width:500px;
	margin:0px auto 0px auto;
}

.red-box-2{
	border: 5px solid #F00;
	font-family: Impact;
	font-size: 20px;
	padding:10px;
	
	
}
#main-container #main-content .fakta-penting strong u {
	color: #F00;
}


.content-1{
	text-align: left;
	padding:10px;
	width:90%;
	margin:0px auto 0px auto;
	font-size:16px;
	font-weight: normal;
}

.content-1 h2{
	font-size:20px;
	color:#F00;
	font-weight: bold;
	text-align: center;
}

.color-1{
	color:#F00;
}
.color-2{
	color:#00F;
}

.color-3{
	color:#00F;
	background-color: #FF0;
}

.color-4{
	color:#FFF;
	background-color: #F00;
}


.color-5{
	color:#000;
	background-color:#FF0;
	font-weight: bold;
}

.color-6{
	color:#FFF;
	background-color: #F00;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	}
.color-blue{
	color:#00F;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	}

.color-blue-big{
	color:#00F;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	}

.color-7{
	color:#000;
	font-size: 18px;
	text-align: center;
	font-weight: bolder;
}

.color-7-red{
	color:#F00;
	font-size: 18px;
	text-align: left;
	font-weight: bolder;
}


.color-8{
	color:#FFF;
	font-size: 18px;
	text-align: center;
		line-height: 30px;
	font-weight: bolder;
	background-color: #F00;
}


.color-8-yellow{
	color:#FF0;
	font-size: 18px;
	text-align: center;
		line-height: 30px;
	font-weight: bolder;
	background-color: #F00;
}

.color-9-big{
	color:#F00;
	background:#FF0;
	font-size:35px;
	font-weight: bolder;
}

.red-big{
	font-size:35px;
	color:#F00;
}

.color-10{
	font-size:18px;
	font-weight: bold;	
}

.color-11{
	color:#FFF;
	background-color: #F00;
	font-size: 30px;
	text-align: center;
	line-height: 30px;
	}
	
.color-11-yellow-bg{
	color:#FF0;
	background-color: #F00;
	font-size: 30px;
	text-align: center;
	line-height: 30px;
	}

.color-11-red{
	color:#FFF;
	background-color: #F00;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	}

.potong{
	text-decoration: line-through;
}

.color-blue-white{
	color:#FFF;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color: #00F;
}

.color-blue-white-20{
	color:#FFF;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color: #00F;
}

.color-yellow-red{
	color:#F00;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color:#FF0;
}

.color-yellow-red-25{
	color:#F00;
	font-size: 25px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color:#FF0;
}

.color-white-red-30{
	color:#FFF;
	font-size: 25px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color:#F00;
}

.color-yellow-black{
	color:#000;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color: #FF0;
}
.color-yellow-blue{
	color:#00F;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color: #FF0;
}

.color-blue-yellow{
	color:#FF0;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
	background-color: #00F;
}


.kenapa{
	background-color: #FF6;
	padding: 10px;
	border: 5px solid #F00;
}

.font-style-1{
	font-size:14px;
}

.color-13{
	color:#000;
	font-size:18px;
}

.font-jaminan{
	font-family: Impact;
	font-size: 28px;
	color: #F00;
}

.font-jaminan-black{
	font-family: Impact;
	font-size: 28px;
	color: #000;
}

.font-jaminan-blue{
	font-family: Impact;
	font-size: 28px;
	color:#00F;
}

.font-jaminan-red{
	font-family: Impact;
	font-size: 28px;
	color:#F00;
}

.quote{
	border: 5px dashed #F00;
	width:480px;
	margin:0px auto 0px auto;
	padding:10px;
}

.blue-quote{
	border: 5px dotted #00F;
	background:url(../images/panduan_bg.jpg) repeat-x bottom;
	width:600px;
	margin:0px auto 0px auto;
	padding:10px;
	text-align: left;
}

.red-quote{
	border: 2px solid #F00;
	width:450px;
	margin:0px auto 0px auto;
	padding:10px;
	text-align: left;
}

.discliamer{
	font-size:8px;
	font-family:arial;
	color:#999;
}

.red-quote-final{
	border: 2px dashed #F00;
	background-color:#FF9;
	width:450px;
	margin:0px auto 0px auto;
	padding:10px;
	text-align: left;
	color:#00F;
	font-weight: bold;
}


.quote-black{
	color:#000;
	font-size:20px;
	font-weight: bold;
}

.quote-red{
	color:#F00;
	font-size:20px;
	font-weight: bold;
}


.font-black-15{
	color:#000;
	font-size:15px;
	font-weight: bold;
}

.fontBlackLit{
	color:#000;
	font-size:15px;
}

.font-black-18{
	color:#000;
	font-size:18px;
	font-weight: bold;
}

.font-black-20{
	color:#000;
	font-size:20px;
	font-weight: bold;
}

.gray-font{
	color:#666;
	text-decoration: line-through;
}

.gray-font-20{
	color:#666;
	font-size:20px;
	text-decoration: line-through;
}

.font-red-20{
	color:#F00;
	font-size:20px;
	font-family: Georgia;
	font-weight: bold;
}

.font-red-18{
	color:#F00;
	font-size:18px;
	font-family: Georgia;
	font-weight: bold;
}

.font-red-25{
	color:#F00;
	font-size:25px;
	font-family: Georgia;
	font-weight: bold;
}


.font-red-25-yellow{
	color:#F00;
	font-size:25px;
	background-color:#FF0;
	font-family: Georgia;
	font-weight: bold;
}

.font-blue-17{
	color:#00F;
	font-size:17px;
	font-weight: bold;
}

.font-blue-20{
	color:#00F;
	font-size:20px;
	font-weight: bold;
}

.font-black-yellow-big{
	background:#FF0;
	color:#F00;
	font-size:20px;
	font-weight: bold;
}

.font-blue-yellow-big{
	background:#FF0;
	color:#00F;
	font-size:20px;
	font-weight: bold;
}

.ym{
	width:250px;
	text-align:left;
	margin:0px auto 0px auto;
}

.red-border{
	border: 5px solid #F00;
	font-size:17px;
	line-height: 30px;	
	
	}

.order-style{
	font-size:12px;
	color:#000;
	text-align:left;
}


.yellow-bg{
	background-color:#FF0;
	font-size:18px;
}

.yellow-bg-normal{
	background-color:#FF0;
}

.red-bg-white{
		font-size:30px;
	color:#FFF;
	background-color:#F00;
	font-weight: bold;
	text-align: center;
}

.color-yellow-normal{
	color:#FF0;
}

.klik-upgrade{
}

klik-upgrade .a{
	color:#FFF;
}