/*

	Finansia Multi Finance- New Template for 2.1.0
	by Jhan David 
*/


body { 
margin:0px; 
padding:0; 
font: 78% Arial, Sans-Serif; 
color:#FFFFFF; 
line-height: 1.4em; 
 padding: 0px;
 border-top: solid 1px #fff;
 background: #fff url(images/pattern1.png) 0 0 repeat-x;
}

.content { 
	background:#FFCC00 repeat-y center;
	color:#FFFFFF; 
	margin: 0 auto; 
	padding: 0; 
	width: 780px;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header { 
	margin: 0; 
	width: 780px; 
	background:  #FFF url(../../../../images/header.gif) no-repeat center top;  
	height: 150px;  
}

#header .f_search { height:5px; float:left; padding:10px 30px 0 0; margin:5px 0px 5px 8px;color: #000000; }
#header .time { float: right; padding: 35px 30px 0 0; }
#header .title {	padding: 45px 0 0 50px; }


/* MAIN2
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main2 { background:#FFCC00; width: 780px; margin: 0; color:#000000; height:auto }  
#main2 .left_side { 
	padding:0px 0 0 0px; margin:0;
	width: 190px;
	height:250px;
	background-color:#FFCC00;
	border-right:#2c9fd8 1px dashed;  
}
#main2 .left_side2 { 
	padding:0px 0 0 0px; margin:0;
	width: 190px;
	height:609px;
	background-color:#FFCC00;
	border-right:#2c9fd8 1px dashed;  
}
#main2 .left_side2 .hitems { margin: 40px 0px 0px 0px; height:100px; width:184px; 	padding: 0px 3px 0 3px;  }
#main2 .left_side2 .hitems3 { margin: 0;  height:145px; width:145px; padding:80px 10px 30px 35px; }
#main2 .left_side .hitems4 { margin: 0;  height:200px; width:180px; padding:0px 5px 0px 5px; }
.kotakhitems4 { width:179px; height:23px; margin:0 6px 0 5px; padding:2px 0 0 0; color:#FFF; font-size:12px; text-align:center; background-color:#999;}
.isihitems4 { width:167px; height:150px; margin:0 4px 0 5px; padding:20px 0 0 10px; color:#000000; font-size:12px; text-align:left; background-color:#FFcc00;border-right: 1px solid #999;border-left: 1px solid #999;border-bottom: 1px solid #999;}

#main2 .left_side3 { 
	padding:0px 0 0 0px; margin:0;
	width: 190px;
	height:auto;
	background-color:#FFCC00;
	border-right:#2c9fd8 1px dashed;  
}
#main2 .left_side3 .hitems { margin: 40px 0px 0px 0px; height:110px; width:184px; 	padding: 0px 3px 0 3px;  }
#main2 .left_side3 .hitems3 { margin: 0;  height:145px; width:145px; padding:80px 10px 30px 35px; }
#main2 .left_side3 .hitems2 { margin: 0;  height:788px; width:190px; }
#main2 .left_side3 .hitems5 { margin: 0;  height:80px; width:190px; }
#main2 .left_side3 .hitems6 { margin: 0;  height:322px; width:190px; }
#main2 .left_side3 .hitems7 { margin: 0;  height:510px; width:190px; }
#main2 .left_side3 .hitems8 { margin: 0;  height:350px; width:190px; }
#main2 .left_side3 .hitems9 { margin: 0;  height:362px; width:190px; }
#main2 .left_side3 .hitems10 { margin: 0;  height:160px; width:190px; }

#main2 .right_side { float: right; width: 585px; height:auto; background:#FFCC00; padding:0px 0px 0 0; margin:0; }
#main2 .right_side .dalem1 { float:left; width: 585px; height:auto; background:#FFCC00; padding:0; margin:0; border-bottom: 1px dashed #2c9fd8; }
#main2 .right_side .dalem2 { float:left; width: 585px; height:auto; background:#FFCC00; padding:0; margin:0;}
#main2 .box  { float:left; background:#FFCC00; width:353px; height:165px; padding: 1px; }
#main2 .box2 { float:left; background:#FFCC00; width:210px; height:165px; margin:0 0 0 3px; padding: 1px; }

#main2 .box3 { float:left; background:#FFCC00; width:280px; height:290px; margin:0 0 0 0px; padding: 5px 0 0 0; }
#main2 .box4 { float:left; background:#FFCC00; width:285px; height:290px; margin:0 0 0 3px; padding: 5px 0 0 0; border-left: 1px dashed #2c9fd8; }

#main2 .box5 { float:left; background:#FFCC00; width:280px; height:365px; margin:0px; padding: 5px 0 0 0; }
#main2 .box6 { float:left; background:#FFCC00; width:285px; height:365px; margin:0 0 0 3px; padding: 5px 0 0 0; border-left: 1px dashed #2c9fd8; }

#main2 .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
.font{
	font: Arial, Sans-Serif;
	font-size:12px;

}
#main2 .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

#main2 .right_side p {
	margin: 0.55em 0px;
}
#main2 .right_side2 { float: right; width: 570px; height:850px; background:#FFCC00; padding:0px 10px 0 5px; margin:0; }
#main2 .right_side3 { float: right; width: 570px; height:auto; background:#FFCC00; padding:0px 10px 0 5px; margin:0; }

/* nav
----------------------------------*/
#nav { margin: 0;padding: 0;z-index: 30; height:auto; }
#nav li {margin: 0 5px 0 0;
	padding: 0 ;
	list-style: none;
	float: left;
	font: bold 12px arial;
	height:12px;
	border-right:#000000 1px solid;
}

#nav li a { 
display: block;
margin: 0 2px 0 0;
padding: 0px;
width:auto;
color:#000000;
text-align: center;
text-decoration: none}

#nav li a:hover { text-decoration:underline; color:#FF0000}
#nav .selected2 { border-top:#FF0000 2px solid}

#nav2 { margin: 0;padding: 0;z-index: 30; height:auto; }
#nav2 li {margin: 0 0px 0 0;
	padding: 2px ;
	list-style: none;
	float:right;
	font: 12px Arial, Sans-Serif;;
	height:12px;
}

#nav2 li a { 
display: block;
margin: 0 2px 0 0;
padding: 0px;
width:auto;
color:#000000;
text-align: center;
text-decoration: none}

#nav2 li a:hover { text-decoration:underline; color:#FF0000}

#nav3 { margin: 0;padding: 0;z-index: 30; height:auto;  }
#nav3 li {margin: 0;
	padding: 1px ;
	background:url(../../../../Banner/cabangall.gif) no-repeat;
	list-style:none;
	float:left;
	font:bold 12px arial;
	height:22px;
	width:240px;
}

#nav3 li a { 
display: block;
margin: 5px 2px 0 20px;
padding: 0px;
width:auto;
color:#000;
text-align:left;
text-decoration: none}

#nav3 li a:hover { text-decoration:underline; color:#FF0000}


/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer2 { 
	clear:both;
	height:5px;
	background-color:#C93;
	border-top:#666 1px solid;
	font-size:90%; 
	padding: 0;
	margin:0px; 
	text-align:center; 
}
#footer { 
	clear:both;
	height:auto;
	color:#000000;
	background-color:#2C9FD8;
	border-top:#666 1px solid;
	font-size:95%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { padding: 4px 0px 4px 0px; border-top:#66ccff 10px solid; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right;
}

/*etc*/
#yes { margin: 0 10px 0 10px;;padding:0 0px 0 0px; width:550px;}
#yes li {color:#000; margin:0px; padding:0px; text-align:justify;}

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
.column1-unit {width:570px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h1.side {clear:none;}
/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:840px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}