@charset "utf-8";
body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
h1 {
    color: #AF8620;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-variant: normal;
    font-weight: lighter;
}
h2 {
    font-size: 150%;
}
img {
    border: medium none;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.clear {
    clear: both;
}
#main {
    background-color: #FFFFFF;
    height: auto;
    margin: 0 auto;
    width: 980px;
}
#header-home {
    height: 350px;
    z-index: 0;
}
#darkbar {
    margin-left: 0;
    margin-top: 34px;
    position: absolute;
    z-index: 5;
}
#logo {
    height: auto;
    margin-left: 20px;
    margin-top: -207px;
    position: absolute;
    width: 154px;
    z-index: 10;
}
#timemap {
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    height: auto;
    margin-left: 550px;
    margin-top: -197px;
    position: absolute;
    width: 380px;
    z-index: 20;
}
.timeweather {
    float: right;
    height: 34px;
}
.localtime {
    float: right;
    height: 24px;
    padding-top: 10px;
    width: auto;
}
.batastime {
    background-color: #FFFFFF;
    float: right;
    height: 34px;
    margin-left: 5px;
    margin-right: 5px;
    width: 2px;
}
.weather {
    float: right;
    padding-top: 10px;
    text-align: right;
    width: auto;
}
.pageContent {
    text-align: center;
    width: 240px;
}
.accordion {
    border-left: medium none;
    border-top: medium none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.accordion ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.accordion li {
    background: url("../map-open_03.png") no-repeat scroll center top transparent;
    display: block;
    float: right;
    list-style-type: none;
    margin: 0;
    padding-top: 4px;
    text-align: center;
    width: 100%;
}
.accordion li.active > a {
}
.accordion li div {
    display: block;
    float: left;
    margin-top: 0 !important;
    padding: 0;
    width: 240px;
}
.accordion a {
    background: url("../map-open_00.png") no-repeat scroll right top transparent;
    color: #222222;
    cursor: pointer;
    display: block;
    font: bold 1.1em/2em Arial,sans-serif;
    padding: 0;
    text-decoration: none;
}
.accordion li ul li {
    font-size: 0.9em;
}
#menu {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 40px;
    width: 980px;
}
#menu ul {
    display: inline;
    line-height: 40px;
    list-style: none outside none;
}
#menu li {
    color: #F2B406;
    display: inline;
    font-size: 10px;
    list-style: none outside none;
    padding-left: 32px;
}
#menu li a:link, #menu li a:visited {
    color: #FFFFFF;
    display: inline;
    font-size: 10px;
    list-style: none outside none;
    text-decoration: none;
}
#menu li a:hover {
    color: #F2B406;
    display: inline;
    font-size: 10px;
    list-style: none outside none;
}
#mainmenu {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 40px;
    width: 980px;
}
#mainmenu .moduletable_menu ul {
    display: inline;
    line-height: 40px;
    list-style: none outside none;
    padding-left: 0;
}
#mainmenu .moduletable_menu {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 40px;
    width: 980px;
}
#mainmenu .moduletable_menu li {
    color: #F2B406;
    display: inline;
    font-size: 10px;
    list-style: none outside none;
    padding-left: 32px;
}
#mainmenu .moduletable_menu ul li a {
    color: #FFFFFF;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    list-style: none outside none;
    text-decoration: none;
}
#mainmenu .moduletable_menu ul li a:hover {
    color: #F2B406;
    display: inline;
    font-size: 10px;
    list-style: none outside none;
}
#mainmenu .moduletable_menu ul li a:visited:hover {
    color: #F2B406;
    display: inline;
    font-size: 10px;
    list-style: none outside none;
    text-decoration: none;
}
#mainmenu .moduletable_menu ul li#current a {
    color: #F2B406;
    display: inline;
    font-size: 10px;
    list-style: none outside none;
    text-decoration: none;
}
#left {
    float: left;
    height: auto;
    width: 250px;
}
#center {
    color: #4C4C4C;
    float: left;
    height: auto;
    padding-left: 10px;
    padding-right: 20px;
    text-align: justify;
    width: 460px;
}
#right {
    float: left;
    height: auto;
    width: 240px;
}
#center2side {
    color: #4C4C4C;
    float: left;
    height: auto;
    padding-left: 10px;
    padding-right: 20px;
    text-align: left;
    width: 700px;
}
.bataskiri {
    background-color: #86806B;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 240px;
}
.bataskanan {
    background-color: #86806B;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 240px;
}
.button {
    background: url("../button-background.jpg") repeat-x scroll 0 0 transparent;
    height: 36px;
    margin-top: 20px;
    padding-top: 10px;
    text-align: center;
    width: 241px;
}
.button-text {
    color: #5A4A42;
    font-size: 18px;
    text-decoration: none;
}
.text-coklat-regular {
    color: #AF8620;
}
.text-coklat-regular a {
    color: #AF8620;
    text-decoration: none;
}
.text-coklat-regular a:hover {
    color: #993300;
}
.text-coklat-medium {
    color: #AF8620;
    font-size: 120%;
    font-weight: bold;
}
.text-coklat-large {
    color: #AF8620;
    font-size: 160%;
}
.brownbox {
    background-color: #86806B;
    color: #FFFFFF;
    display: block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 20px;
    font-weight: inherit;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 240px;
}
.brownbox a:link, .brownbox a:visited, .brownbox a:active {
    background-color: #86806B;
    color: #FFFFFF;
    display: block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 20px;
    font-weight: inherit;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 240px;
}
.brownbox a:hover {
    background-color: #514C3A;
    color: #FFFFFF;
    display: block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 20px;
    font-weight: inherit;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 240px;
}
.newsletter {
    background-image: url("../newsletter-bg.jpg");
    height: 94px;
    margin-top: 20px;
    width: 240px;
}
.newsletter-email {
    padding-left: 35px;
    padding-top: 36px;
}
.box-newsletter-email {
    border: 0 none;
}
.button-newsletter {
    margin-left: 113px;
    margin-top: 10px;
}
.news {
    font-size: 10px;
    margin-top: 20px;
    width: 240px;
}
.news-title {
    color: #5A4A42;
    font-size: 20px;
    margin-bottom: 15px;
}
.icon {
    background-image: url("../brown-box.jpg");
    float: left;
    height: 6px;
    margin-right: 7px;
    margin-top: 3px;
    width: 6px;
}
.firstnews {
    margin-bottom: 10px;
    width: 100%;
}
.news-content {
    margin-left: 15px;
    width: 90%;
}
.more {
    color: #999999;
}
.more a {
    color: #999999;
    text-decoration: none;
}
.more a:hover {
    color: #999999;
    text-decoration: underline;
}
.text-dark-grey {
    color: #5A4A42;
    font-size: 12px;
    font-weight: bold;
}
#footer {
    width: 980px;
}
#top-footer {
    background-color: #E6E6E6;
    float: left;
    height: auto;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 980px;
}
.bottom1 {
    color: #000000;
    float: left;
    font-size: 11px;
    margin-left: 30px;
    width: 330px;
}
.bottom1 a {
    color: #000000;
    text-decoration: underline;
}
.bottom1 a:hover {
    color: #000000;
    text-decoration: none;
}
.bottom2 {
    float: left;
    font-size: 11px;
    margin-left: 30px;
    margin-top: 30px;
    width: 330px;
}
.bottom2 a {
    color: #000000;
    text-decoration: underline;
}
.bottom2 a:hover {
    color: #000000;
    text-decoration: none;
}
.bottom3 {
    float: left;
    height: 118px;
    margin-left: 10px;
    margin-top: 10px;
    width: 209px;
}
.small-font {
    font-size: 9px;
}
.medium-large-font {
    font-size: 0.9em;
}
#copyright {
    background-color: #333333;
    float: left;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 10px;
    width: 950px;
}
.copy {
    float: left;
    font-size: 11px !important;
    width: 870px;
}
.sitemap {
    float: left;
}
.text-white {
    color: #FFFFFF;
    font-size: 11px;
}
.reservation-box {
    font-size: 11px;
}
.box_reservation {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    height: 15px;
    line-height: 11px;
    width: 150px;
}
.list {
    list-style: disc outside none;
    margin-left: 20px;
}
.number {
    list-style: decimal outside none;
    margin-left: 20px;
}
#portfolio {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}
.pic-medium {
    margin-right: 10px;
}
.subtitle {
    color: #86806B;
    font-size: 20px;
    margin-bottom: 15px;
}
.subtitle-small {
    color: #86806B;
    font-size: 14px;
    margin-bottom: 15px;
}
.subtitle-medium {
    color: #86806B;
    font-size: 16px;
    margin-bottom: 15px;
}
.otheroom {
    color: #99874D;
    font-size: 0.9em;
}
.otheroom a {
    color: #99874D;
    font-size: 0.9em;
    text-decoration: underline;
}
.otheroom a:hover {
    color: #000000;
    font-size: 0.9em;
    text-decoration: none;
}
.box {
    border: 1px solid #CCCCCC;
    width: 720px;
}
.box table, .box td {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0 1px;
    height: 38px;
    text-align: center;
    vertical-align: middle;
}
.box1 {
    background-image: url("../images/index/bg-table-head_03.jpg");
    background-repeat: repeat-x;
}
.box-csr {
    border-left: 1px solid #ABAAA7;
    border-right: 1px solid #ABAAA7;
    border-style: solid solid none;
    border-top: 1px solid #ABAAA7;
    padding: 10px;
}
.box-text {
    border-bottom: 1px solid #ABAAA7;
    border-left: 6px solid #ABAAA7;
    border-right: 1px solid #ABAAA7;
    border-style: none solid solid;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.threecoloumn {
    float: left;
    margin-right: 15px;
    width: 210px;
}
.twocoloumn {
    float: left;
    margin-right: 20px;
    width: 310px;
}
.text-black {
    color: #000000;
    font-weight: bold;
}
.box-news1 {
    border-color: #ABAAA7;
    border-style: solid;
    border-width: 1px 1px 1px 6px;
    padding: 10px;
}
.box-news2 {
    border-bottom: 1px solid #ABAAA7;
    border-left: 1px solid #ABAAA7;
    border-right: 1px solid #ABAAA7;
    padding: 10px;
}
.subtitle-small-medium {
    color: #86806B;
    font-size: 16px;
    line-height: 25px;
}
.subtitle-small-medium a {
    color: #86806B;
    font-size: 16px;
    line-height: 25px;
    text-decoration: none;
}
.subtitle-small-medium a:hover {
    color: #86806B;
    font-size: 16px;
    line-height: 25px;
    text-decoration: underline;
}