body{
    margin:0;
    padding:0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    margin-top:4px;
    margin-bottom:4px;
    background-color: #C9C4B1;
    background-image: url('../images/bg2.jpg');
    background-repeat: repeat-x;
    background-position: top;
    background-attachment: fixed; 
}
p,li{
    font-size:11px;
    line-height:17px;
}
#wrap{
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
    margin-bottom:0;
    text-align: center;
    padding:0;
    background: url('../images/bg.jpg') repeat-y center;
    border: 10px solid white;
}
#head{
    width: 100%;
    background-color: #403434;
    padding: 50px 0px;
    text-align: left;
    background: url('../images/masillia-villa-bali.jpg') no-repeat;
    text-shadow: 1px 1px 1px #000;
}
#web-title{
    margin-left:70px;
}
#web-title h1{
    margin:0;
    padding:1px 1px 1px 30px;
    font-size: 25px;
    color: #fff;
}
#web-title p{
    margin:0;
    padding:1px 1px 1px 45px;
    font-size: 14px;
    color: #fff;
}
#menu{
    font-size: 11px;
    width: 100%;
    text-align: right;
    background: #2F1E0E;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#menu ul{
    padding:10px 0px;
    margin:0;
}
#menu ul li{
    display: inline;
    padding:0;
    margin:0;
    text-transform: uppercase;
}
#menu ul li a{
    text-decoration: none;
    padding:10px 8px 10px 8px;
    margin:0;
    color: #ddd;
    font-size: 12px;
}
#menu ul li a:hover{
    color: #fff;
    background: #654E2E;
    text-shadow: 1px 1px 1px #000;
}
#lf{
   float: left;
   width: 560px;
   margin:0;
   padding:0;
}
#lf *{
    text-align: justify;
}
#lf hr{
    clear: left;
    padding: 5px 0px;
    width:530px;
}
.bdr{
    border: none;
    border-top: 1px solid #858585;
    width: 90%;
}
.no-bdr{
    border: none;
}
#lf h2, #lf h3, #lf ul, #lf p, #lf hr{
    margin:10px 15px 10px 15px;
}
#lf h2, #lf h2 a, #lf h3 a, #lf ul li a{
    color:#4B3319;
}
#lf h2{
    font-size:16px;
}
#lf h3{
    font-size:14px;
}

#lf p, #lf li{
    word-spacing: 0.15em;
    color: #222;
}
#lf ul li a{
    text-decoration: none;
    font-weight: bold;
}
#lf p a{
    font-weight: bold;
    color: #ee7506;
    text-decoration: none;
}
#lf p a:hover{
    color: #d23a20;
}

#lf h2 a{
    text-decoration: none;
    font-size: 16px;
}
#lf ul{
    padding:0;
}
#lf li{
    padding:0;
    margin-left:15px;
}
#lf fieldset{
    border: none;
}
#lf fieldset legend{
    display: none;
}
#lf fieldset label{
    float: left;
    width: 150px;
    text-align: right;
    font-size: 11px;
}
#lf textarea{
    height:100px;
}
#lf fieldset input, #lf fieldset textarea{
    width: 200px;
}
#lf fieldset input,#lf fieldset textarea, #lf fieldset select{
    float: left;
    text-align:left;
    margin: 2px;
    padding: 2px;
    font-size:11px;
}
#lf fieldset br{
    clear: left;
    margin:3px 0px;
}

#rg{
    float: right;
    width: 248px;
    text-align: left;
}
#footer{
    clear: both;
    width: 100%;
    background: #2F1E0E;
    padding: 10px 0px;
    font-size: 11px;
    color: #eee;
}
#footer p{
    line-height: 17px;
}
#footer a{
    color: #fff;
    text-decoration: none;
}
#footer a:hover{
    text-decoration: underline;
}


.lf-thumb{
    width:120px;
    padding: 4px;
    background: white;
    border: 1px solid #c8c8c8;
    float: left;
    margin: 0px 8px 8px 0px;
}
.lf-img{
    width: 570px;
    padding:0;
    margin:0;
}

.thumbs {
    text-decoration: none;
    border: none;
}
.thumbs img{
    width:140px;
    height:80px;
    margin: 3px;
    border: 0px solid #d6d6d6;
    text-decoration: none;
    padding:2px;
    background: white;
}

.wg{
    margin:8px;
    padding:0;
    border-bottom: 1px solid #dfdfdf;
    color: #fff;
}
.wg h2{
    margin: 2px;
    padding:4px 0px;
    font-size: 14px;
    color: #fff;
}
.wg a{
    padding: 2px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}
.wg a:hover{
    color: #000;
    text-decoration: underline;
}
.wg a img{
    margin:10px 0px;
    padding:0;
}
.wg p{
    margin: 2px;
    padding:2px;
    font-size: 11px;
    color: #fff;
    letter-spacing:0.01em;
    word-spacing: 0.08em;
}
.wg ul{
    margin:0;
    padding:0;
}
.wg li{
    list-style: none;
    font-size: 11px;
    padding: 2px 2px 6px 2px;
    margin-left: 4px;
    line-height: 16px;
}
.wg form{
    margin:0;padding:0;
}
.wg-input{
    font-family: Arial, Helvetica, sans-serif;
    padding:4px;
    margin: 2px 0px;
    width: 210px;
    border: 1px solid #fff;
    color: #fff;
    overflow: visible;
    font-size: 11px;
    background-color: #C9C4B1;
}

.small{
    font-size:10px;
    color:#808000;
}
.btn{
    padding: 2px 4px;
    margin: 2px;
    border: 1px solid #bebebe;
    cursor: pointer;
    background: #474546;
    color: #e6e6e6;
    font-size: 11px;
    font-weight: bold;
}
.motto {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: white;
}
.table-rates{
    font-size: 11px;
}
.table-rates th{
    background: #666;
}
.table-rates tr{
    background: #E0E4E9
}
.zebra{
    background: #999;
}
.red{
    color: #FF0000
}
.bold{
    font-weight: bold;
}