*{ 
	padding		: 0;
	margin		: 0;
	box-sizing	: border-box;}

body{
	background	: #FFF;
	font-family	: 'Helvetica', arial, sans-serif;
	font-size	: 15px;}

.container{
	max-width	: 1080px;
	margin		: 0 auto;
	background	: #FFF;
	overflow	: hidden;
	padding		: 0;}

.header{
	border	: 0 solid #dedede;
	padding	: 0;
	margin	: 0;}
	.header img{
		max-width:	: 100%;
		height		: auto;}
	.header a{
		font-weight	: bold;}
		
.menu{
	border	: 0 solid #dedede;
	padding	: 0;
	margin	: 0;}

.bawahmenu{
	padding		: 0;
	margin-top	: 3px;
	margin-bottom:-20px;}

/* Main */
.main{
	overflow	:hidden;		
	background	:none;}	
	.left {   
   	 	float		:left;
   		width		:100%;
		padding		:0px;
		margin-top	:10px;}
		.kiri {
    		float		:left;
   			width		:255px;}
		.tengah {
    		float		:left;
   			width		:800px;
			margin-left	:10px;
			background	:#FFF;}	
		.isi {   
   	 		float			:left;
   			width			:100%;
			padding			:0px;}	
			.isi ol{
				margin:20px;
				margin-top:5px}
			.isi ol li{
				list-style-type:Decimal;
				padding-left:1px;
				margin:5px 0 0 20px}
			.isi ul li{
				list-style-type:Disc;
				padding-left:1px;
				margin:5px 0 0 20px}

			.widget .isi-body ul {
				padding: 0 1em;
				margin: 0.5em;
				line-height: 1.3;}
	.right {
    	float		:left;
   		width		:290px;
    	padding-left:10px;
		padding-top	:10px;}
			
.hitam {
	background	:#000;}

.putih {
	background	:#FFF;
	border-bottom:#000000;}

.kotak {
	padding: 0px;}
	
.jarak {
	padding:5px 10px 10px 10px;}

.jarak2 {
	padding:0px 10px 0px 0px;}

.jarak3 {
	padding:0px 10px 0px 10px;}
	
.jarak4 {
	padding:5px 5px 0px 5px;}
	

.footer{
	width		: 100%;
	height		: 30px;
	background	: #003366;}
	.footleft{
		float		: left;
		width		: 880px;
		height		: 30px;
		padding		: 7px;
		background	: #003366;}
	.footright{
		float		: right;
		width		: 195px;
		height		: 30px;
		padding		: 0px;
		background	: #003366;}
	
/* Button Image */	
.testimonibuttonimage{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	text-shadow		:0 1px 2px rgba(0,0,0,.5);
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#E0E0E0 #E0E0E0 #F9F9F9;
	background		:linear-gradient(#666, #000);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	padding			:10px 12px;
	text-align		:left;
	width 			:333px;
	margin			:10px;}
.testimonibuttonimage:hover{
	background		:linear-gradient(#2B2E30, #041E38);}
	
/*************
KREATIF KEPALA
*************/

.sub1 {   
   	float		:left;
   	width		:100%;
	padding-top	:5px;			
	background-image: linear-gradient(to right, #660000, #FF0000);}
	.kepala1 {
		float				: left;
		border-bottom		: 5px solid #FFF;
		border-bottom-width	: thick;
		margin-left			: 15px;
		height				: 30px;
		color				: #FFF;
		font-family			: Arial, Helvetica, sans-serif;
		font-size			: 16px;
		font-weight			: bold;
		line-height			: 25px;}
	.kepala2 {
		float			: right;
		margin-top		: -10px;
		height			: 30px;
		color			: #FFF;
		line-height		: 25px;}

.sub2 {   
   	float			:left;
   	width			:100%;
	padding-top		:5px;
	border-bottom	:1px solid #CCCCCC;
	margin-bottom 	:20px;}
	.kepala1a {
		float				: left;
		border-bottom		: 5px solid #990000;
		border-bottom-width	: thick;
		margin-left			: 15px;
		height				: 30px;
		color				: #333;
		font-family			: Arial, Helvetica, sans-serif;
		font-size			: 20px;
		font-weight			: bold;
		line-height			: 25px;}
	
/****
TABLE
****/

.table, th, td {
	padding			:4px 0px;
	vertical-align	:top;
	position		:inherit;
	bottom			:0px;
}

/************************************************************************************
GARIS
*************************************************************************************/
 
.line {border-top: 1px solid #afbcc6;}

.line2 {
	border-top: 1px dashed #CCCCCC;}
	
.line3 {
	border-top: 1px solid #666;}
.line4 {
	border-top: 1px solid #CCC;}

/*******************************************************/

#more{
    background: none repeat scroll 0 0 #666;
    color: #fff;
    display: none;
    font-weight: bold;
    left: 1000px;
    padding: 10px;
    position: fixed;
    bottom: 100px;
    z-index: 99999;
}
#no-more{
    background: none repeat scroll 0 0 #666;
    color: #fff;
    display: none;
    font-weight: bold;
    left: 1000px;
    padding: 10px;
    position: fixed;
    bottom: 100px;
    z-index: 99999;
}
	
/***************/
#tombolScrollTop
{
	cursor		:pointer;
	position	:fixed;
	left		:90%;
	bottom		:50px;
	font-size	:30px;
	border 		:none;
	background 	:none; 
}

/*******BUTON TAB********/

btntab1{
	font-family 	:'Freight Sans Bold', Helvetica, Arial, sans-serif;
    font-size 		:14px;
    letter-spacing 	:normal;
    text-rendering 	:optimizelegibility;
    /* Mengatur border bawah */
    color 			:#333;
    cursor 			:pointer;
    display 		:inline-block;
    position 		:static;
    text-align 		:center;
    margin 			:5px;}
btntab1:hover{
	border-bottom 	:3px solid transparent;
    border-bottom-color:#990000;}

btntab2{
	font-family 	:'Freight Sans Bold', Helvetica, Arial, sans-serif;
    font-size 		:14px;
    letter-spacing 	:normal;
    text-rendering 	:optimizelegibility;
    /* Mengatur border bawah */
    border-bottom 	:3px solid transparent;
    border-bottom-color:#990000;
    color 			:#333;
    cursor 			:pointer;
    display 		:inline-block;
    position 		:static;
    text-align 		:center;
    margin 			:5px;}
btntab2:hover{}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* untuk ukuran 1080px kebawah */

@media screen and (max-width: 1095px){
			
	.left {width	:100%;}
		.headline {   
			padding			:5px;
			margin-top		:5px;
			margin-bottom	:5px;}
	.tengah {
    	float			:left;
   		width			:100%;
		margin-left		:0px;
		background		:#FFF;}	
		.kiri {
    		float			:left;
   			width			:100%;}
	.right {
    		float			:left;
   			width			:100%;
			padding-bottom:10px}
		
	.footleft {
		width		: 100%;
		text-align	: center;}
	
	.footright {
		width		: 100%;
		height		: 35px;
		text-align	: center;}
	/* Hilangkan */
	.iklanhilang{display:none;}
	.kiri2 		{display:none;}
	
}

@media screen and (max-width: 700px){	
	.isi {padding	:10px;}
	
	.testimonibuttonimage{
		width 			:100%;
		margin			:10px;
		text-align: center;}

	.kiri 		{display:none;}
}