*{
margin:0;
padding:0;
}

body{
font-family: verdana, "frutiger linotype","lucida grande",helvetica,arial,sans-serif;
text-align:center;
color:#333;
font-size: 76%;
background: #f1fdd7 url(../img/bg.png) center top;
}

/* General Style Info */
a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#c6c65b;
padding-top: 0.5em;
margin:0.3em 0;
font-size: 180%;
}

h3{
color:#c6c65b;
padding-top:2em;
font-size: 140%;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 12px;
}

/* Layout */

#container{
text-align:left;
margin: auto;
width: 885px;
}

#header{
margin: 0;
padding: 0;
background: transparent url(../img/banner.png) center top no-repeat;
height: 325px;
}

#content{
clear:both;
padding: 0;
color: #333;
}
#footer{
clear:both;
padding: 10px;
text-align: right;
background: #6abb81;
}

#header ul {
display: block;
padding: 5px;
font-weight: bold;
font-size: 120%;
font-family: "frutiger linotype","lucida grande",helvetica,arial,sans-serif;

}

#header ul li {
display: inline;
margin: 8px;
}

#content img {
margin: 0;
padding: 0;
}


/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}


/* form elements */
form {
	margin: 0 10px 10px 0; padding: 15px;
	border: 1px solid #51a663; 
	background-color: #e4ebc7; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 3px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background-color: #f1fdd7;
}
textarea {
	width:350px;
	padding:3px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
	background-color: #f1fdd7;
}
input.button { 
	margin: 0; 
	margin-top: 10px;
	font: bolder 12px Verdana, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #f1fdd7;
	color: #75A54B;
}



/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}

#AddTestimonial {
float: right;
width: 420px;
}

#listTestimonial{
margin: 0 450px 10px 10px;
}

.comments {margin-top: 10px;}
.comment {padding: 10px;}
.oddComment {background: #e4ebc7;}
.comment span{
float: right;
font-size: 250%;
color: #d0d0d0;
}
.comment-author {font-weight: bold; padding: 2px; padding-left:20px; background:transparent url(../img/user.gif) no-repeat scroll left center;}
.comment-entry {margin: 5px 0px;}
.comment-date {background:transparent url(../img/clock.gif) no-repeat scroll left center; padding-left:20px;}

#content .galleries img{display: block; margin: 10px auto;}
#content .poto img {display: block; margin: 15px auto 5px;}

.galleries {margin: 0 10px;}
.galleries h3 {padding-top: 5px;}

.poto {float: left; width: 254px; height: 206px; margin: 15px; background: url(../img/bg_poto.png) no-repeat center center; text-align: center;}
.poto h3, {padding-top: 5px;}
.poto h3 a{color:#c6c65b; text-decoration: none;}
.poto h3 a:hover{text-decoration: underline;}

.navigasi{clear: both; margin: 10px 0; padding: 5px; text-align: right; background: #499e63; font-weight: bold;}
.navigasi a{padding: 5px; margin: 2px;}