@charset "utf-8";

header, mnwrap, wrap, footer{display:inline-block;}

/*------------------------------
header
------------------------------*/
header{width:960px;font-size:10px;text-align:left;line-height:1.4;margin:-5px 0 0 60px;}
mnwrap{width:960px;font-size:10px;text-align:left;line-height:1.4;}
#menu{height: 57px;background: #e2ae32 url(../img/menu_bg.jpg) left top repeat-x;color:#000;font-size: 20px;font-weight: bold;}
#top{width:100%;height:135px;background:#073f4c url(../img/top_bg.jpg) left bottom repeat-x}
*:first-child+html #top{/*ie6*/height:135px;overflow:hidden}
* html body #top{/*ie7*/height:135px;overflow:hidden;}
#mid{width:100%;background:url(../img/mid_bg.jpg) left top repeat-x;}
wrap{width:960px;text-align:left;padding:10px 0 0 35px;background:url(../img/wrap_bg.jpg) left top no-repeat;}

/* header menu */
#menu ul{width: 936px;height: 57px;list-style-type: none;}
#menu ul li{float:left;height:57px;width:156px;}
#menu ul li a{background:url(../img/menu.jpg) no-repeat left top;height:57px;width:156px;display:block;}
#menu ul li.m01 a{background-position:0 0;}
#menu ul li.m01 a:hover{background-position:0 -57px;}
#menu ul li.m01 a.on{background-position:0 -114px;}
#menu ul li.m02 a{background-position:-156px 0;}
#menu ul li.m02 a:hover{background-position:-156px -57px;}
#menu ul li.m02 a.on{background-position:-156px -114px;}
#menu ul li.m03 a{background-position:-312px 0;}
#menu ul li.m03 a:hover{background-position:-312px -57px;}
#menu ul li.m03 a.on{background-position:-312px -114px;}
#menu ul li.m04 a{background-position:-468px 0;}
#menu ul li.m04 a:hover{background-position:-468px -57px;}
#menu ul li.m04 a.on{background-position:-468px -114px;}
#menu ul li.m05 a{background-position:-624px 0;}
#menu ul li.m05 a:hover{background-position:-624px -57px;}
#menu ul li.m05 a.on{background-position:-624px -114px;}
#menu ul li.m06 a{background-position:-780px 0;}
#menu ul li.m06 a:hover{background-position:-780px -57px;}
#menu ul li.m06 a.on{background-position:-780px -114px;}

/* coupon&info */
#coupon{position:relative;float:left;left:700px;top:-133px;}
#inf{position:relative;float:left;left:50px;top:-85px;}

/*------------------------------
contents
------------------------------*/
#cnt{float:left;width: 690px;padding:10px 10px 10px -35px; margin: 0 10px 0 -5px;}
#cnt_h{height: 59px;background:url(../img/cnt_h.gif) left top no-repeat;}
#cnt_h h2 img{margin:20px 0 0 20px;}
#cnt_m{background:url(../img/cnt_m.gif) left top repeat-y;padding: 2px 20px;}
#cnt_m h3{height:35px;margin-top: 10px;padding:6px 0 0 16px;font-size:15px;font-weight:lighter;letter-spacing:.1em;color:#0b220e;background:url(../img/h3_bg.gif) left top no-repeat;}
#cnt_m h4{margin-top:10px;font-size:14px;font-weight:lighter;}
#cnt_m h4.cal{background:#e1f592 url(../../shop/img/arrow.gif) left top no-repeat;padding:10px 0 10px 25px;color:#0b220e;border:1px dotted #0a310f; width:315px; margin:10px 10px 0 0;float:right;line-height:10px}
#cnt_m h4.cal2{background:#e1f592 url(../../shop/img/arrow.gif) left top no-repeat;padding:10px 0 10px 25px;color:#0b220e;border:1px dotted #0a310f; width:605px; margin:10px 10px 0 20px;float:right;line-height:10px}
#cnt_m p.cal{font-size:11px;width: 305px;padding:5px 15px; border:1px dotted #0a310f;margin:5px 10px 0 0;float:right;}
#cnt_m p.cal2{font-size:11px;width: 560px;padding:5px 10px; border:1px dotted #0a310f;margin:5px 32px 0 0;float:right;}
*:first-child+html #cnt_m p.cal2{/*ie6*/margin-right:15px}
* html body #cnt_m p.cal2{/*ie7*/margin-right:15px}
#cnt_m p.eve{font-size:11px;width:265px;padding:5px 10px; border:1px dotted #0a310f;margin:5px 5px 5px 10px;float:left}
#cnt_m p.cap{background:#e1f592;color:#0b220e;font-size:12px;width: 570px;padding:10px 15px; border:1px dotted #0b220e;margin:10px 10px 0 20px;}
#cnt_m p.cap2{background:#e1f592 url(../../ubud/img/arrow.gif) left top no-repeat;height: 20px;padding:6px 0 0 25px;color:#0b220e;border:1px dotted #c3ae7a; width:150px; margin: 10px 0 5px 20px;}
#cnt_m p.res{float:left;width:250px;margin:10px}
#cnt_m dl{width: 560px;margin:0;}
#cnt_m dl dt {clear:both;width: 90px;float:left;padding:0;margin:0 0 5px 0;font-size:12px;line-height:1.5em}
#cnt_m dl dt.com{text-align:center;padding:2px 0;margin: 5px 10px 5px 0}
#cnt_m dl dd {width: 445px;float:left;margin:0 0 5px 0;font-size:12px}
#cnt_m dl dd.com{padding:2px 0;margin:5px 10px 5px 0;float:left;font-size:12px}
#cnt_m dl dd a {color: #A65303}
#cnt_b,#cnt_b2{height: 16px;background:url(../img/cnt_b.gif) left top no-repeat}
*:first-child+html #cnt_b2{/*ie6*/margin-top:-22px}
* html body #cnt_b2{/*ie7*/margin-top:-22px}

/* news */
#news{width:339px;float:left;color:#333;}
#nws_h{height: 61px;background:url(../img/news_h.gif) left top no-repeat;}
#nws_m{background:url(../img/news_m.gif) left top repeat-y;padding: 2px 15px;}
#nws_b{height: 12px;background:url(../img/news_b.gif) left top no-repeat;}

/* releaseList */
.releaseList{margin:0;padding: 0;}
.releaseList dt,.releaseList dd{margin: 0;padding: 0;}
.releaseList dt{padding:0;color: #666;font-weight: bolder;font-size: 13px;}
.releaseList dt img{margin: 0 2px;}
.releaseList dd{background: url("../img/arrow_g.gif") no-repeat 0 .45em;margin: 5px 0; padding: 0 0 7px 10px;border-bottom: 1px dotted #7da842;}
.releaseList dd.e{border: none; padding-bottom:20px;margin-bottom:0;}
.releaseList dd a, .releaseList dd a:link, .releaseList dd a:hover,a:visited{color: #7da842;text-decoration: none;}
.releaseList .releaseIcon{vertical-align: -.1em;margin: 0 5px;}

/* blog*/
#blg{width:339px;float:left;color:#333;margin-left:10px}
#blg_h{height: 61px;background:url(../img/blog_h.gif) left top no-repeat;}
#blg_m{background:url(../img/blog_m.gif) left top repeat-y;padding: 2px 15px;}
#blg_b{height: 12px;background:url(../img/blog_b.gif) left top no-repeat;}

/* blog-rss */
.rss_box {height: 202px;overflow: hidden;margin: 0 0 0 -10px;padding:0;}
*:first-child+html .rss_box{/*ie6*/height:215px}
* html body .rss_box{/*ie7*/height:215px}
.rss_title, rss_title a {display:none;}
.rss_item  {padding: 0 0 10px 10px;font-size: 12px;color: #999;}
.rss_item a:link, .rss_item a:visited, .rss_item a:active.rss_item a:hover {
background: url("../img/arrow_b.gif") left top no-repeat ;font-size: 12px;color: #68a6c6;text-decoration : none;}
.rss_date {font-size: 11px;padding: 0 0 3px 80px;margin-bottom: 3px;color: #666;border-bottom: 1px dotted #999;}

/* banner */
#bnr{width:210px;float:left;margin-top: 2px}
#bnr img{margin-bottom: 7px;}

/* sitemap */
div.sm{width:300px;float:left;}
h4.sm{background:url(../img/smicon.gif) left top no-repeat;font-size:12px;margin:0;padding:2px 0px 0px 15px;color:#615c3f;line-height:1.2em}
h4.sm a,h4.sm,h4.sm a:link,h4.sm a:hover,h4.sm a:focus,h4.sm a:visited{color:#615c3f;}
ul.sm{margin: 5px 0 8px 0;padding: 5px 0 2px 0;background:none;border:none}
ul.sm li{background:url(../img/smicon2.gif) left top no-repeat;margin-left:20px;padding-left:14px;color:#615c3f;line-height:1.8em;}
ul.sm li a,ul.sm li a:hover,ul.sm li a:link,ul.sm li a:visited{color:#615c3f}

/* slide huck */
div.six{margin-top:-1740px}
*:first-child+html div.six{margin-top:-1620px}
* html body div.six{margin-top:-1620px}
div.five{margin-top:-1450px}
*:first-child+html div.five{margin-top:-1355px}
* html body div.five{margin-top:-1355px}
div.four{margin-top:-1160px}
*:first-child+html div.four/*ie6*/margin-top:-1230px}
* html body div.four{/*ie7*/margin-top:-1230px}
div.three{margin-top:-870px}
*:first-child+html div.three{/*ie6*/margin-top:-915px}
* html body div.three{/*ie7*/margin-top:-915px}
div.two{margin-top:-580px}
*:first-child+html div.two{/*ie6*/margin-top:-560px}
* html body div.two{/*ie7*/margin-top:-560px}

/* eventCal */
#eventCal {width:630px;overflow:hidden;margin:2px 0px 2px 10px;}
#eventCal table{font-size:11px;border-collapse:collapse;height:38px;font-weight:normal;width:630px;}
#eventCal td {font-weight:bolder;margin:0px;padding:2px;width:20px;border:solid 1px #877437;background-color:#f4e5b4;color:#877437;text-align:center;vertical-align:bottom;background-repeat:repeat-x;}
#eventCal td.on {background-image:url(../img/e_on.jpg);}
#eventCal td.onSat {background-image:url(../img/e_on_sat.jpg);color:#3995c8;}
#eventCal td.onSun {background-image:url(../img/e_on_sun.jpg);color:#fa6900;}
#eventCal td.offSat {background-image:url(../img/e_off_sat.jpg);color:#3995c8;}
#eventCal td.offSun {background-image:url(../img/e_off_sun.jpg);color:#fa6900;}

/*------------------------------
footer
------------------------------*/
#bottom{height:391px;background:url(../img/footer.jpg) bottom no-repeat;width:100%;}
footer {width:880px;text-align:right;padding-top:120px}
#bottom p#copyright {position:relative;bottom:-25px;left:0;font-size:10px;letter-spacing: .1em;color:#fff}
footer p{color:#fff;font-size:11px;line-height:1.5em;letter-spacing:.1em;}
footer p#pagescroll {position: relative;top:-40px;right: -2px;}
*:first-child+html footer p#pagescroll{/*ie6*/top:-40px}
* html body footer p#pagescroll{/*ie7*/top:-40px}
footer .logo{margin:10px 0;}
*:first-child+html footer .logo{/*ie6*/margin:20px 0 0 0}
* html body footer .logo{/*ie7*/margin:20px 0 0 0}

/* footer menu */
footer ul {float:right;color:#063a48;margin-top:0px;margin-right:140px}
footer li {display:inline;padding:0 10px;border-right:1px solid #063a48;}
footer li a,footer li a:link,footer li a:hover,footer li a:visited{color:#063a48;}
footer ul li.s {padding:0 10px 0 0;}
footer ul li.e {border-right:none;}

/* rollover */
footer .ro01{float:left;margin:20px 15px 15px 240px;}
*:first-child+html footer .ro01{/*ie6*/margin:20px 0 0 100px}
* html body footer .ro01{/*ie7*/margin:20px 0 0 100px}
footer .ro01 a{display:block;width:119px;height:40px;background:url(../img/company_btn.gif) no-repeat left top;font-size:1px;line-height:1px;textindent:-9999px;text-decoration:none;outline:none;}
footer .ro01 a:hover {background-position:left bottom;}
footer .ro02{float:left;margin:20px 0;}
*:first-child+html footer .ro02{/*ie6*/margin:20px 0 0 10px}
* html body footer .ro02{/*ie7*/margin:20px 0 0 10px}
footer .ro02 a {display:block;width:120px;height:41px;background:url(../img/sitemap_btn.gif) no-repeat left top;font-size:1px;line-height:1px;text-indent:-9999px;text-decoration:none;outline:none;}
footer .ro02 a:hover {background-position:left bottom;}