@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Lato:400,700);

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration:none;
	color:#004CAE;
}
a:hover {
	color:#333;
}
img {
	border:none;
}
h1, h2, h3, h4 {
	font-family:arial, sans-serif;
}
#container {
	width:960px;
	margin:0 auto;
	padding:0;
}
#header {
	position:absolute;
	width:960px;
	height: 150px;
	padding: 0;
	background: url(../img/header.jpg) no-repeat;
	overflow:hidden;
}
#header .logo {
	position:absolute;
	top: 30px;
	margin-left:30px;
	background:#fff url(../img/logo.png) no-repeat;
	height: 50px;
	width:250px;
}

#menu {
	margin-top: 120px;
	height:30px;
	background:#052D61;
	background:rgba(5,45,97, 0.6);
	padding-left: 10px;
/*
	background: #015EC5;
	background: -moz-linear-gradient(top, #0079FF 0%, #015EC5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079FF), color-stop(100%,#015EC5));
	background: -webkit-linear-gradient(top, #0079FF 0%,#015EC5 100%);
	background: -o-linear-gradient(top, #0079FF 0%,#015EC5 100%);
	background: -ms-linear-gradient(top, #0079FF 0%,#015EC5 100%);
	background: linear-gradient(to bottom, #0079FF 0%,#015EC5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079FF', endColorstr='#015EC5',GradientType=0 );
*/
}
#menu li a{
	float:left;
	padding: 7px 10px;
	font: 14px 'Source Sans Pro',oxygen, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .5pt;
}
#menu li a:hover{
	background-color: #001B3E;
}
#main-body {
	position:absolute;
	width:960px;
	top: 150px;
}
#left {
	margin:10px 0 0 0;
	float:left;
	width:720px;
	min-height:400px;
}
#right {
	margin:10px 0 0 0;
	float:right;
	width:230px;
	min-height:400px;
}

#slideshow-promo {
	float: left;
	height:300px;
	width: 210px;
	overflow:hidden;
}
#slideshow-home {
	float: right;
	height:300px;
	width: 500px;
	overflow:hidden;
}
#promo li {
	height:145px;
	overflow:hidden;
	margin-top:10px;
}
#ss-header {
	height:150px;
	overflow:hidden;
}
#news-ticker-box {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 0 0 0;
}
#news-ticker-box .title-nt{
	font:700 14px 'Source Sans Pro', arial, sans-serif;
	padding: 5px 0;
	width:80px;
	float:left;
	text-align:center;
	color: #fff;
	text-shadow: -1px -1px 0 #003E6E;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	background: #0065B3;
	background: -moz-linear-gradient(top, #005E84 0%, #0065B3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005E84), color-stop(100%,#0065B3));
	background: -webkit-linear-gradient(top, #005E84 0%,#0065B3 100%);
	background: -o-linear-gradient(top, #005E84 0%,#0065B3 100%);
	background: -ms-linear-gradient(top, #005E84 0%,#0065B3 100%);
	background: linear-gradient(to bottom, #005E84 0%,#0065B3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005E84', endColorstr='#0065B3',GradientType=0 );
}
#costum-banner {
	margin: 10px 8px 0 0;
	float: left;
	width: 210px;
	min-height: 170px;
	overflow:hidden;
}
#costum-banner p {
	margin-bottom: 5px;
}
#homepage-middle {
	float:left;
	width: 490px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ddd;
	min-height: 100px;
	padding: 5px;
}

.home-box {
	float: left;
	width: 245px;
	padding: 0;
	height: 200px;
	overflow: hidden;
}
.home-box .ber{
	padding: 0 10px 0 5px;
}
.home-box .pres{
	padding: 0 5px 0 0px;
}

.home-box ul li{
	padding: 10px 0 5px 0;
}
.home-box .ttl a{
	color: #900;
	margin: 0 0 10px 0;
	display:block;
	font: 14px 'Source Sans Pro', sans-serif;
	line-height: 90%;
}
.home-box .ttl a:hover{
	color: #00529B;
}
.home-box .snip{
	color: #333;
	height: 100px;
	text-align: justify;
	overflow: hidden;
}
.home-box .snip img{
	float: left;
	margin:0 5px 5px 0;
	width: 40px;
}
#pressrelease {
	margin: 10px 0 0 0;
}
#pressrelease li {
	margin: 0;
	padding:0;
	/*
	width: 235px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
}
#pressrelease li a{
	color: #444;
	font: 14px 'Source Sans Pro', sans-serif;
	margin:0;
	padding: 3px;
	padding-left: 10px;
}
#pressrelease li a:hover{
	color: #00529B;
}
.lmenu {
	float:left;
	width: 200px;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.lmenu li a {
	padding: 10px;
	padding-right: 20px;
	display:block;
	font:700 14px 'Source Sans Pro', sans-serif;
	color: #000;
	text-shadow: -1px -1px 0 #fff;
	background: transparent url(../img/icon-play2.png) no-repeat 180px center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
.lmenu li a:hover {
	color:#005E84;
}
.smenu {
	float:left;
	width: 200px;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
	min-height: 200px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font:700 14px 'Source Sans Pro', sans-serif;
}

#konten {
	float: left;
	width:500px;
	padding: 0 10px;
}
.right-box {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ddd;
	min-height: 100px;
	
	/*box-shadow: 0 0 5px #999;*/
	padding: 5px;
}
#ibanking .ib-in {
	background: url(../img/ibanking.jpg) no-repeat;
}
#ibanking li a{
	padding-top:70px;
	text-align:center;
	display: block;
	background: url(../img/ibank-login-normal.png) no-repeat center 20px;
}
#ibanking li a:hover{
	background-image: url(../img/ibank-login-hover.png);
}
.ib-info {
	background: #eee;
	background: rgba(0,0,0, 0.2);
	padding: 5px;
	text-align:center;
	height:30px;
	color: #111;
	text-shadow:1px 1px 0px #eee;
}
#kurs .tgl {
	font:10px arial, sans-serif;
	text-align:center;
	padding:0px;
	letter-spacing:1pt;
}
#kurs table {
	margin:0;
}
#kurs th {
	font-size:12px;
	padding:7px 5px;
	background:#333 url(../img/bg-menu.gif) repeat-x left top;
	color:#fff;
}
#kurs td {
	padding:7px 5px;
	border-bottom:1px solid #ccc;
}
#kurs .notes {
	font:bold 10px verdana, sans-serif;
	padding:7px 5px;
	border-top:0px solid #ddd;
	background:#E7F7FD;
	text-align:right;
}
.odd {
	background:#eee;
}
.white {
	background:#fff;
}
.rmenu {
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.rmenu li a {
	padding: 10px;
	display:block;
	font: 16px 'Source Sans Pro', sans-serif;
	color: #000;
	text-shadow: -1px -1px 0 #fff;
	background: transparent url(../img/icon-play2.png) no-repeat 180px center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
.rmenu li a:hover {
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
	color: #000;
}
h1.heading {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:700 16px 'Source Sans Pro', arial, sans-serif;
	padding: 5px 10px 10px 5px;
	color: #fff;
	background: #0065B3;
	background-image: url(../img/bg-heading.png);
	background-image: url(../img/bg-heading.png), -moz-linear-gradient(top, #1786C9 0%, #0065B3 100%);
	background-image: url(../img/bg-heading.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1786C9), color-stop(100%,#0065B3));
	background-image: url(../img/bg-heading.png), -webkit-linear-gradient(top, #1786C9 0%,#0065B3 100%);
	background-image: url(../img/bg-heading.png), -o-linear-gradient(top, #1786C9 0%,#0065B3 100%);
	background-image: url(../img/bg-heading.png), -ms-linear-gradient(top, #1786C9 0%,#0065B3 100%);
	background-image: url(../img/bg-heading.png), linear-gradient(to bottom, #1786C9 0%,#0065B3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1786C9', endColorstr='#0065B3',GradientType=0 );
	background-repeat: no-repeat;
	background-position: bottom left;
}

h1.home-heading {
	font:700 16px 'Source Sans Pro', arial, sans-serif;
	padding: 5px;
	color: #fff;
	text-shadow: -1px -1px 0 #005E84;
	background: #0065B3;
	background: -moz-linear-gradient(top, #1786C9 0%, #0065B3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1786C9), color-stop(100%,#0065B3));
	background: -webkit-linear-gradient(top, #1786C9 0%,#0065B3 100%);
	background: -o-linear-gradient(top, #1786C9 0%,#0065B3 100%);
	background: -ms-linear-gradient(top, #1786C9 0%,#0065B3 100%);
	background: linear-gradient(to bottom, #1786C9 0%,#0065B3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1786C9', endColorstr='#0065B3',GradientType=0 );
	text-transform:uppercase;
}
button.ib {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	padding: 10px 15px;
	background: -moz-linear-gradient(top, #049AD6 0%, #08A9E1);
	background: -webkit-gradient(linear, left top, left bottom, from(#199cd8), to(#199cd8));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #000000;
	-moz-box-shadow: 0px 1px 0px rgba(010,109,155,1), inset 0px 1px 1px rgba(107,197,239,1);
	-webkit-box-shadow: 0px 1px 0px rgba(010,109,155,1), inset 0px 1px 1px rgba(107,197,239,1);
	box-shadow: 0px 1px 0px rgba(010,109,155,1), inset 0px 1px 1px rgba(107,197,239,1);
	text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
	cursor:pointer;
}
a.ib-link {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px;
	text-decoration:none;
	text-shadow:-1px -1px 0px #528ecc;
}
a:hover.ib-link {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}
a:active.ib-link {
	position:relative;
	top:1px;
}
.login-btn span {
	padding-left: 20px;
	background: url(../img/icon-lock.png) no-repeat left center;
}
.demo-btn span {
	padding-left: 20px;
	background: url(../img/icon-play.png) no-repeat left center;
	
}
.margintop {
	margin-top: 10px;
}

a.btnlink {
	border-bottom: 1px dotted #FF6600;
}
a:hover.btnlink {
	border-bottom: 1px dotted #000;
}
.warning {
	background:#FFFCD3 url(../img/icon_notice.gif) no-repeat 10px center;
	padding:10px 10px 10px 35px;
	font-size: 8pt;
	border:1px solid #E8B839;
}
/* ================================== */

#foot {
	margin:0;
	min-height:50px;
	padding-top:10px;
	border-top:1px solid #CCC;
	color:#777;
}
.inner-center {
	width:930px;
	margin:0 auto;
	padding:0 10px;
}
.white {
	background-color:#fff;
}
.clear {
	clear:both;
}

/* ----------- stylized ----------- */
.contactform{
	margin:0;
	width:500px;
	padding:0px;
}

#contact{
	background:#fff;
	margin-top:0px;
}
.contactform p{
	margin:0;
	padding:0;
}
#contact label{
	display:block;
	font-weight:bold;
	width:60px;
	margin:0;
	padding: 7px;
	float:left;
}
#contact input, #contact textarea, #contact select{
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #ddd;
	width:380px;
	margin:2px 0 2px 0px;
}
#contact input[type=submit]{
	clear:both;
	margin-left:80px;
	width:125px;
	height:30px;
	background:transparent url(../img/bg-button.png) no-repeat;
	text-align:center;
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border:0px solid #ccc;
	cursor:pointer;
}
#contact input[type=submit]:hover{
	background:transparent url(../img/bg-button2.png) no-repeat;
	cursor:pointer;
}

#gallery img{
	float:left;
	padding:5px;
	margin:10px 20px 10px 0;
	-moz-box-shadow: 0px 4px 4px #555;
	-webkit-box-shadow: 0px 4px 4px #555;
	box-shadow: 0px 4px 4px #555;
	background:#f9f9f9;
}
#people {
	margin:20px 0 0 0;
}
#people img {
	float:left;
	padding:3px;
	margin:0 10px;
	-moz-box-shadow: 0px 4px 4px #555;
	-webkit-box-shadow: 0px 4px 4px #555;
	box-shadow: 0px 4px 4px #555;
	background:#f9f9f9;
	width:80px;
}
#people p {
	font:bold 14px arial;
	color:#333;
	margin:0 0 10px 0;
}
#people span {
	color:red;
	font: 12px georgia, serif;
	font-style:italic;
}
#serviceslist {
	float:left;
	margin:20px 0 0 10px;
}
#serviceslist ul {
	padding:0;
	margin:0;
	list-style:circle;
	
}
.msg {
	width:400px;
	margin:10px 0;
	padding:10px 10px 10px 40px;
	background:#CFEAFD url(../img/ico-ok.png) no-repeat 10px center;
	font:10px verdana;
}
.msg2 {
	width:400px;
	margin:10px 0;
	padding:10px 10px 10px 40px;
	background:#FDCFD5 url(../img/ico-error.gif) no-repeat 10px center;
	font:10px verdana;
}


#slider {
    position:relative;
    width:700px; /* Change this to your images width */
    height:500px; /* Change this to your images height */
    background:url(../img/preload.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
.nivo-controlNav {
	position:absolute;
	bottom:-30px; /* Put the nav below the slider */
}
.nivo-controlNav a{
	padding:2px 4px;
	border:1px solid #ccc;
	color:#000;
	margin:0 5px 0 0;
	background:#ccc;
}
#gfx-header {
    position:relative;
    width:700px; 
    height:180px;
    background:url(../img/preload.gif) no-repeat 50% 50%;
}
#gfx-header img {
    position:absolute;
    top:0px;
    left:0px;
    /*display:none;*/
}
#snip-news {
	float:left;
	width:340px;
	min-height:200px;
	border-right:1px solid #ccc;
	padding-right:10px;
}
#snip-news h2 {
	background:#dfdfdf url(../img/bg-toptable.jpg) no-repeat top right;
	padding:5px 5px 5px 10px;
	color:#fff;
	font:bold 14px arial, sans-serif;
	letter-spacing:3pt;
	text-transform:uppercase;
}
#snip-news .news-item {
	padding:5px 0;
	border-bottom:1px solid #eee;
}
.postdate {
	float:left;
	color:red;
	font:10px arial, verdana;
	width:60px;
}
#snip-news .ttl {
	float:left;
	width:260px;
	font:bold 11px verdana, sans-serif;
	text-align:justify;
}
#snip-tips {
	float:left;
	width:339px;
	min-height:200px;
	margin-left:10px;
}
#snip-tips h2 {
	background:#dfdfdf url(../img/bg-toptable.jpg) no-repeat top right;
	padding:5px 5px 5px 10px;
	color:#fff;
	font:bold 14px arial, sans-serif;
	letter-spacing:3pt;
	text-transform:uppercase;
}
.tips-item {
	background:#fff url(../img/ico-next.png) no-repeat 0px 0px;
	text-align:justify;
	border-bottom:1px solid #eee;
}
.tips-item a {
	margin:5px 5px 10px 30px;
	display:block;
	font:bold 11px verdana, sans-serif;
}
.tips-item a:hover {
}
/* content */
#content {
	margin:0;
}
#content h1 {
	font:26px/18px arial, sans-serif;
	color:#333;
	margin-bottom:20px;
}
#tabel th {
	font-size:11px;
	padding:5px 5px;
	border-bottom:2px solid #999;
	background:#333 url(../img/bg-topmenu.jpg) repeat-x left top;
	color:#fff;
}
#tabel td {
	padding:1px 5px;
	border-bottom:1px solid #ddd;
}
.odd {
	background:#ddd;
}


.pagination {
	text-align:right;
	font:bold 10px/12px arial, sans-serif;
	padding:5px 0;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    /*display: block;
    float: left;*/
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}
.others {
	padding:3px;
	background:#eee;
	margin-top:10px;
}
/* ========================= */
#konten {
	font-family: arial, sans-serif;
	line-height: 110%;
	overflow-x: hidden;
}
#konten p, #konten span {
	font-family: arial, sans-serif;
}
#konten p {
	margin-top: 10px;
}
#konten h1.title {
	font:700 26px 'Source Sans Pro', sans-serif;
	margin: 0 0 15px 0;
	color: #2063BB;
	text-transform:uppercase;
}
#konten h1 {
	font-size: 22px;
	font-weight: 700;
}
#konten h2 {
	font-size: 20px;
}
#konten h3, #konten h4 {
	font-size: 18px;
}
#konten h1, #konten h2, #konten h3, #konten h4 {
	font-size: 24px;
}
#konten h1, #konten h2, #konten h3, #konten h4 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	margin: 0 0 5px 0;
	line-height: 120%;
}
#konten a {
	color: #0E68DD;
	padding-bottom: 2px;
	border-bottom: 0px dotted #0E68DD;
}
#konten a:hover {
	color: #000;
}
#konten img {
	max-width:500px;
	height: inherit;
	width:expression(document.body.clientWidth > 500? "500px": "auto" );
}

#konten table td img {
	max-width:90%;
	padding:5px;
	border: 1px solid #999;
	background: #f5f5f5;
	height: inherit;
}
#konten ul {
	margin: 10px 0;
}
#konten ul li {
	margin: 5px 0 0 15px;
	list-style: disc;
}
#konten ul ul li {
	margin: 5px 0 0 15px;
	list-style: circle;
}
#konten ul ul ul li {
	margin: 5px 0 0 15px;
	list-style: square;
}
#konten ol {
	margin: 10px 0;
}
#konten ol li {
	margin: 5px 0 0 15px;
	list-style: decimal;
}
#konten ol ol li {
	margin: 5px 0 0 15px;
	list-style: lower-alpha;
}
#konten ol ol ol li {
	margin: 5px 0 0 15px;
	list-style: lower-roman;
}
#konten table {
	border-colapse:seperate;
}