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

body {
	background-color:#0c0c0c;
	background-image:url(images/bg_body.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	width:100%;
}
legend {
	background:#3a3a3a;
	border:#454545 solid 1px;
	-moz-border-radius:5px;
	border-radius:5px 5px 5px 5px;
	padding:5px 10px;
}

img {
	border:none;
}

h1,h2 {
	padding:0;top:0;margin:0;
}

h3 {
	padding:2;top:0;margin-top:4px;
}

fieldset {
	border:#F67D24 solid 1px;
	padding-left:10px;
	-moz-border-radius:4px;
	border-radius:4px 4px 4px 4px;
}
/* top */
#wrapping {
	width:1100px;
	margin:0 auto;
}

#top {
	width:1100px;
	height:174px;
	margin-bottom:12px;
}

#logo {
	float:left;
	width:166px;
	height:159px;
	margin-left:80px;
	margin-top:14px;
}

#steel {
	float:left;
	width:391px;
	height:85px;
	margin-top:59px;
}

#bar_online {
	float:right;
	width:400px;
	margin-top:5px;
	margin-right:36px;
}

#support_online {
	float:right;
	width:auto;
	margin-bottom:7px;
}

#ym_bar {
	float:right;
	width:229px;
	margin-bottom:7px;
	letter-spacing:1px;
	text-shadow:1px 1px 0px #000;
}

#ym_list {
	float:right;
	width:229px;
	margin-bottom:3px;
}

#ym_icon {
	float:right;
	width:64px;
}

#ym_ttk {
	float:right;
	width:25px;
	text-align:center;
}

#ym_id {
	float:right;
	width:auto;
	text-align:right;
}

#search_bar {
	float:right;
	width:229px;
	height:38px;
	background-image:url(images/kolom_search.png);
	margin-bottom:7px;
	margin-top:50px;
}

#search_icon {
	float:right;
	width:33px;
	line-height:34px;
	margin-right:3px;
}

#social_bar {
	float:right;
	width:400px;
}

#twitter_bar {
	float:right;
	width:27px;
	height:27px;
	margin-left:5px;
}

#login_bar {
	
	width:auto;
	line-height:27px;
	margin-right:5px;
	text-align:right;
	letter-spacing:1px;
	word-spacing:2px;
}

/*menu*/
#menu_bar {
	width:1054px;
	height:58px;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:14px;
	text-align:center;
	letter-spacing:1px;
	background-color:#0c0c0c;
	text-align:center;
}

/*header*/
#header_bar {
	width:1054px;
	height:341px;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:14px;
}

/*pormotion*/
#promo_bar {
	width:1054px;
	height:238px;
	background-image:url(images/repeat_banner.jpg);
	background-repeat:repeat-x;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:14px;
}

#promo_bar2{
	width:1054px;
	height:238px;
	background-image:url(images/repeat_banner.jpg);
	background-repeat:repeat-x;
	margin-right:23px;
	margin-bottom:14px;
}

#member_bar {
	float:left;
	width:1054px;
	height:34px;
	margin-bottom:27px;
}

#services_bar {
	float:left;
	width:183px;
	line-height:33px;
	border-bottom:solid 1px #f67d24;
	text-align:center;
}

#button_member {
	float:left;
	width:201px;
	line-height:34px;
	background-image:url(images/bg_member.png);
	text-align:center;
}

#pw_bar {
	float:left;
	width:1054px;
	height:34px;
	margin-bottom:15px;
}

#promo_word {
	float:left;
	width:auto;
	height:auto;
	margin-left:20px;
	text-align:left;
}

#promo_word2 {
	float:left;
	width:auto;
	height:auto;
	margin-left:35px;
	text-align:left;
}

#term {
	float:right;
	width:208px;
	line-height:26px;
	margin-top:102px;
	text-align:center;
	background-color:#f99e44;
	letter-spacing:1px;
}
#term2 {
	float:right;
	width:250px;
	line-height:26px;
	text-align:center;
	background-color:#f99e44;
	letter-spacing:1px;
}

/* news*/
#latest_news {
	width:1054px;
	line-height:46px;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:14px;
	border-top:solid 1px #f67d24;
	border-bottom:solid 1px #f67d24;
	text-align:left;
	letter-spacing:3px;
}

#prev {
	float:left;
	width:1054px;
	line-height:20px;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:14px;
	border-top:solid 1px #f67d24;
	border-bottom:solid 1px #f67d24;
	text-align:left;
	letter-spacing:3px;
}

#line_title {
	width:1054px;
	height:46px;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:14px;
	text-align:left;
	background:#1a1a1a no-repeat center top;
	background:-moz-linear-gradient( center top, #0c0c0c 10%, #1a1a1a 80% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	background:-o-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	background:linear-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	overflow:auto;
}

#bound_art {
	width:1054px;
	height:20px;
	padding-top:23px;
	clear:left;
	float:left;
	margin-bottom:14px;
	text-align:left;
	background:#1a1a1a no-repeat center top;
	background:-moz-linear-gradient( center top, #0c0c0c 1%, #1a1a1a 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	background:-o-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	background:linear-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	overflow:auto;
	position:relative;
}
#boundart {
	width:780px;
	height:20px;
	padding-top:23px;
	float:left;
	margin-bottom:14px;
	text-align:left;
	background:#1a1a1a no-repeat center top;
	background:-moz-linear-gradient( center top, #0c0c0c 1%, #1a1a1a 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	background:-o-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	background:linear-gradient( linear, left top, left bottom, color-stop(.2, #0c0c0c), color-stop(1, #1a1a1a) );
	overflow:auto;
	position:relative;
}

#bg_title {
	float:left;
	width:263px;
	height:46px;
	background-image:url(images/bg_title.png);
}

#main_title {
	float:left;
	width:auto;
	line-height:46px;
	margin-left:20px;	
	letter-spacing:2px;
}

#date_art {
	float:left;
	width:1054px;
	height:25px;
	margin-bottom:-5px;
}

#title_art {
	float:left;
	width:1054px;
	margin-bottom:0px;
}

#m_content {
	float:left;
	width:1054px;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:25px;
	text-align:justify;
}

#h_news {
	float:left;
	width:1054px;
	margin-left:23px;
	margin-right:23px;
	margin-bottom:25px;
	text-align:left;
}

#content_left {
	float:left;
	width:507px;
	margin-right:40px;
	text-align:justify;
}

#content_right {
	float:left;
	width:507px;
	text-align:justify;
}

#bank {
	float:left;
	width:507px;
	margin-top:15px;
}

#bank_logo {
	float:left;
	width:161px;
	margin-right:20px;
}

#bank_address {
	float:left;
	width:326px;
	text-align:left;
}

#img_news_h {
	float:left;
	width:244px;
	height:149px;
	margin-bottom:80px;
	overflow:hidden;
}

#photo_gallery {
	float:left;
	width:244px;
	margin-right:26px;
	height:179px;
	margin-bottom:0px;
	cursor:pointer;
}

#photo_gallery2 {
	float:left;
	width:244px;
	height:149px;
	margin-bottom:0px;
}

#date_news_h {
	float:left;
	width:244px;
	height:25px;
	margin-bottom:-80px;
	margin-top:-80px;
}

#title_news_h {
	float:left;
	width:244px;
	margin-bottom:-60px;
	margin-top:-60px;
}

#desc_news_h {
	float:left;
	width:244px;
	height:90px;
	margin-bottom:10px;
	margin-top:-20px;
}

#kolom_news {
	float:left;
	width:244px;
	margin-right:26px;
	
}

#kolom_news2 {
	float:left;
	width:244px;
	
}

#button_more {
	float:left;
	width:73px;
	line-height:28px;
	background-image:url(images/bg_more.jpg);
	margin-right:171px;
	text-align:center;
	letter-spacing:1px;
}

/* footer*/
#footer {
	float:left;
	width:100%;
	height:150px;
	background-color:#f67d24;
}

#footer_wrap {
	width:1054px;
	height:150px;
	margin:0 auto;
}

#address_kolom {
	float:left;
	width:330px;
	height:150px;
	background-color:#f99e44;
	margin-right:20px;
}

#address_top {
	float:left;
	width:90px;
	line-height:20px;
	margin-right:148px;
	margin-bottom:5px;
	background-color:#191919;
	text-align:center;
	letter-spacing:1px;
}

#address_txt {
	float:left;
	width:auto;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
}

.bg-contact {
	float:left;
	width:100%;
	padding-top:20px;
}

/*.bg-contact {
	float:left;
	width:100%;
	background:url(../images/bg-contact-us.jpg) repeat-x center;
	padding-top:30px;
}*/

#under_menu {
	float:left;
	width:auto;
	line-height:20px;
	margin-top:15px;
	margin-right:35px;
}

#copyright_kol {
	float:right;
	width:280px;
	margin-top:15px;
}

#visitor {
	float:right;
	width:280px;
	margin-bottom:15px;
}

#m_visitor {
	float:right;
	width:280px;
	height:22px;
	background-image:url(images/bg_visitor.jpg);
	margin-bottom:25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
}

#m_visitor_left {
	float:left;
	width:79px;
	margin-left:3px;
	line-height:21px;
	text-align:left;
}

#m_visitor_total {
	float:left;
	width:42px;
	line-height:21px;
	text-align:right;
}

#m_visitor_logo {
	float:left;
	width:30px;
	height:22px;
}

#online_visitor {
	float:left;
	width:79px;
	line-height:21px;
	text-align:left;
}

#online_visitor_total {
	float:left;
	width:42px;
	line-height:21px;
	text-align:right;
}

#copyright {
	float:right;
	width:auto;
	text-align:right;
}

/*Deklasrasi Font*/
@font-face {
    font-family: 'impact';
    src: url('fonts/impact.ttf');
}

@font-face {
    font-family: 'GOTHIC';
    src: url('fonts/GOTHIC.TTF');
}

.f_promo_org {
	font-family:"impact", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#f67d24;
}

.f_promo_grey {
	font-family:"impact", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#c6c6c6;
}

.f_online {
	font-family:"impact", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#000;
	text-align:right;
}

.f_support {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#fff9f9;
	text-align:right;
}

.f_marketing {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fffefe;	
}

.f_login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#b8b8b8;	
}

.f_services {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#c6c6c6;	
}

.f_member {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#090909 #fff;
	
}

.f_term {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#19110b;
	text-decoration:none;	
}
.f_term a:link {
	text-decoration:none;	
	color:#19110b;
}
.f_term a:hover {
	text-decoration:none;	
	font-weight:bold;
}
.f_title {
	font-family:"GOTHIC", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#f67d24;
}

.f_main_title {
	font-family:"impact", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#c6c6c6;
}

.f_more {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#f67d24;
}

.f_address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#f99e44;
}

.f_address_desc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#161515;
}

.f_copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#1a1919;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#f67d24;
}

h2, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#bcbcbc;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fdb885;
}

/*hover*/
.f_menubawah a:link, .f_menubawah a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1a1919;
	text-decoration:none;
}

.f_menubawah a:hover {
	color:#ffc295;
}

.f_address_desc a:link, .f_address_desc a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#161515;
	text-decoration:none;
}

.f_address_desc a:hover {
	color:#fff8f2;
}

.f_copyright a:link, .f_copyright a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#1a1919;
	text-decoration:none;
}

.f_copyright a:hover {
	color:#ffc295;
}

.f_login a:link, .f_login a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#b8b8b8;
	text-decoration:none;	
}

.f_login a:hover {
	color:#f67d24;
}

.f_more a:link, .f_more a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#f67d24;
	text-decoration:none;
}

.f_more a:hover {
	color:#ffc295;
}

/* Overlay Login #2*/
#signin_menu {
	display:none;
	background: #f67d24; 
	position:absolute;
	width:235px;
	z-index:200;
	border:1px transparent;
	text-align:left;
	padding:12px;
	
	margin-top:0px;
	margin-left:815px;
	*margin-right: -1px;
	color:#fff;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	box-shadow: 0 0 3px #A6AFBC;
    -webkit-box-shadow: 0 0 3px #A6AFBC;
    -moz-box-shadow: 0 0 3px #A6AFBC;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	border:none;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:3px 0;
}
#signin_menu a {
	color:#d6e0e9;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#d6e0e9!important;
}
#signin_menu p a:hover{
	color:#fff4a6!important;
}
#signin_submit {
	background:#F6B41A ;
	border:none;
	color:#fff;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	background: #F5861A; 
	cursor:pointer;
}
.close2{
	margin-top:-20px;
	margin-right:-20px;
	float:right;
	width: 30px;
	height: 30px;
	background: url('images/close.png') 0px 0px no-repeat;
	cursor:pointer;
}
.close {
	float:right;
	margin-left:5px;
	font-weight:bold;
	font-size:15px;
	color:#eee;
}
.close:hover {
	cursor:pointer;
	color:black
}


.table{
	border: 1px solid #F67D24;
	padding: 15px;
	margin-bottom:20px;
	color:#000;
}

.table a { text-decoration:none; } 
.table td{
	padding:0 8px; 
	padding-bottom:5px;
	padding-top:5px;
	
 } 
.table th{ 
	padding:3px 8px; 
	font-weight:bold;
	color:#000; 
	background: #eee;
} 
.record:hover{ 
	background: #F67D24;
	color:#000; 
}
.record, .tablitogo{ 
	background: #eee;
	color:#000; 
}
.header{
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
}

.link_harga{
	
}
.link_harga a:link, .link_harga a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color:#f67d24;
	color:#FFF;
	text-decoration:none;
	padding:2px 8px;
	font-weight:400;
}

.link_harga a:hover {
	color:#ffc295;
}

.search_f{
	float:left;
	border:none;
	height:25px;
	width:180px;
	margin-top:5px;
	margin-left:5px;
	color:#000;
	font-family:"impact", Arial, Helvetica, sans-serif;
	font-size:15px;
	background:none;
}

.left_search{
	float:left;
	width:244px;
	margin-right:26px;
	height:500px;
	
}

/* linkmenu */
.linkmenu a:link,.linkmenu a:visited  {
	font-family:Helvetica, sans-serif, Arial;
	font-size:14px;
	color:#b1b1b1;
	font-weight:normal;
	text-decoration:none;
}
.linkmenu a:hover {
	color:#b31310;
	text-decoration:none;
}

#right_col{
	width:760px;
	height:500px;
	border:1px dashed #f67d24;
	float:left;
	padding:10px;
}
@-webkit-keyframes blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

blink {
  -webkit-animation-name: blink;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}