/* GLOBAL */
body, html{ width: 100%; height: 100%; min-width: 1010px; min-height: 670px; max-height: 100%; margin: 0; }
body{ background: url(../img/inner_top_bg.png) right top repeat-x #FFFFFF; }
#wrapper{ overflow: hidden; position: relative; width: 100%; height: 100%; min-width: 1010px; min-height: 670px; max-height: 100%; background: url(../img/inner_top_bg.png) center bottom repeat-x; margin: 0; padding: 0; }

#main #content.gallery h2, #header #nav .gallery a{ color: #88AC2E; text-transform: uppercase; }
#main #content.cafe h2, #header #nav .cafe a{ color: #0098B3; text-transform: uppercase;  }
#main #content.house h2, #header #nav .house a{ color: #414042; text-transform: uppercase;  }
#main #content.gallery a{ color: #88AC2E; } #main #content.gallery a:hover{ color: #6a8523; }
#main #content.cafe a{ color: #0098B3; } #main #content.cafe a:hover{ color: #007488; }
#main #content.house a{ color: #414042; } #main #content.house a:hover{ color: #313032; }

/* IF MAINPAGE */
body.main{ background: url(../img/main_top_bg.png) center top repeat-x #FFFFFF; }
body.main #wrapper{ background: url(../img/main_bottom_bg.png) center bottom repeat-x; }

/* NAVS */
.hnav, .hnav li{ list-style: none; padding: 0; -moz-user-select: none; -khtml-user-select: none; zoom: 1; }
.hnav li{ -moz-user-select: none; -khtml-user-select: none; user-select: none; display: inline-block; margin-right: 5px; padding-left: 15px; background: url(../img/nav_border.png) center left no-repeat; }
.hnav.cafe li{ background: url(../img/nav_cafe_border.png) center left no-repeat; }
.hnav.gallery li{ background: url(../img/nav_gallery_border.png) center left no-repeat; }
.hnav li.last{ background: none; }
.hnav li a{ color: #666666; text-decoration: none; }
.hnav li.spacer{ margin-right: 10px; padding-left: 15px; }

/* PAGE */
#page{
    position: absolute;
    right: 50%; top: 50%;
    margin: -280px -500px 0 0;
    width: 1000px;
    overflow: hidden;
    height: 560px;
}


/* HEADER */
#header{ position: relative; width: 100%; height: 100px; overflow: hidden; }
#header #logo{ position: absolute; z-index: 200; top: 0px; right: 0px; width: 92px; height: 92px; }
#header #nav{ position: absolute; left: -15px; top: 25px; height: 19px; padding: 13px 0; text-align: right; }
#header #nav li{ font-size: 16px; }
#header #nav li a:hover{ opacity:0.5; filter:alpha(opacity=50); }
#header #nav li.selected a{ font-weight: bold; }

#header #nav .last{ margin-right: 0px; }

#header #social{ position: absolute; width: 150px; height: 16px; top: 68px; left: -2px;}


/* INTRO */
#intro{ position: absolute; width: 100%; height: 166px; top: 50%; margin-top: -120px; text-align: center; }
#intro .logos{ position: absolute; right: 50%; margin-right: -273px; width: 546px; text-align: center; }
#intro h1{ float: right; margin: 0 25px; width: 132px; }
#intro h1 img{ margin-bottom: 5px; }
#intro a,#intro a:hover{ text-decoration: none; color: #666666; font-size: 12px; line-height: 13px; }
#intro #new{ position: absolute; bottom: -95px; right: 0px; width: 100%; height: 22px; text-align: center; font-size: 14px; }
#intro #new b{ color: #c80000; font-weight: bold; font-size: 14px; }
#intro #new a{ font-size: 16px; }
#intro #slogen{ position: absolute; top: -98px; right: 0px; width: 100%; overflow: hidden; height: 50px; text-align: center; }
#intro #slogen h2{ display: none;  width: 100%; height: 30px; padding: 10px; background: #FFFFFF; text-align: center;  opacity:1; filter:alpha(opacity=100); overflow: visible; white-space: nowrap; font-weight: normal; font-size: 26px; color: #8f8c8f; }


/* MAIN CONTENT */
#main{ position: relative; width: 100%; height: 400px; background: #f0f0f0; }
#main .bg{ position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: #fafafa; }
#main .bg iframe{ width: 100%; height: 100%; }

#content-container{ position: absolute; z-index: 100; height: 400px; width: 400px; top: 0; right: 92px; }
#main #content-container .bg{ background: #FFFFFF; opacity: 0.95; filter:alpha(opacity=95); }
#main #content{ position: absolute; z-index: 100; height: 355px; width: 333px; top: 0; right: 0px; margin: 10px; padding: 15px 33px 10px 15px; overflow: hidden; }
#main #content h2{ margin-top: -5px; }

#main .bg.gallery iframe{ float: right; width: 245px; }
#main .bg.gallery .img{ float: left; width: 750px; height: 400px; }
#main .bg.gallery .img iframe{ width: 100%; height: 400px; }
#gallery_main_next,#gallery_main_prev{ cursor: pointer; position: absolute; top: 50%; margin-top: -38px; right: 50%; margin-right: 558px; height: 76px; width: 42px; background: url(../img/nav_gallery.png) center left no-repeat; }
#gallery_main_prev{ margin-right: -600px; background-position: center right; }

#main .bg.house{ overflow: hidden; width: 1002px; }
#main .bg.house li, #main .bg.house_gallery #subnav li{ background: none; margin: 0; padding: 0; }
#main .bg.house li, #main .bg.house_gallery #subnav li{ position: relative; float: right; width: 332px; height: 132px; margin: 0 2px 2px 0; background: #DDDDDD; overflow: hidden; }
#main .bg.house li div, #main .bg.house_gallery #subnav li div{ position: absolute; padding: 5px 10px; bottom: 0px; right: 0px; width: 312px; background: url(../img/alpha_black_bg.png); text-align: left; }
#main .bg.house li a, #main .bg.house_gallery #subnav li a{ color: #FFFFFF; font-size: 18px; font-weight: bold; }
#main .bg.house li img, #main .bg.house_gallery #subnav li img{ width: 100%; }
#subnav { margin-right: 5px; }

#main .bg.house_gallery{ background: #FFFFFF; }
#main .bg.house_gallery #gallery{ position: absolute; top: -10px; left: -10px; background: url(../img/house_gallery_bg.png); width: 640px; height: 420px; }
#main .bg.house_gallery #iframeimg{  -moz-user-select: none; -khtml-user-select: none; position: absolute; top: 20px; left: 20px; width: 600px; height: 380px; }
#main .bg.house_gallery #back{ position: absolute; top: 4px; right: 300px; font-size: 16px; font-weight: bold; text-decoration: none; }
#main .bg.house_gallery li{ display: block; float: left; background: url(../img/thumb_bg.png); width: 60px; height: 60px; padding: 8px;  margin: 0 -10px 10px 20px; cursor: pointer; }
#main .bg.house_gallery li span{ display: block; width: 60px; height: 60px; overflow: hidden; text-align: center;  cursor: pointer; }
#main .bg.house_gallery li a img{ opacity: 1; filter:alpha(opacity=100); }
#main .bg.house_gallery li a:hover img{ opacity: 0.75; filter:alpha(opacity=75); }
#main .bg.house_gallery li a.selected img{ opacity: .5; filter:alpha(opacity=50); }
#main .bg.house_gallery li img{ height: 100%; margin-right: -18px; }
#main .bg.house_gallery #content{ width: 350px; height: 320px; margin: 40px -5px 0 0; }
#main .bg.house_gallery #next, #main .bg.house_gallery #prev{ position: absolute; top: 190px; height: 50px; width: 30px; cursor: pointer; }
#main .bg.house_gallery #next{ left: 20px; }
#main .bg.house_gallery #prev{ right: 20px; }

#main #subnav{ position: absolute; z-index: 200; bottom: -24px; right: -10px; }
#main #subnav li{ font-size: 12px; }

/* MAIN CONTENT LIST */
ul.list, ul.list li{ padding: 0; margin: 0; list-style: none; }
ul.list li{ border-bottom: 1px solid #58595B; margin-bottom: 10px; }
ul.list li .thumb{ width: 135px; height: 100px; float: right; margin: 0 0 10px 10px; background: url(../img/thumb_bg.jpg); padding: 8px; }
ul.list li .desc{ float: right; width: 485px; }
ul.list li h4{ font-size: 16px; font-weight: bold; color: #BCA560; margin-bottom: 5px; }
ul.list li h5{ font-size: 14px; font-weight: bold; color: #FFFFFF; margin-bottom: 5px; }
ul.list li h4 a{ color: #BCA560; text-decoration: none; }
ul.list li.last{ border: none; margin-bottom: -15px; }


/* BOTTOM */
#bottom{ position: relative; width: 100%; height: 52px; margin-top: 10px; }
#bottom ul{ position: absolute; width: 124px; left: 0px; top: 0px;}
#bottom ul, #bottom li{ padding: 0; margin: 0; list-style: none; float: right; }
#bottom li{ margin-right: 10px; }
#bottom .slogen{ position: absolute; left: 140px; top: 18px; font-size: 18px; color: #8f8c8f; }


/* FOOTER */
#bfooter{ z-index: 99999999999999; cursor: pointer; position: absolute; bottom: 53px; right: 50%; margin-right: -500px; padding: 5px 2px 5px 5px; background: #fff; }
#bfooter *{ margin: 0; padding: 0; font-size: 12px; color: #666; white-space: nowrap; display: inline; font-weight: normal; }
#footer{ z-index: 99999999999999; background: #f4f4f4; position: absolute; bottom: -100%; right: 50%; margin-right: -500px; overflow: hidden; width: 980px;  font-size: 12px; line-height: 12px; color: #666; text-align: justify; padding: 10px; }
#footer #idus{ float: right; margin: 12px 10px; }
#footer #copyrights{ float: left; margin: 4px 10px; }
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{ font-weight: bold; font-size: inherit; margin: 0; padding: 0; color: #666;  }