body{
	vertical-align:center;
	color:#000000;
	font-family: "Lucida Grande", Lucida, Arial, Tahoma, Verdana, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
div{
	color:#000000;
	font-family: "Lucida Grande", Lucida, Arial, Tahoma, Verdana, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
a, a:link, a:visited{text-decoration:none;color:#000;}
a:hover:{text-decoration:underline;}
a:focus {outline: 0px solid #fff;}
#outer_body1{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;

}
#outer_body2{
	width:100%;
	min-height:700px;
	padding-top:0px;
}
#main_site_mid{
	width:1066px;
	padding-top:0px;
	margin-top:20px;
}
#main_site_top{
	width:1066px;
	padding-top:0px;
	background:url('../images/fdn_top.jpg') no-repeat top;
}
#main_site_bot{
	width:100%;
	padding-top:0px;
}
#main_site{
	width:1066px;
}
#top{
	width:100%;
	height:20px;
	background-color:#ffd666;
	position:absolute;
	top:0px;
	right:0px;
	text-align : center;
	margin:0 0 0 0;
}
.title_h1{
	color:#1d1d1d;
	font-family: "Lucida Grande", Lucida, Arial, Tahoma, Verdana, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	font-weight: lighter;
	line-height: 20px;
	margin:0;
	padding:0;
}
#header{
	clear:both;
	width:1066px;
	text-align:left;
}
#header img{margin-left:20px;}
#header_ym{
	float:right;
	width:239px;
	height:89px;
	margin-right:20px;
	margin-top:10px;
	padding-top:10px;
	background: url('../images/fdn_ym.jpg') no-repeat top;
}
#header_ym h2{
	font-weight:bold;
	font-size:12px;
	margin-left:65px;
	margin-top:0px;
	line-height:10px;
}
#ym_support{
	width:160px;
	margin-left:65px;
	margin-top:5px;
}
#ym_support .left{
	clear:both;
	float:left;
	width:60px;
	padding-right:10px;
	margin:0;
	text-align:right;
	height:20px;
	line-height:15px;
}
#ym_support .right{
	float:left;
	width:65px;
	margin:0;
	padding:0;
	height:20px;
	line-height:10px;
}
#ym_support .right img{margin-left:0px;margin-top:0px;}
#main_banner_home{
	clear:both;
	width:796px;
	height:314px;
	margin-top:5px;
	background:#a70606 url('../images/fdn_banner_home.png') no-repeat top;
}
#main_banner_about{
	clear:both;
	width:796px;
	height:314px;
	margin-top:5px;
	background:#a70606 url('../images/fdn_banner_about.png') no-repeat top;
}
#main_banner_faq{
	clear:both;
	width:796px;
	height:314px;
	margin-top:5px;
	background:#a70606 url('../images/fdn_banner_faq.png') no-repeat top;
}
#main_banner_feature{
	clear:both;
	width:796px;
	height:314px;
	margin-top:5px;
	background:#a70606 url('../images/fdn_banner_feature.png') no-repeat top;
}
#main_banner_examples{
	clear:both;
	width:796px;
	height:314px;
	margin-top:5px;
	background:#a70606 url('../images/fdn_banner_examples.png') no-repeat top;
}
#signup_now_home{
	float:left;
	padding-left:35px;
	padding-top:20px;
	width:271px;
	height:82px;
}
#signup_now_about{
	float:left;
	padding-left:330px;
	padding-top:20px;
	width:271px;
	height:82px;
}
#signup_now_faq{
	float:left;
	padding-left:20px;
	padding-top:20px;
	width:271px;
	height:82px;
}
#signup_now_feature{
	float:left;
	padding-left:360px;
	padding-top:20px;
	width:271px;
	height:82px;
}
#demo_home{
	float:left;
	padding-left:15px;
	padding-top:20px;
	width:125px;
	height:82px;
}
#demo_faq{
	float:left;
	padding-left:15px;
	padding-top:20px;
	width:125px;
	height:82px;
}
#main_menu{
	clear:both;
	width:1066px;
	padding:15px 0 15px 0;
	color:#1d1d1d;
	font-weight:bold;
	font-size:16px;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
}
#main_menu a, #main_menu a:link, #main_menu a:visited{
	color:#1d1d1d;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
}
#main_menu a:hover, #main_menu .menu_selected{
	text-decoration:none;
	border-bottom:2px solid #960606;
}
#main_menu a.login:link, #main_menu a.login:visited, #main_menu a.important:link, #main_menu a.important:visited{
	color:#960606;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
}
#main_menu a.login:hover, #main_menu a.important:hover{
	text-decoration:none;
	border-bottom:0;
}
.clear{clear:both;height:10px;line-height:0px;}
.clear_margin{clear:both;height:10px;line-height:0px;margin-top:20px;}
#content_text{
	width:1066px;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}
#content_text h2{
	color:#b72626;
	font-weight:bold;
	font-size:14px;
	width:100%;
	border-bottom:2px dotted #b72626;
	padding-bottom:5px;
}
#content_text h3{
	color:#b72626;
	font-weight:bold;
	font-size:14px;
	width:100%;
	padding-bottom:5px;
}
#home_point{
	float:left;
	width:460px;
}
#home_news{
	float:left;
	width:310px;
}
#home_news ul{
	padding-left:0px;
}
#home_news ul li{
	list-style-type: circle;
	list-style-position: inside;
	margin-top:5px;
}
#home_news a:hover{text-decoration:underline;}
#point_1{
	float:left;
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
	width:202px;
	background-color:#0d5cdd;
}
#point_2{
	float:left;
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
	width:202px;
	background-color:#ff9600;
}
#point_3{
	float:left;
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
	width:202px;
	background-color:#ffd800;
}
#point_4{
	float:left;
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
	width:202px;
	background-color:#39dd0d;
}
#corner1{
	width:100%;
	background:url('../images/pojok1.png') no-repeat top left;
}
#corner2{
	width:100%;
	background:url('../images/pojok2.png') no-repeat top right;
}
#corner3{
	width:100%;
	background:url('../images/pojok3.png') no-repeat bottom right;
}
#corner4{
	width:100%;
	background:url('../images/pojok4.png') no-repeat bottom left;
}
#point_content{
	padding:5 5 5 5;
	text-align:justify;
}
#point_content h3{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:0px;
}
#point_content h4{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	line-height:0px;
}
#point_content p{
	color:#666666;
	font-weight:normal;
	font-size:14px;
	margin:5px 0px 0px 0px;
}
#footer{
	width:796px;
	padding-top:0px;
	margin-top:10px;
	text-align:left;
	color:#fff;
	font-size:12px;
}
#footer p{padding-top:10px;}
#footer a, #footer a:link, #footer a:visited{
	text-decoration:none;
	color:#fff;
}
#footer a:hover{
	text-decoration:underline;
	color:#ffcc00;
}
#footer span{color:#ffcc00;}
#powered{
	clear:both;
	float:right;
	width:164px;
	height:49px;
}
#news_list{
	margin-top:10px;
	margin-left:30px;
	width:680px;
}
#news_list2{
	margin-top:20px;
	margin-left:20px;
	width:736px;
	background-color:#1aea5f;
}
#news_list #point_content, #news_list2 #point_content{
	padding:10 10 10 10;
}
#news_list #point_content a, #news_list2 #point_content a{cursor:pointer;cursor:hand;}
#news_list .title, #news_list2 .title{
	color:#b72626;
	font-weight:bold;
	font-size:15px;
}
#news_list .tanggal, #news_list2 .tanggal{
	color:#000;
	font-weight:normal;
	font-size:12px;
	font-style:italic;
}
#feature_1{background-color:#292929;clear:both;border-top:1px solid #cccccc;}
#feature_2{background-color:#1e1e1e;clear:both;border-top:1px solid #cccccc;}
#feature_1 #left, #feature_2 #left{
	float:left;
	width:150px;
	padding:10px 10px 10px 10px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}
#feature_1 #right{
	float:left;
	width:586px;
	height:180px;
	background-color:#f5f5f5;
	padding:10px 10px 10px 10px;
}
#feature_2 #right{
	float:left;
	width:586px;
	height:180px;
	background-color:#fff;
	padding:10px 10px 10px 10px;
}
#feature_content{
	padding-left:40px;
	padding-right:40px;
	padding-top:60px;
}
#feature_1 #right ul, #feature_2 #right ul{margin-left:20px;}
#feature_1 #right ul li{list-style-type:disc;color:#0d5cdd;}
#feature_2 #right ul li{list-style-type:disc;color:#39dd0d;}
#feature_1 #right ul li span, #feature_2 #right ul li span{color:#000;}

#paket_1{
	float:left;
	margin-left:10px;
	text-align:center;
}
#produk_1_mid{
	width:180px;
	background:url('../images/produk_1_mid.jpg') repeat-y top;
}
#produk_1_top{
	width:100%;
	background:url('../images/produk_1_top.jpg') no-repeat top;
}
#produk_1_bot{
	width:100%;
	background:url('../images/produk_1_bot.jpg') no-repeat bottom;
}
#produk_1{
	width:180px;
	padding-top:10px;
	text-align:center;
}
#produk_1 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#produk_1 h3{
	color:#d9ff7e;
	font-weight:bold;
	line-height:0px;
}
#produk_1 h4{
	color:#263600;
	font-size:12px;
	font-weight:bold;
	line-height:5px;
}
#produk_1 img{
	margin-top:85px;
}
#paket_2{
	float:left;
	margin-left:10px;
	text-align:center;
}
#produk_2_mid{
	width:181px;
	background:url('../images/produk_2_mid.jpg') repeat-y top;
}
#produk_2_top{
	width:100%;
	background:url('../images/produk_2_top.jpg') no-repeat top;
}
#produk_2_bot{
	width:100%;
	background:url('../images/produk_2_bot.jpg') no-repeat bottom;
}
#produk_2{
	width:181px;
	padding-top:10px;
	text-align:center;
}
#produk_2 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#produk_2 h2 span{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#produk_2 h3{
	color:#b6e8ff;
	font-weight:bold;
	line-height:0px;
}
#produk_2 h4{
	color:#002736;
	font-size:12px;
	font-weight:bold;
	line-height:5px;
}

#paket_3{
	float:left;
	margin-left:10px;
	text-align:center;
}
#produk_3_mid{
	width:181px;
	background:url('../images/produk_3_mid.jpg') repeat-y top;
}
#produk_3_top{
	width:100%;
	background:url('../images/produk_3_top.jpg') no-repeat top;
}
#produk_3_bot{
	width:100%;
	background:url('../images/produk_3_bot.jpg') no-repeat bottom;
}
#produk_3{
	width:181px;
	padding-top:10px;
	text-align:center;
}
#produk_3 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#produk_3 h2 span{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#produk_3 h3{
	color:#fff2c5;
	font-weight:bold;
	line-height:0px;
}
#produk_3 h4{
	color:#513f01;
	font-size:12px;
	font-weight:bold;
	line-height:5px;
}

#paket_4{
	float:left;
	margin-left:10px;
	text-align:center;
}
#produk_4_mid{
	width:181px;
	background:url('../images/produk_4_mid.jpg') repeat-y top;
}
#produk_4_top{
	width:100%;
	background:url('../images/produk_4_top.jpg') no-repeat top;
}
#produk_4_bot{
	width:100%;
	background:url('../images/produk_4_bot.jpg') no-repeat bottom;
}
#produk_4{
	width:181px;
	padding-top:10px;
	text-align:center;
}
#produk_4 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#produk_4 h2 span{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#produk_4 h3{
	color:#fff2c5;
	font-weight:bold;
	line-height:0px;
}
#produk_4 h4{
	color:#513f01;
	font-size:12px;
	font-weight:bold;
	line-height:5px;
}

#login_header{
	width:550px;
	height:70px;
	border-bottom:2px solid #b72626;
	background:url('../images/login_logo.jpg') no-repeat bottom right;
	text-align:left;
}
#login_header h2{
	color:#521f1f;
	font-weight:bold;
	font-size:24px;
	line-height:5px;
	margin-top:0;
	padding-top:20px;
}
#login_header h3{
	color:#7a7a7a;
	font-weight:normal;
	font-size:12px;
	line-height:10px;
	font-style:italic;
	margin-top:0;
	padding:0;
}
#login_content{
	clear:both;
	margin-top:20px;
	text-align:left;
	color:#521f1f;
}
#login_content span{
	color:#7a7a7a;
	font-weight:normal;
	font-size:12px;
	line-height:10px;
	font-style:italic;
	margin-top:0;
	padding:0;
}
#login_content span b{
	color:#0d5e9b;
	font-weight:bold;
	font-size:12px;
	line-height:10px;
	margin-top:0;
	padding:0;
}
#login_content span i{
	color:#f00;
	font-weight:normal;
	font-size:12px;
	line-height:10px;
	margin-left:0px;
}
#login_content i{
	color:#521f1f;
	font-style:normal;
	margin-left:90px;
}
#login_left{
	float:left;
	width:320px;
	color:#521f1f;
	text-align:left;
}
#login_left a, #login_left a:link, #login_left a:visited, #slider a, #slider a:link, #slider a:visited{
	color:#b72626;
	text-decoration:none;
}
#login_left a:hover, #slider a:hover{
	text-decoration:underline;
}
.login_input{
	color:#521f1f;
	border-top:1px solid #aaaaaa;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #ebebeb;
	background-color:#f8f8f8;
}
#login_right{
	float:left;
	width:230px;
}
.signup_left{float:left;width:290px;}
.signup_right{float:left;width:220px;padding-top:20px;}
#login_ket{
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
	width:220px;
	background-color:#1782ba;
}
#login_ket_content{
	padding:25 5 25 5;
	text-align:center;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
}
#login_ket_content h3{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
}
#login_ket_content h4{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	margin:0;
	padding:0;
}
#login_ket_content h5{
	color:#fff;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:0;
}

#konfirmasi{margin-left:100px;}
#konfirmasi_table{
	color:#521f1f;
	font-weight:normal;
	font-size:12px;
	line-height:10px;
	margin-top:0;
	padding:0;
}
#konfirmasi .required{color:#f00;}
/*faq*/
#faq-boxmid{
	width:664px;
	background:url('../images/faq-boxmid.jpg') repeat-y;
}
#faq-boxtop{
	width:664px;
	background:url('../images/faq-boxtop.jpg') no-repeat top;
}
#faq-boxbot{
	width:664px;
	background:url('../images/faq-boxbot.jpg') no-repeat bottom;
}
#faq-boxcontent{
	width:664px;
	padding:10 10 10 10;
}
#faq-boxcontent a, #faq-boxcontent a:link, #faq-boxcontent a:visited{
	cursor:pointer;
	text-decoration:none;
	color:000;
}
#faq-boxcontent a:hover{
	text-decoration:underline;
}
#faq-list{
	clear:both;
	margin-top:10px;
}
#faq-listbullet{
	clear:both;
	float:left;
	width:40px;
	margin-left:20px;
}
#faq-listtext{
	float:left;
	width:600px;
}
#faq-tanya{
	clear:both;
	width:664px;
	background:#fff url('../images/faq-tanya.jpg') no-repeat top left;
	height:60px;
}
#faq-boxtanyamid{
	margin-left:47px;
	width:615px;
	background:url('../images/faq-boxtanyamid.jpg') repeat-y;
}
#faq-boxtanyatop{
	width:615px;
	background:url('../images/faq-boxtanyatop.jpg') no-repeat top;
}
#faq-boxtanyabot{
	width:615px;
	background:url('../images/faq-boxtanyabot.jpg') no-repeat bottom;
}
#faq-boxtanyacontent{
	width:550px;
	padding:7 0 7 50;
	font-size: 11px;
	font-weight:bold;
}
#faq-jawab{
	clear:both;
	width:664px;
	background:#fff url('../images/faq-jawab.jpg') no-repeat top right;
}
#faq-boxjawabmid{
	width:616px;
	background:url('../images/faq-boxjawabmid.jpg') repeat-y;
}
#faq-boxjawabtop{
	width:616px;
	background:url('../images/faq-boxjawabtop.jpg') no-repeat top;
}
#faq-boxjawabbot{
	width:616px;
	background:url('../images/faq-boxjawabbot.jpg') no-repeat bottom;
}
#faq-boxjawabcontent{
	width:550px;
	padding:5 5 5 10;
}
#faq-btt{clear:both;width:100%;text-align:right;}
#faq-btt a, #faq-btt a:link, #faq-btt a:visited{color:#003399;text-decoration:none;}
#faq-btt a:hover{text-decoration:underline;}
/*end faq*/

#slider {
    width: 550px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 300px;
    width: 550px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    height: 300px;
    width: 550px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#add_testi_header{
	width:470px;
	height:70px;
	border-bottom:2px solid #b72626;
	background:url('../images/login_logo.jpg') no-repeat bottom right;
	text-align:left;
}
#add_testi_header h2{
	color:#521f1f;
	font-weight:bold;
	font-size:24px;
	line-height:5px;
	margin-top:0;
	padding-top:20px;
}
#add_testi_header h3{
	color:#7a7a7a;
	font-weight:normal;
	font-size:12px;
	line-height:10px;
	font-style:italic;
	margin-top:0;
	padding:0;
}
#add_testi_content{
	padding-top:20px;
	width:470px;
	height:250px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	clear:both;
}
#add_testi_content span{
	color:#7a7a7a;
	font-weight:normal;
	font-size:12px;
	line-height:10px;
	font-style:italic;
	margin-top:0;
	padding:0;
}
#bg_testi1{
	background:url(../images/bg_testi1.png);
	width:775px;
	height:135px;
}
#bg_testi2{
	background:url(../images/bg_testi2.png);
	width:775px;
	height:135px;
}
#name_testi{
	float:left;
	width:550px;
	padding-left:35px;
	padding-top:25px;
	font-weight:bold;
	color:#000000;
}
#tgl_testi{
	float:left;
	width:100px;
	padding-left:35px;
	padding-top:25px;
	color:#000000;
}
#testi_content{
	padding-left:25px;
	padding-right:25px;
}
#examples_1, #examples_2{clear:both;border-top:1px solid #cccccc;width:660px;}
#examples_1 #left, #examples_2 #left{
	float:left;
	width:445px;
	padding:10px 0px 10px 0px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}
#examples_1 #right{
	float:left;
	width:200px;
	padding:10px 0px 10px 10px;
}
#examples_2 #right{
	float:left;
	width:200px;
	background-color:#fff;
	padding:10px 0px 10px 10px;
}
#examples_content{
	font-size:13px;
	padding-top:10px;
	padding-right:20px;
}
#examples_title{
	font-size:16px;
	font-weight:bold;
	padding-top:15px;
}
#lihat_form{
	padding-top:15px;
	cursor:pointer;
}
#faq_title{
	font-size:14px;
	font-weight:bold;
	color:#fbff86;
}
.faq_question{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
#faq_shortcut{
	padding-right:20px;
}
#faq_shortcut a:hover{
	color:#fbff86;
}


/*new portal*/

#portal_logo{
	background:url(../images/portal_logo.jpg);
	width:268px;
	height:114px;
	float:left;
	margin-left:10px;
}
#portal_menu{
	float:left;
	height:44px;
	margin-top:75px;
}
#portal_menu_bt_first{
	background:url(../images/menu_portal.jpg);
	width:98px;
	height:31px;
	float:left;
	color:#5c5c5c;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	text-align:center;
	margin-left:5px;
	cursor:pointer;
	padding-top:13px;	
}
#portal_menu_bt{
	background:url(../images/menu_portal.jpg);
	width:98px;
	height:31px;
	float:left;
	color:#5c5c5c;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	text-align:center;
	margin-left:5px;
	cursor:pointer;
	padding-top:13px;
}
#portal_menu_login{
	background:url(../images/menu_login.jpg);
	width:98px;
	height:31px;
	float:left;
	color:#FFFFFF;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	text-align:center;
	margin-left:5px;
	cursor:pointer;
	padding-top:13px;
}
#portal_menu a:hover #portal_menu_bt{
	background-position:0 -48px;
	color:#c11420;
}
#portal_fitur_bt{
	background:url(../images/bt_fitur.jpg);
	width:166px;
	height:64px;
	margin-top:20px;
}
#portal_demo_bt{
	background:url(../images/bt_demo.jpg);
	width:166px;
	height:64px;
	margin-top:10px;
}
#portal_biaya_bt{
	background:url(../images/bt_biaya.jpg);
	width:166px;
	height:64px;
	margin-top:10px;
}
#portal_login_bt{
	background:url(../images/bt_login.jpg);
	width:166px;
	height:64px;
	margin-top:10px;
}
#portal_banner{
	width:568px;
	height:217px;
	background:url(../images/portal_banner.jpg);
	float:left;
	margin-top:20px;
}
#button_banner{
	float:left;
	width:210px;
	height:217px;
	background:url(../images/portal_banner_bt.jpg);
	margin-top:20px;
	cursor:pointer;
}
#banner_bt{
	width:78px;
	height:37px;
	margin:170px 0px 0px 10px;
	float:left;
	background:url(../images/banner_button.png);
}
#portal_footer{
	background:url(../images/portal_footer.jpg);
	width:1066px;
	height:190px;
}
#footer_left{
	float:left;
	width:554px;
	height:190px;
}
#footer_middle{
	float:left;
	width:273px;
	height:190px;
	padding-top:10px;
}
#footer_right{
	float:left;
	width:233px;
	height:190px;
}
#footer_left_content{
	margin-left:37px;
	text-align:left;
}
#footer_left_content p{
	color:#FFFFFF;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
}
#footer_middle_content{
	text-align:right;
	width:191px;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	padding:7px 15px 7px 0px;
}
#footer_middle a:hover #footer_middle_content{
	background:#c0e3f5;
	color:#00617c;
}
#footer_line{
	background:url(../images/line_footer.jpg);
	width:191px;
	height:1px;
}
#footer_logo{
	width:176px;
	height:60px;
	background:url(../images/logo_footer.jpg);
	margin-top:10px;
}
#footer_right_title{
	text-align:left;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:30px;
}
#footer_right_content{
	text-align:left;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin-left:30px;
}
.index_title{
	color:#b72626;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:20px;
	margin-left:40px;
	font-weight:bold;
}
.features_title{
	color:#b72626;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:20px;
	margin-left:20px;
	font-weight:bold;
}
.examples_title{
	color:#b72626;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:20px;
	font-weight:bold;
}
#index_desc{
	color:#666666;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	margin-left:40px;
	text-align:justify;
}
#index_desc a{
	color:#0000FF;
	text-decoration:underline;
}
#img_mini_cart{
	float:left;
	width:100px;
	height:90px;
	background:url(../images/bt_mini_cart.jpg);
}
#title_right_index{
	font-family:Tahoma, 'Lucida Grande', Lucida, Arial, Verdana, sans-serif;
	font-size:20px;
}
#desc_right_index{
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#666666;
	margin-top:10px;
}
#line_index{
	clear:both;
	background:url(../images/line.jpg) repeat-x;
	width:500px;
	height:2px;
}
#line_news{
	clear:both;
	margin-left:40px;
	background:url(../images/line.jpg) repeat-x;
	width:660px;
	height:2px;
}
#img_survey{
	float:left;
	width:100px;
	height:90px;
	background:url(../images/sidebar_survey_home.jpg);
}
#img_lamaran{
	float:left;
	width:100px;
	height:90px;
	background:url(../images/sidebar_survey_home.jpg);
}
#img_bantuan{
	float:left;
	width:100px;
	height:90px;
	background:url(../images/sidebar_contact_home.jpg);
}
#img_konfirmasi{
	float:left;
	width:100px;
	height:90px;
	background:url(../images/sidebar_penjualan_home.jpg);
}
#sidebar_top{
	width:300px;
	height:25px;
	background:url(../images/bg_sidebar_top.png);
}
#sidebar_middle{
	width:300px;
	background:url(../images/bg_sidebar_middle.jpg);
}
#sidebar_bottom{
	width:300px;
	height:25px;
	background:url(../images/bg_sidebar_bottom.jpg);
}
#sidebar_content{
	float:left;
	width:170px;
	margin-left:10px;
	margin-top:0px;
}
#title_sidebar{
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
#title_sidebar a{
	cursor:pointer;
}
#desc_sidebar{
	font-family:Tahoma, 'Lucida Grande', Lucida, Arial, Verdana, sans-serif;
	color:#666666;
	font-size:14px;
	text-align:left;
}
#more_sidebar{
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left:30px;
	color:#cc0030;
}
#more_sidebar a:hover, #title_sidebar a:hover{
	color:#5c5c5c;
}
#features_desc{
	color:#666666;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	margin-left:10px;
	float:left;
	width:500px;
	text-align:left;
}
#features_line{
	clear:left;
	margin-left:15px;
	background:url(../images/line.jpg) repeat-x;
	width:660px;
	height:2px;
}
#price_paket_1{
	float:left;
	margin-left:10px;
	text-align:center;
}
#price_produk_1_mid{
	width:324px;
	background:url('../images/price_paket1_middle.jpg') repeat-y top;
}
#price_produk_1_top{
	width:324px;
	background:url('../images/price_paket1_top.jpg') no-repeat top;
}
#price_produk_1_bot{
	width:324px;
	background:url('../images/price_paket1_bottom.jpg') no-repeat bottom;
}
#price_produk_1{
	width:324px;
	padding-top:10px;
	text-align:center;
}
#price_produk_1 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#price_produk_1 h3{
	color:#d9ff7e;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}
#price_produk_1 h4{
	color:#263600;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}

#price_produk_2_middle{
	width:324px;
	background:url('../images/price_paket2_middle.jpg') repeat-y top;
}
#price_produk_2_top{
	width:100%;
	background:url('../images/price_paket2_top.jpg') no-repeat top;
}
#price_produk_2_bottom{
	width:100%;
	background:url('../images/price_paket2_bottom.jpg') no-repeat bottom;
}
#price_produk_2{
	width:324px;
	padding-top:10px;
	text-align:center;
}
#price_produk_2 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#price_produk_2 h2 span{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#price_produk_2 h3{
	color:#b6e8ff;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}
#price_produk_2 h4{
	color:#002736;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}
#price_paket_3{
	float:left;
	margin-left:10px;
	text-align:center;
}
#price_produk_3_middle{
	width:324px;
	background:url('../images/price_paket3_middle.jpg') repeat-y top;
}
#price_produk_3_top{
	width:100%;
	background:url('../images/price_paket3_top.jpg') no-repeat top;
}
#price_produk_3_bottom{
	width:100%;
	background:url('../images/price_paket3_bottom.jpg') no-repeat bottom;
}
#price_produk_3{
	width:324px;
	padding-top:10px;
	text-align:center;
}
#price_produk_3 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#price_produk_3 h2 span{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#price_produk_3 h3{
	color:#b6e8ff;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}
#price_produk_3 h4{
	color:#002736;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}

#price_produk_4_middle{
	width:324px;
	background:url('../images/price_paket4_middle.jpg') repeat-y top;
}
#price_produk_4_top{
	width:100%;
	background:url('../images/price_paket4_top.jpg') no-repeat top;
}
#price_produk_4_bottom{
	width:100%;
	background:url('../images/price_paket4_bottom.jpg') no-repeat bottom;
}
#price_produk_4{
	width:324px;
	padding-top:10px;
	text-align:center;
}
#price_produk_4 h2{
	color:#fff;
	font-size:32px;
	font-family:verdana;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#price_produk_4 h2 span{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.3em #795c0b;
	border-bottom:0;
	line-height:0px;
}
#price_produk_4 h3{
	color:#b6e8ff;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}
#price_produk_4 h4{
	color:#002736;
	font-size:14px;
	font-weight:bold;
	line-height:0px;
}
#price_text_left{
	float:left;
	margin-left:20px;
	margin-top:-10px;
}
#price_text_right{
	float:left;
	margin-top:-15px;
}
#testi_top{
	background:url(../images/testi_top.jpg);
	width:501px;
	height:26px;
}
#testi_middle{
	background-color:#f4f4f4;
	width:499px;
	border:1px solid #474747;
}
#testi_pengguna{
	margin-left:13px;
	padding-top:5px;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	float:left;
	width:200px;
}
#buat_testi{
	float:right;
	padding-top:5px;
	width:240px;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}
#buat_testi a{
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}
#buat_testi a:hover{
	color:#eec60c;
	text-decoration:underline;
}
#nama_testi{
	color:cc0030;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px 0px 0px 20px;
	width:460px;
}
#isi_testi{
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:12px;
	margin:5px 0px 15px 20px;
	width:460px;
}
#pengguna_top{
	background:url(../images/pengguna_top.jpg);
	width:501px;
	height:26px;
}
.subdomain_pengguna{
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.domain_pengguna{
	color:#00a3cc;
	font-family:Tahoma, "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#pricing_content{
	float:left;
	width:670px;
	margin-left:40px;
}
#faq_content{
	float:left;
	width:655px;
	margin-left:40px;
	margin-right:5px;
}
#features_content{
	float:left;
	width:680px;
	margin-left:20px;
}
#examples_main_content{
	float:left;
	width:660px;
	margin-left:40px;
}
/*tooltips*/
.tooltips, .tooltips2, .tooltips3{cursor:pointer;cursor:hand;font-style:normal;}
.tooltips i, .tooltips2 i, .tooltips3 i {
	display:none;
	position:absolute;
	font-style:normal;
	z-index:1000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.tooltip-style1 {
	background:#5a85a5 url('../member/images/lamp.png') 10px center no-repeat;
	color:white;
	min-height:30px;
	padding:10px 20px 10px 65px;
	font-style:normal;
	opacity:0.9;
}
.jagoanhosting{
	clear:both;
	height:30px;
	text-align:center;
	color:#333;
	font-size:11px;
	text-decoration:none;
}
.jagoanhosting a, .jagoanhosting a:link, .jagoanhosting a:visited{
	color:#333;
	font-size:11px;
	text-decoration:none;
}
.jagoanhosting a:visited{
	text-decoration:none;
}