/* 1. BASE

1.1	Reset
-----------------------------------------------------------------------------------------------*/	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,	b, u, i, center,	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none;}
	blockquote, q { quotes: none;	}
	blockquote:before, 	blockquote:after,	q:before, q:after {	content: ''; content: none;	}
	:focus {outline: 0;}
	ins {	text-decoration: none;}
	del { text-decoration: line-through;}
	table {	border-collapse: collapse;border-spacing: 0;}

/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body { background:url(img/bg_page.jpg) repeat-x; font: 62.5% Arial, Helvetica, sans-serif; text-align: left; color: #333; }
	hr { display: none;	}			
	strong {font-weight: bold;}
	em {font-style: italic;}
	abbr, acronym {	border-bottom: 1px dotted #999; cursor: help;}
	input, textarea, select {font: 1.2em Arial, Helvetica, sans-serif;}
	a {color: #006699 ;text-decoration: none;}
	a:hover, a:active {color: #0485e9; text-decoration: none;}
	#simulasi img { margin-bottom:5px;}
	
/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	
	.hide {	display: none;}
	

/* 2. LAYOUT
===============================================================================================*/	
	.container {
		width:773px;	
		position: relative;
		text-align: left;
		margin:auto;
		
	}
	
	#header {
		height: 136px;
	}
	
	#content-wrapper {
		width: 773px; 
		float: right;
		background:url(img/bg_container.jpg) right repeat-y;
	}
		
	#sidebar {
		width: 300px;
		float: left;
		padding: 15px 0 10px 0;
		margin-left:1px;
	}
	
	#footer {
		clear: both;
	}
		

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span {
		display: block;
		width: 198px;
		height: 104px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#header h1,
	#header .logo {
		position: absolute;
		top: 18px;
		left: 14px;
		background:url(img/logo_bprsalsalaam.jpg) no-repeat;
		color:#FFF;
	}
	#Boxbtn_home {
		width:93px;
		height:21px;
		float:right;
		margin-top:8px;
		}
		a#btn_home {
			display: block;
			width: 93px;
			height: 21px;
			background-image:url(img/btn_home.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#btn_home:hover {
			background-position: 0 -21px;
		}
		a .altbtn_home { display: none; }
		
		
	#header {
	background:url(img/bg_header.jpg) no-repeat;
	background-position:bottom right}

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	#navigation {height: 34px;
		background:url(img/bg_menu.jpg) repeat-x;}
	#headline {
		/*width:455px;*/
		height:276px;
		background:#ccc;
		display: block;
	}
	#content {
		padding: 15px 8px 8px 0px;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #666;
		float:left;
		width:461px;
		margin-right:3px;
	}
	#wrapperPromo {
		width:458px;
		height:100px;
		margin:15px 0 10px 0;
		}
	#wrapperPromo .bannerPromo1_left {
		float:left;
		}
	#wrapperPromo .bannerPromo1_right {
		float:right;
		}
	#content p {
		margin-bottom: 1.0em;
	}
	
	#content #berita {
		width:220px;
		margin:10px 0 10px 10px;
		float:left;
		}
	#content h3.title {
		font-weight:bold;
		color:#333;
		border-bottom:2px solid #1072bd;
		margin-bottom:10px;
		padding:4px 0 5px 18px;
		color:#06497d;
		background:url(img/bullet.jpg) no-repeat;
		background-position: left center;
		}
	.contentberita {
		height:auto;
		padding:4px 0 4px 0;
		border-bottom:1px dotted #C8C8C8;
		}
		.contentberita a{ 
				text-decoration:none;
				color:#006699;
				}
		.contentberita a:hover{ 
				text-decoration:none;
				color:#0485e9;
			}
	.imgTumbLeftFix {
		float:left;
		margin:5px 10px 5px 0;
		padding:2px;
		width:52px;
		border:1px solid #D3D3D3;
		}
	.imgTumbLeft {
		float:left;
		margin:5px 10px 5px 0;
		padding:2px;
		border:1px solid #D3D3D3;
		}
	.imgProfil {
		width:82px;
		padding:3px;
		border:1px solid #C9E2FC;
		margin-right:20px;
		float:left;
		}
	#produk {
		width:220px;
		float:left;
		margin:10px 10px 10px 0;
		}
	 #produk .contentproduk {
	 	padding:5px 0 5px 15px;
		background:url(img/arrow.png) no-repeat;
		border-bottom:1px dotted #C8C8C8;
		}
	#content .smallfont {
		font-size:11px;
		color:#999;
		}
	
	#content h2 {
		font-size: 14px;
		margin-bottom: 0.5em;
		color: #333;
	}
	contentSub h2 {}

	#content h2.title {
		background:url(img/bg_h1.jpg) no-repeat;
		height: 26px; 
		line-height: 26px; 
		padding:0 0px 0px 15px;
		color: #333;
	}
	


	#content h4 {
		font-size: 12px;
		margin-bottom: 0.5em;
		color: #333;
	}
	
	#realisasi, #realisasi tr { width:100%; border-right:1px solid #2571bb;border-top:1px solid #2571bb; }
	#realisasi td { border-left:1px solid #2571bb; padding:1px;}
	
	/* tabel nisbah di home*/
	.tr_nsb1 { height:15px; border-bottom:1px solid #2571bb; padding:3px 0 3px 2px;}
	.tr_nsb2 { height:15px; border-bottom:1px solid #2571bb; padding:3px 0 3px 2px; color:#FFFFFF; background-color:#6da5db;}
	
	#contact_form input, #contact_form textarea { border:1px #999999 solid;}
		
	/* 2.2.1	Content for Subpage
	--------------------------------------------------------------------------------------------*/	
	#contentSub {
		width:548px;
		float:right;
		height:auto;
		padding:0 15px 20px 10px;
		font-size:12px;
		}
		#contentSub ol { list-style:decimal; font-size:12px; margin-left:20px;}
	
	#contentSub h1.title, .title_h1 {
		font-size:1.5em;
		color:#0158a5;
		border-bottom:1px solid #B7D7EE;
		padding:16px 0 10px 0;
		margin-bottom:15px;
		}
	#contentSub p, table {
		font-size:12px;
		}
		#contentSub table { width:540px; border-top:#333333 1px solid; border-right:1px #333333 solid;}
		#contentSub td { border-bottom:1px #333333 solid; width:auto; border-left:1px #333333 solid;}
	#contentSub h2.titleSub {
		background:url(img/bg_titleSub.png) no-repeat;
		width:552px;
		height:22px;
		margin:5px 0 10px 0;
		font-size:12px;
		color:#0158a5;
		padding:5px 0 0 10px;
		}
		#contentSub h2 {
		background:url(img/bg_titleSub.png) no-repeat;
		width:552px;
		height:22px;
		margin:5px 0 10px 0;
		font-size:12px;
		color:#0158a5;
		padding:5px 0 0 10px;
		}
	#contentSub h2.titleNews {
		width:552px;
		height:22px;
		margin:5px 0 10px 0;
		font-size:13px;
		color:#0158a5;
		padding:5px 0 0 0;
		border-bottom:1px dotted #CCC;
		}
		
	#boxContent2 {
		width:550px;
		height:auto;
		padding:0 4px 10px 5px;
		border-bottom:1px dotted #999;
		margin-bottom:15px;
		}
	#2coloumn {
		width:250px;
		height:auto;
		float:left;
		margin:0 20px 15px 0;
		}
		
	#newsList {
		width:auto;
		padding:5px 0 5px 15px;
		background:url(img/bullet2.jpg) no-repeat;
		border-bottom:1px dotted #ccc;
		}
		
		.tglNews {
			width:150px;
			float:left;
			font-size:11px;
			color:#666;
			margin-right:20px;
			}
		.cntnNews {
			width:432px;
			height:auto;
			float:left;
			font-size:12px;
			}
	.td1 { background:#dbebfa; border-bottom:1px solid #add0ee;}
	
	
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	#sidebar .bannerShowcase{ padding-bottom:1px;}
	#search {
		width:298px;
		height:42px;
		background:#2182C9;
		border:1px solid #0E6AB5;
		}
	.boxsearch {
		width:253px;
		height:25px;
		padding-left:30px;
		margin:8px 0 8px 8px;
		background:url(img/bg_search.png) no-repeat;
		}
		a#Go {
			display: block;
			width: 34px;
			height: 25px;
			background-image:url(img/btn_go.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#Go:hover {
			background-position: 0 -25px;
		}
		a .altGo { display: none; }
		
	#sidebar #coloumSidebar1 {
		width:145px;
		float:left;
		margin:10px 5px 10px 0;
		}
	#sidebar #coloumSidebar2 {
		width:145px;
		float:left;
		margin:10px 0 10px 5px;
		}
	
    #sidebar .currency {
		margin:10px 0 0 0;
		}
    #sidebar #box {
	   border:1px solid #E1E1E1;
	   margin:10px 0 10px 0;
	   padding-bottom:10px;
	   }
	.titleBox{
		padding:4px 0 4px 5px;
		background:#E2E2E2;
		font-weight:bold;
		font-size:11px;
		margin-bottom:5px;
		}
    .contentBox {
		padding:5px 3px 5px 13px;
		background:url(img/arrow.png) no-repeat;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin-left:5px;
		}
	#logoBank {
		height:65px;
		border-top:1px dotted #BBBBBB ;
		padding:5px 0 2px 0;
		/*margin-top:5px;*/
	}
	
	#box2 {
		width:143px;
		/*height:200px;*/
		border:1px solid #2571bb;
		}
	#box2 .titleBox2 {
		padding:8px 0 8px 10px ;
		border-top:1px solid #2571bb;
		border-bottom:1px solid #2571bb;
		font-size:12px;
		color:#06497d;
		background:#eceff5;
		font-weight:bold;
		}
		#box2 .titleBox3 {
		padding:8px 0 8px 10px ;
		border-top:1px solid #2571bb;
		border-bottom:1px solid #2571bb;
		font-size:12px;
		color:#FFFFFF;
		background:#6da5db;
		font-weight:bold;
		}
	#box2 .contentBox2 {
		padding:10px;
		color:#666;
		font-size:12px;
		}
		#box2 .contentBox2 table { width:auto; border:none;}
	/* 2.3.1	Sidebar for Subpage
    --------------------------------------------------------------------------------------------*/	
	#sidebarSub {
		width:158px;
		float:left;
		background:url(img/bg_sidebarSub.jpg) no-repeat;
		margin-top:-2px;
		padding:12px 2px 2px 20px;
		}
	#sidebarSub .menuBar {
		font-size:12px;
		padding:0 0 5px 15px;
		border-bottom:1px dotted #C8C8C8;
		margin-bottom:5px;
		background:url(img/arrow2.jpg) no-repeat top left;
		font-weight:bold;
		color:#0485E9;
		}
	#sidebarSub .menuBar a {
		color:#004F75;
		}
	#sidebarSub .menuBar a:hover {
		color:#0485E9;
		}
		/*for main list*/
		.menuBar_main {
		font-size:12px;
		padding:8px 0 8px 15px;
		margin-bottom:8px;
		background:url(img/bg_mainLeftMenu.jpg) no-repeat;
		font-weight:bold;
		color:#FF6600;
		}
		.menuBar_main a {
		color:#004F75;
		}
		.menuBar_main a:hover {
		color:#0485E9;
		}
		
		
	#bannerSidebar {
		width:158px;
		margin-top:35px;
		}
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer {
		background:url(img/bg_footer.png) repeat-x;
		font-size: 1.1em;
		line-height: 40px;
		color: #fff;
		height: 40px;
		text-align: center;
	}
	#footer a {color: #222; text-decoration: none;}
	#footer a:hover {text-decoration: underline;}