/*
 Theme Name:Villa Walmi
 Description:Original theme for VillaWalmi.com - Seminyak Bali - The Hidden Paradise
 Author:I Putu Agus Prasetya
 Version:1.0.2
  
 Copyright 2009 agus.mailbox@yahoo.com
 
* html #sidebar { margin-top:-18px; }    /* IE6 
html>body #sidebar {*margin-top:-18px; } /* IE7
*/

* { margin:0; }
html, body { height: 100%; }
.wrapper {
 min-height: 100%;
 height:auto !important;
 height:100%;
 margin:0 auto -169px; /*4em;*/
 width:787px;
}
.footer, .push { height:4em; }

body {
 background:#fff url("images/bg.jpg") repeat-x left top; /*#f6f6e7*/
 color:#000;
 font:62.5% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif; /* Resets 1em to 10px */
 margin:0;
 padding:0;
 text-align:center;
}

#header {
 width:787px;
 height:240px;
 display:block;
 padding:0;
 margin:0 auto 27px auto;
 text-align:left;
 background:transparent url("images/hdbg.jpg") no-repeat right top;
}
.hdL { float:left; height:84px; width:222px; margin:0; padding:8px 0 0 15px; z-index:0; }
.hdR { float:right; height:84px; width:540px; margin:0; padding:0; text-align:right; z-index:2; }

.hdR ul { margin:0; padding:4px 36px 0 10px; list-style:none; }
.hdR ul li { display:inline; margin:0 0 0 27px; padding:0; }
.hdR ul li a { text-decoration:none; color:#716454; font-size:12px; }
.hdR ul li a.current { color:#000; }
.hdR ul li a:hover { text-decoration:underline; color:#251700; }

#contentwrap{
 float:left;
 width:787px;
 max-width:1050px;
 padding:0;
}

#content{
 margin:0 180px 0 189px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
 text-align:left;
 padding-top:1px;
 background:transparent url("images/ctbg.jpg") no-repeat center top;
}

.isi { 
 margin:18px 36px 18px 21px;
 padding-top:10px;
 font:1.2em normal Verdana, Arial, Helvetica, sans-serif;
 line-height:1.6em; 
 color:#4e4e4e; /*#583700;*/
}

.isi a.noline,
.isi a.noline:visited,
.isi a.noline:hover { text-decoration:none; border-bottom:none; }
.isi .bold { font-weight:normal; }

.isi h2 { font:21px normal Georgia, "Times New Roman", Times, serif; font-style:italic; /* "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/ color:#716454; margin:0 5px 18px 0; text-align:right; }

.isi h3 { font-size:14px; margin:27px 0 5px 0; padding:0; }

.isi p { margin:8px 0 12px 0; }
.isi p a, .isi #overBoxAll a { text-decoration:underline; color:#000; }
.isi p a:hover, .isi #overBoxAll a:hover { text-decoration:underline; color:#009; }

.isi ul { margin:0; padding:0 0 0 18px; }

.isi #overBox { width:574px; height:600px; z-index:10000; }
.isi .overBox { width:574px; height:500px; z-index:10000; }
.isi #overBoxAll { width:574px; z-index:10000; }
.isi #imgalery { width:574px; height:365px; overflow:hidden; }

/* rsvn form */
.isi #rsvnBox { width:574px; z-index:10000; }
.isi #rsvn { width:574px; overflow:hidden; }

.isi #rsvn .rsvntable { width:570px; font:12px normal Verdana, Arial, Helvetica, sans-serif; }
.isi #rsvn .rsvntable tr.rowhead { background-color:#e1e3ca; }
.isi #rsvn .rsvntable tr.row1 { background-color:#f4f4f4; }
.isi #rsvn .rsvntable tr.row2 { background-color:#f5f6e6; }
.isi #rsvn .rsvntable tr td { padding:3px 0 3px 8px; }
.isi #rsvn .rsvntable tr td input, .rsvntable tr td textarea, .rsvntable tr td select { border:1px solid #ccc; display:inline; }
.isi #rsvn .rsvntable tr td h3 { font-size:14px; margin:8px 0; padding:0; }

.backtop, .backtop2 { display:block; clear:both; padding:0 16px 0 0; width:370px; height:21px; text-align:right; font-size:11px; background:transparent url("images/backtop.gif") no-repeat right 4px; }
.backtop { margin:27px 8px 21px 0; }
.backtop2 { margin:0 8px 0 0; }

.isi span.backtop a, .isi span.backtop2 a { text-decoration:underline; color:#b3ac87; }
.isi span.backtop a:hover, .isi span.backtop2 a:hover { text-decoration:underline; color:#4e4e4e; }

table.ratetable { border:0; background-color:#f4f4f4; font-size:12px; line-height:1.6em; text-align:center; width:385px; }
table.ratetable .headrow { background-color:#e1e3ca; font-weight:bold; }
table.ratetable td.villa { width:90px; }
table.ratetable tr.row2 { background-color:#f5f6e6; }

form.cform input, form.cform select, form.cform textarea { border:1px solid #ccc; color:#4e4e4e; font-size:11px; padding:3px; background-color:#fff; }

.download { background:url("images/download.gif") no-repeat left center; padding:0 0 0 21px; }
.gearth { background:url("images/gearth.gif") no-repeat left center; padding:0 0 0 21px; }

#leftcolumn{ 
 float:left;
 text-align:left;
 font-size:1.2em; 
 width:180px; 
 margin-left:-778px; 
 padding:0; 
 z-index:1000;
}

.leftube { margin:0; }

/* begin navigation */
#leftcolumn .leftube ul#navigation {
 font-size:12px;
 list-style:none;
 padding:0;
 width:180px;
 margin:0;
 z-index:10000;
}

#leftcolumn .leftube ul#navigation li { display:block; height:30px; }

#leftcolumn .leftube ul#navigation li a {
 margin:0;
 display:block;
 padding:6px 0 7px 18px;
 text-decoration:none;
 color:#716454;
 background:transparent url("slide/menuline.gif") no-repeat left bottom;
}

#leftcolumn .leftube ul#navigation li#current a {
 margin:0;
 padding:6px 0 7px 32px; 
 background:transparent url("images/menubg.gif") no-repeat left top; 
 color:#251700;
 font-weight:bold;
 border-top:1px solid transparent;
 border-bottom:1px solid #e7e6e6;
}

#leftcolumn .leftube ul#navigation li a:hover {
 margin:0;
 padding:6px 0 7px 18px;
 color:#fff;
 background:url("images/menubar.gif") no-repeat left top; 
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#leftcolumn .leftube ul#navigation li a {
 margin:0;
 padding:10px 0 9px 18px;
 display:block;
 text-decoration:none;
 color:#716454;
 background:transparent url("slide/menuline.gif") no-repeat left bottom;
}
#leftcolumn .leftube ul#navigation li#current a {
 margin:0;
 padding:10px 0 9px 32px; 
 background:transparent url("images/menubg.gif") no-repeat left top; 
 color:#251700;
 font-weight:bold;
 border-top:1px solid transparent;
 border-bottom:1px solid #e7e6e6;
}
#leftcolumn .leftube ul#navigation li a:hover {
 margin:0;
 padding:10px 0 9px 18px;
 height:30px;
 color:#fff;
 background:url("images/menubar.gif") no-repeat left top; 
}
#leftcolumn .leftube ul#navigation li#current a:hover {
 margin:0;
 padding:10px 0 0 32px;
 height:20px;
}
}

/* for IE 6 */
* html #leftcolumn .leftube ul#navigation { padding-top:17px; }
* html #leftcolumn .leftube ul#navigation li a { 
 border-top:1px solid #f9fae8; 
 padding:5px 0 7px 18px;
 margin-top:-17px;
}
* html #leftcolumn .leftube ul#navigation li#current a { 
 border-top:1px solid #f9fae8;
}
* html #leftcolumn .leftube ul#navigation li a:hover { 
 border-top:1px solid #f9fae8;
}
/* end navigation */

#leftcolumn .box, #rightcolumn .box {
 font-size:10px;
 margin:27px 0;
 padding:10px;
 line-height:1.6em;
 color:#777;
 background-color:#f4f4f4;
}
#leftcolumn .box h3, #rightcolumn .box h3 { margin-bottom:8px; }
#leftcolumn .box a, #rightcolumn .box a { text-decoration:none; color:#777; }
#leftcolumn .box a:hover, #rightcolumn .box a:hover { text-decoration:underline; color:#930; }

#rightcolumn{
 float:left; 
 font-size:1.2em; 
 width:171px; 
 margin-left:-180px; 
 padding:0; 
 z-index:1000;
 text-align:right;
}

#rightcolumnMap{
 float:left; 
 width:171px;
 height:128px;
 margin-left:-180px; 
 padding:0; 
 z-index:1000;
 text-align:right;
 overflow:hidden;
}

#rightcolumnBlank{
 float:left;  
 width:171px;
 height:21px;
 margin-left:-180px; 
 padding:0; 
 z-index:1000;
 text-align:right;
 overflow:hidden;
}

.rightube { margin:0 10px 10px 10px; }
.tools { text-align:right; margin-right:-10px; }
.rightImg { width:150px; margin-left:11px; padding:0; text-align:center; }
.rightImg img { margin:18px 0; }
.rightImg a { text-decoration:none; color:#999; }
.rightImg a:hover { text-decoration:underline; color:#006; }

#footer{
 clear:left;
 display:block;
 width:787px;
 margin:0 auto;
 height:169px;
 text-align:right;
 padding:0;
 font-size:11px;
 background:transparent url("images/grassbg.jpg") no-repeat left bottom;
}
html>body #footer {*margin-top:21px; } /* IE7 */

#footer p { margin-right:30px; }

#footer .vcard {
 font-size:10px;
 margin:9px 21px 0 0;
 padding:10px;
 line-height:1.8em;
 color:#777;
}
#footer a { text-decoration:none; color:#777; }
#footer a:hover { text-decoration:underline; color:#58421f; }
#footer .vcard .given-name { font-weight:bold; }
#footer .vcard .street-address, #footer .vcard .tel, #footer .vcard .fax { display:inline; }
#footer a.credit { display:block; width:63px; height:18px; float:left; margin:31px 0 0 0; padding:0; overflow:hidden; cursor:pointer; cursor:hand; }
#footer a.credit span { display:none; }