@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(images/bg-main.jpg) top left no-repeat;
	font:14px/1.3em Arial, Helvetica, sans-serif;
}

img{ border:0; }

#container{
	width:968px; margin:10px auto; border:0px solid #fff;
}
	.topSign{
		width:968px; height:270px; float:left; background:url(images/topsign.png) top left no-repeat;
	}

.mainWrap{
	width:966px; float:left; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; padding:0 0 50px 0;
}

.leftWrap{
	width:188px; float:left; margin:0 22px 0 13px; border:0px solid #000;
}
	.leftWrap img{ cursor:pointer; }
	
	.home{ margin: 0 0 26px 0;}
	.about{ margin: 0 0 19px 0; }
	.sugget{ margin: 0 0 20px 0;}
	.contact{ margin:0 0 10px 0; }
	

.rightWrap{
	width:720px; float:left; border:0px solid #000;
}
	.boxThumb{
		width:90px; height:68px; float:left
	}
	.boxThumb img{ border:0; }
	
	.boxWalk{
		border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;
		margin:3px 0 0 0; float:left; width:718px;
	}
		.boxWalk h2{
			font-size:18px;
			padding:0; margin:5px 0 20px 10px;
		}
		
		.walkContent{
			width:680px; margin: 0 0 0 25px; padding: 0 0 30px 0; border:0px solid #000;
		}
			.walkContent a{ color:#000; text-decoration:underline; }
			.walkContent a:hover{ text-decoration:none; }
			
			.formContent{
				font-size:12px; color:#777;
			}
				.inputPad{
					padding:5px;
				}
		
		
	.backHome{
		font-size:14px;
	}	
		.backHome a{ color:#990000; text-decoration:none;}
		.backHome a:hover{ text-decoration:underline; }
		
	.walkThumb{
		width:100%; float:left; background:#eeeef4;
	}
		.walkThumbBox{
			width:90px; height:68px; margin:0 15px 5px 0; float:left;
		}
		.walkThumbL{
			width:430px; float:left;
		}
		.walkThumbR{
			width:260px; float:left; font-size:14px;
		}
		
	
	.boxIcon{
		clear:both; width:700px; text-align:right; padding:10px;
	}
		.boxIcon img{ margin:0 10px 0 0; }
	
	
	.rightWrap a{
		color:#000; text-decoration:none;
	}
	.rightWrap a:hover{ text-decoration:underline; }
	
	
.footer{
	clear:both; text-align:right; padding:50px 30px 0px 0;
}	

	.footerNavi{
		width:547px; height:13px; background:url(images/footer-navi.jpg) top left no-repeat; float:right;
	}
	
		.footerHome{
			width:40px; float:left; height:13px; border:0px solid #000; cursor:pointer
		}
		.footerAbout{
			width:115px; float:left; height:13px; border:0px solid #000; cursor:pointer; margin:0 0 0 20px;
		}
		.footerSuggest{
			width:125px; float:left; height:13px; border:0px solid #000; cursor:pointer; margin:0 0 0 20px;
		}
		.footerContact{
			width:67px; float:left; height:13px; border:0px solid #000; cursor:pointer; margin:0 0 0 19px;
		}
		.footerPrivacy{
			width:120px; float:left; height:13px; border:0px solid #000; cursor:pointer; margin:0 0 0 19px;
		}
	
	.footerClear{
		clear:both; width:919px; height:100px;
	}
	

.errBox{
	width:90%; border:1px dotted #990000; background:#FFFFCC; color:#990000; padding:10px; font-weight:bold;
}
	.merah{ background:#aa3300; color:#fff; }
	.ijo{ background:#e3f5ce; color:#990000 }


.commentWrap{
	clear:both; margin:55px 0 0 0;
}
	.commentWrap h3{
		font-size:16px; text-decoration:underline;
	}
	

.testimonial{
	background:#fff; padding:10px; text-align:left; color:#000;
	clear:both; float:left; width:600px; margin-bottom:10px; margin-top:15px;
	border-bottom:1px solid #ccc;
}

.nomer{
	float:left; 
	font: italic normal 18px 'Times New Roman', Times, serif; 
	color:#000; 
	width:40px; 
	border-right:1px solid #000; 
	text-align:center;
}
.testi-name{
	float:left; width:500px; margin:0 0 0 10px; font: italic normal 18px 'Times New Roman', Times, serif; color:#000;
}

.testi-name a{
	color:#000;
	text-decoration:underline;
}
.testi-name a:hover{
	text-decoration:none;
}

.testi-content{
	 clear:both; padding:10px 0 0 0; width:600px; color:#000; font-size:14px;
}







.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}







/*slide*/
/*
	#heading {
		display: block;
		text-align: center;
		margin-bottom: 1em;
	}
	#heading * {
		display: inline;
		padding: 4px;
		user-select: none;
		cursor: pointer;
		vertical-align: middle;
	}
	#heading li.active {
		background-color: #66ccff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-opera-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	#panes {
		text-align: justify;
		border-style: none;
		width: 720px;
		margin: 0 auto 0 auto;
		border:0px solid #000
	}
	
	#previous { float: none; cursor: pointer; }
	#next { float: none; cursor: pointer; }
*/	
	
	
	
		#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
			border:0px solid #000;
			text-align:right;
		}
		#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			/*
			background-color: #66ccff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
			*/
		}
		
		#wrapper { border: 0px dotted gray; margin: 0; padding: 0; }
		
		#panes {
			text-align: justify;
			border-style: none;
			width: 720px;
			/*width: 245px;*/
			/*margin: 0 1em 0 1em;*/
			margin: 0 auto 0 auto;
		}
		
		#panes p {
		  width: 720px; /*600px*/
		  margin: 0 auto 0 auto;
		  line-height: 1.2em;
		}
		
		#panes div div { overflow: hidden; }
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }