body{
background: url(../images/background.jpg) repeat-x #eee;
font: normal medium "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color: #333;
margin:0 auto;
}
#all{  }
#header{
	background:url(../images/header.jpg);
	margin:0 auto; 
	width:740px;
	height:155px;
}
input, select, textarea {
	background: #FFFFFF;
	padding: 2px 5px 2px 4px;
	border: 1px groove #999999;
}
/*Bodi */
#body{
	background:url(../images/body.png);
	margin:0 auto; 
	width:740px;
}
#body h1,h2,h3{
	margin:0 0 0 0;
}
#body a{ color:#1a619b;}
#body a img{ color:#1a619b; border:none; }
#body a:hover{ color:#FF6600; }
#clear{ clear:both; }
#content{ padding:0 40px 20px 35px; }
#content .header{ padding:15px; }
#bfooter{
	margin:0 auto; 
	width:740px;
	height:100px;
	padding:10px 0 40px 0;
	text-align:center;
	color:#333;
}
#bfooter a{ color:#FF3300; }
#bfooter a:hover{ color:#FF0000; }

/**Bawah**/
#footer{
	background:url(../images/footer.jpg);
	margin:0 auto; 
	width:705px;
	height:40px;
	text-align:right;
	padding:8px 35px 0 0;
	color:#FFFFFF;
	font-size:16px;
	letter-spacing:-1.5px;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	color:#000000;
}
#TestiImgBox, #TestiImgBox img { width:120px; margin:0; padding:0 15px 0 0; float:left; }

/*Utility*/
.keliling{ border:1px solid #999999; }
.judul{ font-size:16px; font-weight:bold; }
#float{	width:225px; padding:10px; color:#555; }
#floatLayerfly { 
   position: absolute; 
   margin:150px 0 0 10px;
   left: 0px; 
   z-index: 10; 
   width:250px;
   display:none;
   text-decoration:none;
   background:url(../images/opt.jpg) bottom left no-repeat;
}
.optcontent{ height:250px; padding:30px 15px 10px 15px; }
#optHasil{ background:url(../images/iconbar2.png) no-repeat center; display:none; text-align:center; color:#FFFFFF; width:210px; height:70px; position:absolute }
#optnama { color:#999999; margin:10px 0 10px 0; width:185px }
#optemail { color:#999999; margin:0 0 10px 0;; width:185px }
#optsubmit { background:#eee ; margin-bottom:10px }
#opt{ width:225px; }
#topicon{
	position:absolute;
	margin:0 0 0 150px;
	width:20px;
}

#topicon a.newsletter {
display: block;
width: 20px;
height: 20px;
outline: none;
background: url("../images/trans.png") no-repeat 0 0;
}
#iconbar { height:20px; top:0; left:0; width: 20px; }
#iconbar li { float:left; position:relative; width: auto; display: block;}
#iconbar span {
	background: url("../images/iconbar.png") no-repeat 0 0;
	width: 110px;
	height: 30px;
	position: absolute;
	top: -30px;
	left: -5px;
	text-align: left;
	text-decoration:none;
	padding: 5px;
	display: none;
	line-height:110%;
	color:#FFFFFF;
	cursor:default;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
}
#suksessimpan{ background:#bee980; padding:5px; }
#gagalsimpan{ background:#FF6666; padding:5px; }