/*  

Theme Name:Ocean Blue Hotel Bali

Theme URI:http://www.oceanbluehotelbali.com/

Description:Official website of <a href="http://www.oceanbluehotelbali.com">Ocean Blue Hotel Bali</a>.

Version:1.0

Author:agus.mailbox@yahoo.com

*/



* { margin:0; }

html, body { height:100%; }

body {

font-size:62.5%; /* Resets 1em to 10px */

font-family:Verdana, Arial, Helvetica, sans-serif;

line-height:1.8em;

background:#fff url("images/body_bg.jpg") repeat-x left top; /* gradient bg */

color:#333;

text-align:center;

margin:0;

padding:0; 

}



.nosp { clear:both; margin:0; padding:0; height:0; }

.sp5 { display:block; clear:both; height:5px; margin:0; padding:0; }

.grey { color:#ccc; }

.tools { display:block; margin:6px 0 0 400px; position:absolute; width:180px; height:16px; padding:5px; z-index:200; float:left; }

* html .tools { margin:15px 0 0 400px; }

.tools a { border:0; margin:0 0 0 13px; }

.tools img { margin:0; border:0; }



#header_disabled {

font-family:Arial, Helvetica, sans-serif;

width:100%;

height:24px;

padding:0;

background:#ffffcc url("images/ad_bg.gif") repeat-x left bottom; /* ad bg */

}



#header a:link, #header a:visited { color:#003; text-decoration:none; }

#header a:hover { color:#00f; text-decoration:underline; }

#header .box {

display:block;

width:790px;

height:18px;

margin:0 auto;

text-align:left;

background:url("images/stars.gif") no-repeat left top; /* 5 star */

}

#header .box h2 { margin-left:75px; padding-top:3px; font-size:1.1em; font-weight:normal; }



#googlelang { display:block; width:145px; height:25px; margin:60px 0 0 425px; overflow:hidden; z-index:2000; position:absolute; }

#googlelang #google_translate_element select { background-color:#ebeff0; color:#999479; border:1px solid #bfbba4; }



#wrap { 

padding-top:18px;

width:100%; 

min-height:100%;

height:auto !important;

height:100%;

margin:0 auto -12em; /* the bottom margin is the negative value of the footer's height */

background:transparent url("images/cloud.jpg") no-repeat center top; /* cloud bg */

}

* html #wrap { margin:0 auto -10.5em; }



#wrapper {

padding:0;

width:800px;

margin:0 auto;

text-align:left;

background:#f9f8f3 url("images/sidebar_bg.gif") repeat-y left top;

}



/* sidebar */

#sidebar { float:left; padding:0; width:214px; margin-top:0; }

* html #sidebar { margin-top:-18px; } /* IE6 */

html>body #sidebar {*margin-top:-18px; } /* IE7 */

html:not(:root:link) #sidebar { margin-top:-18px; } /* Chrome */



#sidebar h2 .logo { margin:0; padding:0; }



#sidebar h3 { text-align:center; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#ccc; }



#sidebar ul#navigation {

font-size:12px;

background:transparent url("images/menu_bg.jpg") no-repeat left top;

width:193px;

height:336px;

text-align:left;

list-style:none;

padding:13px 0 0 21px;

}



#sidebar ul#navigation li { display:block; }



#sidebar ul#navigation li a { 

margin:0 0 0 7px;

display:block;

width:157px;

padding:6px 0 7px 18px;

/*padding:0.6em 0 0.5em 1.5em; */ 

text-decoration:none;

color:#777;

border:1px 0;

}



#sidebar ul#navigation li#current a {

margin:0 0 0 7px;

display:block;

width:157px;

padding:6px 0 7px 18px;  

text-decoration:none;

color:#930;

font-weight:bold;

background:transparent url("images/menu_arr.gif") no-repeat right top; /* menu arrow */

border-top:1px solid transparent;

border-bottom:1px solid transparent;

}



* html #sidebar ul#navigation li#current a { border:1px 0 1px 0; }



#sidebar ul#navigation li a:hover {

padding:5px 0 6px 18px;

color:#600;

background-color:#f9f8f3;	

border-top:1px solid #ffe;

border-bottom:1px solid #ccc;

}



/* GIFT link - add class="gift" to apply in main sidebar menu */



#sidebar ul#navigation li a.gift {

margin:0 0 0 7px;

display:block;

width:157px;

padding:6px 0 7px 18px;

/*padding:0.6em 0 0.5em 1.5em; */ 

text-decoration:none;

color:#777;

background:url("images/gift-dw.gif") no-repeat right top;

border:1px 0;

}



#sidebar ul#navigation li#current a.gift {

margin:0 0 0 7px;

display:block;

width:157px;

padding:6px 0 7px 18px;  

text-decoration:none;

color:#930;

font-weight:bold;

background:transparent url("images/menu_arr.gif") no-repeat right top; /* menu arrow */

border-top:1px solid transparent;

border-bottom:1px solid transparent;

}



* html #sidebar ul#navigation li#current a.gift { border:1px 0 1px 0; }



#sidebar ul#navigation li a.gift:hover {

padding:5px 0 6px 18px;

color:#600;	

background:#f9f8f3 url("images/gift-up.gif") no-repeat right top;

border-top:1px solid #ffe;

border-bottom:1px solid #ccc;

}



/* END GIFT link*/



#sidebar .chat {

display:block;

clear:both;

margin:0 0 28px 28px;

line-height:27px;

padding:0;

font-size:1.1em;

width:176px;

max-width:176px;

background-color:#f9f8f3;

}



#sidebar .chat p { margin:0 0 0 13px; }

#sidebar .chat p img { margin:0 0 8px 0; }

#sidebar .newsletter {

display:block;

clear:both;

margin-left:28px;

padding:0;

font-size:1.1em;

width:186px;

max-width:186px;

min-height:230px;

background:#f7f2de url("images/newsletter_bg.jpg") repeat-y right top; /* newsletter bg */

}



#sidebar .bg {

display:block;

padding-bottom:21px;

margin:0;

min-height:230px;

background:url("images/paper.jpg") no-repeat right bottom; /* newsletter corner */

}

* html #sidebar .newsletter, * html  #sidebar .bg { height:230px; }

#sidebar .phplist { margin:0; padding:0; }

#sidebar .res_box { margin:0 0 13px 28px; width:175px; height:47px; }

#sidebar .lang { margin-left:40px; margin-bottom:21px; text-align:center; width:150px; font-size:1em; letter-spacing:0.1em; }

#sidebar .lang img { border:0; }

#sidebar .lang a:link, #sidebar .lang a:visited { text-decoration:none; border:none; color:#999; }

#sidebar .lang a:hover { text-decoration:underline; color:#00f; }

#sidebar .newsletter h5 { display:block; margin:0 auto 13px 12px; padding-top:13px; font-size:1.3em; }

#sidebar .newsletter p { margin:13px auto 0 12px; padding:0; }

#sidebar .newsletter form { margin:0; padding:0; }

* html #sidebar .newsletter form { margin:-18px 0; padding:0; }

#sidebar .newslt { overflow:hidden; width:148px; margin:0 0 21px 13px; padding:0; }

* html #sidebar .newslt { margin:0 0 0 13px; padding:0; }

#sidebar form .input { margin:0; color:#7e7e7e; font-size:1.1em; padding-left:3px; background-color:#f9f8f3; width:140px; height:15px; }

#sidebar form .submit { width:100px; background-color:#930; color:#fff; margin:13px 0 0 0; cursor:pointer; cursor:hand; }

#sidebar .required { width:147px; color:#f00; margin-bottom:8px; }



/* content */



#content { font-size:1.1em; float:right; width:586px; }

.linkz a:link, .linkz a:visited,

#content p a:link, #content p a:visited,

#content .weddings a:link, #content .weddings a:visited,

#content .pdf a:link, #content .pdf a:visited,

#content .wedpack a:link, #content .wedpack a:visited,

#content .listmenu a:link, #content .listmenu a:visited,

#content .listmenuspa a:link, #content .listmenuspa a:visited { color:#009; text-decoration:none; border-bottom:1px dashed #ccc; }

.linkz a:hover,

#content p a:hover,

#content .weddings a:hover,

#content .pdf a:hover,

#content .wedpack a:hover,

#content .listmenu a:hover,

#content .listmenuspa a:hover { color:#00f; text-decoration:underline; border:none; }

#content .submenu { font-size:1em; width:544px; height:27px; border-bottom:1px solid #ccc; }

#content .submenu a:link, 

#content .submenu a:visited { border:0; }

#content .submenu a.linkred:link, 

#content .submenu a.linkred:visited { color:#f00; }

#content .backtop { 

display:block;

text-align:right;

margin-right:27px;

clear:both;

padding:0 18px 0 0;

background:transparent url("images/backtop.gif") no-repeat right top;

}

#content .backtop a:link,

#content .backtop a:visited { color:#847a5e; text-decoration:none; }

#content .backtop a:hover { color:#930; text-decoration:underline; }

#content .isi { margin-left:15px; margin-top:27px; padding-bottom:36px; }

#content .isi img { border:0; }

#content p { margin-bottom:18px; }

#content p.home { margin:18px 0; }



/* special pack front */



#content #promo { margin:0; width:542px; clear:both; }

#content #promo .left { float:left; width:265px; margin-top:18px; }

#content #promo .right { float:right; width:265px; margin-top:18px; margin-bottom:72px; }

#content h1 { 

color:#930; 

font-size:16px;

font-family:Georgia, "Times New Roman", Times, serif; 

margin:36px 0 18px 0; 

}



#content h1.hide { 

color:#f9f8f3; 

font-size:16px;

font-family:Georgia, "Times New Roman", Times, serif; 

margin:36px 0 18px 0; 

}



#content p.ttlimg { margin:36px 0 18px 0; }

#content h2 { 

padding-left:32px;

border-bottom:1px solid #847a5e;

font-family:Georgia, "Times New Roman", Times, serif;

color:#67603c;

width:510px;

height:27px;

background:transparent url("images/bullet_leaf.gif") no-repeat left top; /* leaf bullet */ 

font-size:15px; 

margin:36px 0 0 0; 

}

#content h3 { font-size:12px; margin:21px 0 5px 0; }

#content .pageimg {width:545px; margin:21px 0; }

#content .pageimg .pad { margin-left:19px; }

#content .pdf {

display:block;

background:transparent url("images/pdf.gif") no-repeat left top;

padding-left:21px;

padding-bottom:21px;

}

#content ul, #content ol { font-size:1.1em; } 

#content ul.listmenu {

list-style-type:none;

margin:18px 0 18px 0;

text-indent:13px;

padding:13px 0;

width:330px;

background-color:#fff;

border:1px solid #e5e5e5;

line-height:1.6em;

}



#content ul.listmenuspa {

list-style-type:none;

margin:18px 0 18px 0;

text-indent:13px;

padding:13px 0;

width:420px;

background:#fff url("images/divya-spa.gif") no-repeat 220px center;

border:1px solid #e5e5e5;

line-height:1.6em;

}



#content a.grey:link, 

#content a.grey:visited, 

#content a.grey:hover { color:#999; border:0; text-decoration:none }

#content h4.uls { margin:0; padding:0; font-size:1.1em; }

#content ul.wedpack { display:block; margin:0 0 21px 14px; padding:0; }

* html #content ul.wedpack { margin-left:16px; padding:0; }

#content ul.wedpack lh { margin:0; background-color:#0099FF; padding:0; }

#content ol.tips {

width:490px;

margin:8px 0 18px 0;

padding:0 0 0 19px;

#padding:0 0 0 25px; /* IE 7 */

_padding:0 0 0 19px; /* IE 6 */

list-style-position:outside;

}



* html #content ol.tips li { margin-left:5px; }



/* -------- TABLES */



#content table { /* all table rules */ font-size:1.1em; border:0; }

#content table td { padding:3px 8px; }

#content table.distance { width:400px; text-align:center; }

#content table.venue { width:540px; text-align:center; }

#content table.weddings { width:540px; border:0; text-align:left; }

#content table .wedhead { color:#635e41; font:bold 16px Georgia, "Times New Roman", Times, serif; line-height:1.8em; }



/* table color */



#content .tblhead { background-color:#efe7cf; font-weight:bold; }

#content .r1 { background-color:#f4f4f4; }

#content .r2 { background-color:#fff; }

#content form.resv { margin:0; padding:8px; width:530px; background-color:#f7f2de; }

* html #content form.resv { margin:0; padding:18px 8px; }

#content .height51 { height:51px; }

#content form.resv table { width:524px; padding:18px 8px 8px 8px; }

#content form.resv .ical {width:18px; height:15px; cursor:pointer; border:1px solid #ccc; padding:1px;} 

#content form.resv .ical:hover {width:18px; height:15px; cursor:pointer; border:1px solid #930; background-color:#ccc; padding:1px;}



/* -------- END TABLES */



/* check button */



#content .check { background-color:#930; color:#fff; height:2em; width:18em; cursor:pointer; cursor:hand; }

#content ul.facts { margin:8px 0 21px 9px; padding:0; width:500px; } 

#content ul.facts li { text-indent:-9px; list-style-type:none; }

* html #content ul.facts { margin:8px 0 21px 0; padding-left:9px; width:500px; } 

* html #content ul.facts li { text-indent:-25px; list-style-position:inside;}

#content dl.policy dt { font-weight:bold; }

#content dl.policy { margin-top:18px; }

#content .terms { font-size:10px; }

#content hr { width:545px; margin:21px 0 0 0; }

#content p, 

#content p.fact { width:515px; font-size:1.1em; }

#content p.fact { margin-top:8px; }

#content .header {

width:586px;

height:121px;

background:transparent url("images/header.jpg") no-repeat right top; /* header bg */

}



#content #thumb { margin:399px 0 0 0; position:absolute; }

#content #thumb ul { margin:0 0 0 11px; padding:0; width:550px; list-style-type:none; }

#content #thumb li { display:inline; margin:0; padding:0; }

#content #thumb a { float:left; cursor:pointer; cursor:hand; }

#content #thumb a span { float:left; display:block; background-color:#e4e4e4; padding:4px; margin:0 8px 8px 0; }



/* Commented Backslash Hack hides rule from IE5-Mac \*/



#content #thumb a span {float:none;}



/* End IE5-Mac hack */



#content #thumb a:hover span { background-color:#d5d0b7; }

#content #menu {

font-family:Arial, Helvetica, sans-serif;

float:left;

margin-top:86px;

width:100%;

font-size:1.1em;

line-height:normal;

}



#content #menu ul { margin:0; padding:10px 10px 0 81px; list-style:none; }

#content #menu li { display:inline; margin:0; padding:0; }

#content #menu a {

float:left;

background:url("images/tableft.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#content #menu a span {

float:left;

display:block;

background:url("images/tabright.gif") no-repeat right top;

padding:5px 18px 5px 9px;

color:#666;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#content #menu a span { float:none; }

/* End IE5-Mac hack */



#content #menu a:hover { background-position:0% -25px; color:#930; }

#content #menu a:hover span { background-position:100% -25px; color:#930; }

#content #menu #current a { background-position:0% -25px; }

#content #menu #current a span { background-position:100% -25px; color:#930; }

#content .contact_error, #content .contact_success { display:block; width:480px; padding:13px 13px 13px 36px; margin-bottom:8px; color:#600; }

#content .contact_error { background:#ffc url("images/icon_alert.gif") no-repeat 16px center; }

#content .contact_success { background:#ffc url("images/icon_smile.gif") no-repeat 16px center; }



/* seo link */



#content p a.key:link, #content p a.key:visited, #content p a.key:hover { color:#333; text-decoration:none; border:0; }



/* footer */



#footer {

font-family:Arial, Helvetica, sans-serif;

padding:0;

background:#fff url("images/ft_bg.jpg") no-repeat left top;

margin:0 auto;

width:800px;

clear:both;

padding:53px 0 0 0;

color:#999;

height:12em;

overflow:hidden;

}



* html #footer { height:10.5em; padding:53px 0 15px 0; }



#footer .menu a:link, 

#footer .menu a:visited { color:#999; text-decoration:underline; }

#footer .address a:link, #footer .address a:visited { color:#999; text-decoration:none; }

#footer .copyright a:link, 

#footer .copyright a:visited { color:#bebebe; text-decoration:none; }

#footer .menu a:hover, 

#footer .address a:hover, 

#footer .copyright a:hover { color:#006; text-decoration:underline; }

#footer, .push { height:12em; /* .push must be the same height as .footer */ }

* html #footer, * html .push { height:10.5em; /* .push must be the same height as .footer */ }

html:not(:root:link) #footer { margin-top:120px; } /* push for Chrome */

#footer p.address { margin:8px 0; }

#footer p.copyright { font-size:0.9em; color:#bebebe; }

#footer .ftleft { display:inline; float:left; text-align:center; margin-left:8px; width:92px; }

#footer .ftright { display:inline; float:right; text-align:left; width:700px; }

#footer .ftleft, 

#footer .ftright { margin-bottom:-7px; display:inline; height:12em; background-color:#f4f4f4; }



#hotdeal { background-color:#ccc; width:544px; height:98px; display:block; }

.bigprice { font-size:16px; }

.bigprice2 { font-size:16px; line-height:1.8em; }

.orange { color:#f63; }

.sticker { display:block; width:261px; height:39px; background:#f9f8f3 url("images/stiker1.jpg") no-repeat left top; font-size:14px; color:#f4f4f4; padding:0; margin:0 0 21px 0; }

.sticker span { margin:0 0 0 8px; line-height:2.7em; }

.stickerA { display:block; width:261px; height:39px; background:#f9f8f3 url("images/stikerA.jpg") no-repeat left top; font-size:14px; color:#f4f4f4; padding:0; margin:0 0 21px 0; }

.stickerA span { margin:0 0 0 41px; line-height:2.7em; }

.stickerc { display:block; width:261px; height:39px; background:#f9f8f3 url("images/stiker3.jpg") no-repeat left top; font-size:13px; color:#f4f4f4; padding:0; margin:0 0 21px 0; }

.stickerc span { margin:0 0 0 27px; line-height:3.5em; }

.specialpack p { display:block; clear:both; margin:0; padding:0; }

.specialpack img { margin:0 12px 1px 0; }

p.bdeal { font-style:italic; font-size:10px; }



/* Print item */



p.judul { position:absolute; margin-right:-9999px; z-index:-100; height:0; display:none; }



/*...........Style Tamabahan...........*/



#cool {

 display:block;

 clear:both;

 margin-left:28px;

}



.menu_reservation{

 padding-top:8px;

 padding-bottom:8px;

 border: 1px solid #E1CFAA;

 -moz-border-radius: 4px;

 -khtml-border-radius: 4px;

 -webkit-border-radius: 4px;

 border-radius: 3px;

 background-color: #F7F2E8;

 margin-top:-8px;

 margin-left:29px;

 margin-bottom:18px;

 margin-right:0;

 text-align:center;

}



.menu_reservation select {

 background-color: #F0F0F0;

 font-size: 9px; 

}



.menu_reservation input.texta { margin-top:8px; cursor:pointer; cursor:hand; }



.form_srs{

 padding: 2px;

 border: 1px solid #E1CFAA;

 -moz-border-radius: 3px;

 -khtml-border-radius: 3px;

 -webkit-border-radius: 3px;

 border-radius: 3px;

 background-color: #F7F2E8;

 margin-right: 28px;

}



.form_srs select, input, textarea {

 background-color: #F0F0F0;

 font-size: 11px; 

}



/* clearfix */



.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.clearfix { display:inline-block; }

html[xmlns] .clearfix { display:block; }

* html .clearfix { height:1%; }