body{ background:#eaeaea url(../images/pool.jpg); padding:0; margin:0; font-family: "Arial", Helvetica, sans-serif; font-size:12px;  width:100%; height:100%}

.clear{clear:both}
.flleft{float:left}
.flright{float:right}

blockquote{
	background-color: #EAEAEA;
	padding:10px;
	background-repeat:no-repeat;
	margin-left:20px;
	padding-left:50px;
	background-image:url(../images/quotes.gif);
}

.paginav { 
	font-size: 1.2em; 
	padding-top: 20px; 
	display: block; float: left; 
	width: 100%; 
}

.paginav .current {
	margin: 2px;
	padding: 0pt;
	-moz-background-clip: border; 
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	font-weight: 600;
	color: #FFFFFF;
	float: left;
	text-align: center;
	width: 32px;
	height: 28px;
	line-height: 28px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: 14px;
}
.paginav a{
	margin: 2px;
	padding: 0pt;
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 56px;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}
.paginav a:hover {
	color: #FFFFFF;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 28px;
}

h1,h2,h3,h4 {font-family: Helvetica, sans-serif;  margin:0;padding:0; }
h1{font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.0em;}
h4 {font-size: 0.9em;}

a, a:link, a:visited {color:#c58c17; text-decoration: none;}
a:hover {color: #b35809; text-decoration:underline;}
a:active {color:#c58c17; text-decoration: none;}
a:active, a:focus {outline:0;}
a img{border:none}
ul{list-style:none; margin:0; padding:0}
.tanggal{font-size:small; color:#EC0000;}

.container{
	width:900px;
	margin:0 auto;
	}

.top{
	width:100%;
	height:93px;
	background:url(../images/ruwat_01.png);
	clear:both;
	}
.header{
	width:100%;
	background:url(../images/ruwat_02.png) repeat-y;
	}

.center{
	width:873px;
	height:163px;
	margin:0 auto;
	padding:10px 0;
	background:url(../images/ruwat_05.jpg) center no-repeat;
	
	}		

.menu{
	width:873px;
	height:40px;
	padding-bottom:10px;
	margin:0 auto;
	background:url(../images/ruwat_08.jpg) no-repeat
	}
.menu ul{
	margin-left:70px;
	font-size:1.4em;
	font-family: "Verdana", Helvetica, Sans-serif;
	}	

.menu ul li{
	display:block;
	float:left;
	margin:0 5px;
	}

.menu ul li a{
	display:block;
	padding:0 7px;
	line-height:40px;
	text-shadow: 0pt -1px 2px #000;	
	}

.menu ul li a:hover{
	color:#eaeaea;
	text-decoration:none;
	text-shadow: 2pt -1px 3px #000;
	background:#34722f;
	}

.menu ul li a:active{
	background:#eaeaea
	}	
	
.main-cont{
	float:left;
	width:100%;
	background:url(../images/ruwat_02.png) repeat-y;
	}
	
.main-left{
	float:left;
	margin-left:15px;
	width:635px;
	line-height:16px;
	min-height:400px;
	}

.main-left ul{
	list-style:circle;
	padding-left:27px;
	}	
	
	
h2.lhead{
	float:left;
	background:url(../images/h2_10.jpg) left no-repeat; 
	width:570px;
	height:37px;
	padding:13px 0 0 55px;
	margin-bottom:13px;
	font-family: "Trebuchet MS" , Helvetica, sans-serif;
	color:#68282B
	}

.main-right{
	float:right;
	margin-right:17px;
	width:222px;
	}
	
.sub-right{width:100%; 
		float:left; 
		margin-bottom:20px;
		margin-top:5px;		
		}

.head-right{
	float:left;
	width:100%;
	height:43px;
	background:url(../images/ruwat_11.jpg);
	}
	
.head-right h2{
	color:#10510D;
	padding:7px 0 0 32px;
	font-family: "Trebuchet Ms", Helvetica, sans-serif;
	}

.right-cont{
	background:url(../images/ruwat_14.gif) left repeat-y;
	padding:7px 3px;
	float:left;
	width:216px;
	}

.right-cont ul{
	list-style:url(../images/shape5.jpg);
	padding-left:30px;
	}	
.right-cont ul li{
	padding-bottom:6px;
	}
	
.newest{
	width:873px;
	margin:0 auto;
	background:url(../images/ruwat_20.jpg) center top no-repeat;
	padding-top:20px;
	min-height:100px;
	}

.footer{
	background:url(../images/foot_22.png);
	height:100px;
	width:100%
	}
.subfoot{
	width:80%;
	margin:0 auto;
	padding-top:30px;
	}

	
/*scrool dul*/	
.scrollable {

	float:left;
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;


	border:1px solid #ccc;
	background:url(../images/black-stripe.gif);
}

.gallery {
    padding: 0;
    margin: 0;
    border: 0px solid #EEE;
    overflow: hidden;
}

.gallery li {
	display: inline;
	float: left;
	list-style: none;
	
	width: 120px;
	height: 120px;
	
	vertical-align: middle;
	text-align: center;
	
	border: 1px dashed #66CCFF;
	background-color: #D2DDEA;
	margin: 0 20px 20px 0;
	overflow: hidden;
	
	display:table-cell; 
	vertical-align:middle;
}
.gallery li img { 
	display: inline-table;
	vertical-align: middle;
	overflow: hidden;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
* ul.gallery li img {
    display:table-cell; 
	vertical-align:middle;
}

.error{
	font-size: 11px;
	font-family: "Century Gothic", "Times New Roman", Times, serif;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	background-image: url(../images/stop.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
	border: 1px solid #FFFFFF;
}
.success{
	font-size: 11px;
	font-family: "Century Gothic", "Times New Roman", Times, serif;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	background-color: #DBFECF;
	border: 1px solid #9FFD42;
	background-image: url(../images/centang.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
	color: #000000;
}


.paginav { 
	font-size: 1.2em; 
	padding-top: 20px; 
	display: block; float: left; 
	width: 100%; 
}

.paginav .current {
	margin: 2px;
	padding: 0pt;
	-moz-background-clip: border; 
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	font-weight: 600;
	color: #FFFFFF;
	float: left;
	text-align: center;
	width: 32px;
	height: 28px;
	line-height: 28px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: 14px;
}
.paginav a:link, .paginav a:visited{
	margin: 2px;
	padding: 0pt;
	-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; 		color: rgb(51, 66, 0);
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 56px;
	font-size: 14px;
	font-weight: 600;
}
.paginav a:hover { 
-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
	color: rgb(34, 34, 34);
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 28px;
}
.forimage{
	padding:2% 1%; 
	border-bottom:1px solid #ccc; 
	width:97%;
	float:left;
	}
.forimage .image {
	float:left;
	margin:0 5px 0 0;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	cursor:pointer;
	width:130px;
	height:95px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}



.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

a.browse {
	background:url(../images/shape5.jpg) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

.kotakkan{
	margin:10px 25px;
	float:left;
	width:130px;
	min-height:150px;
	}

.detailed{
	float:left;
	padding-bottom:20px;
	margin-left:20px;
	}
	
.detailed img{
	margin:0 5px 0 10px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

/*form*/
label.labeled{
	float: left;
	width:150px;
	}
	
	
fieldset{
	width:100%;
	background:#eaeaea;
	}	
	
	
.text{
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

.button{
	position:relative;
	border:1px solid #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:#167f82;
	padding:7px 10px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	-moz-box-shadow: 0pt 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0pt 1px 3px rgba(0, 0, 0, 0.5);
	}	
.button:active{
	top:1px;
	}