body {
	background:#ffffff;;
	color: #545454;
	font: 12px/19px 'Oxygen', sans-serif;
	margin: 0;
	padding: 0;
}


/*=== generic class ===*/
.clearfix:before, .clearfix:after{
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.clearfix:after {
	clear: both;
}

.right { float:right; }
.left { float:left; }

a{ color: #f9942f; text-decoration:none; }
a.morelink{
	background:url(../images/arrow.gif) no-repeat left center;
	color:#77c010;
	padding-left:15px;
}
a.hover, a.morelink:hover{ color:#777; }
a img{
	border:none;
	outline:none;
}

ul, li{
	list-style:none;
	margin:0;
	padding:0;
}

.title{
	font-size:18px;
	line-height:30px;
	margin:30px 0 15px;
	padding-bottom:10px;
	color:#333;
	border-bottom:1px solid #e9e9e9;
}
.title:before{
	content:'//';
	font-weight:bold;
	color:#FF5100;
	letter-spacing:-5px;
	margin-right:10px;
}


/*form*/
input.text, textarea.text{
	display:block;
	/*background:url(../images/bg-input.gif) repeat-x left top #fff;*/
	border:1px solid #ececec;
	padding:7px 10px;
	margin-top:3px;
	font:normal 14px/19px Tahoma, Geneva, sans-serif;
	color:#888;
}
.formBtn{
	background:#F9902B;
	cursor:pointer;
	padding:8px 15px;
	font:bold 12px/19px Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	color:#fff;
	border:1px solid #d46f0e;
	border-radius:2px;
	box-shadow:0 1px 0 #ffb975 inset;
	text-shadow:0 -1px 0 #d46f0e;
}
.formBtn:hover{
	opacity:0.8;
}

/*table*/
.formTbl td{
	padding:3px;
}

/*=== top ===*/
#top{ 
	background:url(../images/main.png) no-repeat center bottom #f9942f;
	padding:20px 0;
	color:#fff;
	overflow:hidden;
}
#top ul, #top ol, #top li{
	list-style:none;
	margin:0;
	padding:0;
}

.top-inner{ width:960px; margin:0 auto; }

.logo h1{
	margin:0;
	padding:0;
}
.logo h1 a{
	color:#fff;
}

.main-nav a{ 
	color:#fff;
	padding:0 9px;
	line-height:30px;
	font-size:16px;
	-moz-transition: all 0.5s ease 0.1s;
	
}
.main-nav a:hover{ 
	color:#fff;
	opacity:1;
	text-shadow: 0 -10px 3px #8b4700;
	-moz-transition: all 0.5s ease 0.1s;
}

.main-nav ul li{ 
	float:left;
	margin-left:10px;
}

.top-wrap{
	position:relative;
	height:472px;
}
.top-wrap img{
	position:absolute;
	width:958px;
	height:448px;
	margin-top:40px;
}
.top-wrap a.more{
	position:absolute;
	top:70%;
	left:40px;
}
.top-wrap a.more img{
	width:auto;
	height:auto
}

/*=== middle ===*/
#middle{
	width:960px;
	margin:0 auto;
	min-height:400px;
}

.about{
	background:url(../images/hello.gif) no-repeat left center;
	font-size:14px;
	line-height:24px;
	padding:40px;
	padding-left:150px;
}

.feature{
	margin-bottom:20px;
	text-align:center;
}
.feature .title{
	text-align:left;
}
.feature ul{
	overflow:hidden;
}
.feature ul li{
	float:left;
	width:29%;
	height:400px;
	padding:20px;
}
.feature h1{
	color:#ff5100;
	font-weight:normal;
	line-height:100%;
	font-size:18px;
}
.feature li img{
	margin-bottom:30px;
}
.feature li{
	-moz-transition: all 0.1s ease 0.5s;
}
.feature  li a:hover{
	opacity:0.5;
	-moz-transition: all 0.5s ease 0.1s;
}
.feature li .fl{
	text-align:left !important;
}
.feature .fl ol, .feature.fl li{
	margin:0;
	padding:0 !important;
	width:100% !important;
	float:none;
}
.feature .fl ol, .feature .fl ol li{
	list-style-type: decimal;
	width:100%;
	height:auto;
	padding:5px 0 !important;
}
.feature .fl ol{
	margin:10px 0;
	overflow:hidden;
}
.feature .fl ol li{
	margin-left:20px;
}

.price-container{
	margin:60px auto;
	width:800px;
}
.price{
	width:200px;
	background:#fff;
	float:left;
	z-index:0;
	box-shadow:0 0 1px #7a74b4;
}
.inner-price, .content-price{
	padding:10px;
	text-align:center;
}
.inner-price{
	background:#C7C4E2;
	font-family: Arial, Helvetica, sans-serif;
	line-height:200%;
}
.inner-price .jeneng-paket{
	font-size:24px;
}
.inner-price strong, .inner-price span{
	display:block;
}
.inner-price .rego{
	font-size:50px;
	margin:12px 0;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}

.content-price li{
	padding:4px 0;
	border-bottom:1px solid #f9f9f9;
}

a.tombol,a.tombol strong,a.tombol span{
	display: block;
}
a.tombol{
	background:#90C04C;
	display:block;
	margin:10px 20px 0;
	padding:1px 10px;
	color:#fff;
	border:1px solid #83b33f;
	border-radius:2px;
	box-shadow:0 0px 1px #b7e873 inset;
	text-shadow:0 -1px 0 #679427, 0 0 7px #a5e748;
}
a.tombol:hover{
	box-shadow:0 0px 5px #b7e873 inset;
}
a.tombol span{
	font-size:11px;
	text-transform:uppercase;
}
.best{
	position:relative;
	width:220px;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-20px;
	z-index:9;
	box-shadow:0 0 3px #f36261;
}
.best .label{
	display:block;
	width:55px;
	height:55px;
	position:absolute;
	top:-10px;
	right:-10px;
}
.best .inner-price{
	background:#f36261;
	color:#fff;
}
.best .inner-price .rego{
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
}
.best .content-price li{
	padding:7px 0;
	font-size:16px;
}
.best a.tombol{
	background:#F96160;
	border-color:#ee4e4d;
	box-shadow:0 0 1px #ffbcbc inset;
	text-shadow:0 -1px 0 #d02e2d;
}

.comparison{
	width:100%;
	border-collapse:collapse;
}
.comparison th, .comparison td{
	border:1px solid #fff;
	border-collapse:collapse;
	padding:7px 5px;
	background:#f9f9f9;
}
.comparison th{
	text-align:right;
	border:none;
	font-weight:normal;
	background:#C7EAFB;
	color:#333;
}
.comparison tr.title:before{
	display:none !important;
}
.comparison .title th, .comparison .title td{
	text-align:center;
	border:none;
	background:#C7EAFB;
	color:#333;
	padding:10px 5px;
	font-size:24px;
}
.comparison td{ width:130px; text-align:center; }

/*=== bottom ===*/
#bottom{
	background:#f9902b;
	box-shadow:inset 0 2px 2px rgba(0,0,0,0.3);
}
#bottom h2{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	font-size:14px;
	border-bottom:1px solid #b25a06;
	font-weight:normal;
	color:#fff;
	text-transform:capitalize;
}

.bottom-inner, .footer div{
	width:960px;
	margin:0 auto;
	line-height:30px;
}
.bottom-inner{
	padding:30px 0;
	text-shadow:0 1px 1px #b25a06;
}
.link{
	width:172px;
	margin:0 10px;
	float:left;
}
.link li{
	padding:2px 0;
}
.link a{
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
}
.link a:hover{
	color:#b25a06;
	text-shadow:0 1px 1px rgba(255,255,255,0.3);
}
.footer{
	background:#000000;
	padding:10px;
}


label.error,
div.error {
	color: #ff0000;
	padding-left: 20px;
	background: url(../images/exclamation-red.png) left center no-repeat;
}
label.success {
	color: #009900;
	padding-left: 20px;
	background: url(../images/tick.png) left center no-repeat;
}