/* HOME */ .banner-img {position: absolute; width: 926px; height: 525px; z-index: 998; } #left-col {width:327px; float:left;} #right-col {width:584px; float:left; margin-left:14px;} /* FOOD GALLERY */ #food-list-frame {width: 926px; height: 472px; overflow: hidden;} .food-list-page {float: left; list-style-type: none; margin: 0; padding: 0; width: 926px; height: 472px; margin-left: 18px;} .food-list-page:first-child {margin-left: 0px;} .food-list-page li {float: left; margin-left: 18px; width: 171px; height: 225px; margin-top: 9px;} .food-list-page li.two-columns {width: 359px;} .food-list-page li.first-item {margin-left: 0px;} .food-list-page li.second-item {margin-left: 17px;} .food-list-page li.item {} .food-list-page li .thumb {} .food-list-page li .title {font-family: SNP; font-size: 11pt; line-height: 14px; color: #FFFFFF; padding-bottom: 3px; border-bottom: 1px solid #B9BDC6; letter-spacing:0.02cm;} #f-list-frame {width: 584px; height: 472px; overflow: hidden;} #f-list-frame02 {width: 584px; min-height:472px;} .f-list-page {float: left; list-style-type: none; margin: 0; padding: 0; width: 584px; height: 472px; margin-left: 14px;} .f-list-page:first-child {margin-left: 0px;} .f-list-page li {float: left; margin-left: 16px; width: 184px; height: 225px; margin-top: 9px;} .f-list-page li.two-columns {width: 384px;} .f-list-page li.first-item {margin-left: 0px;} .f-list-page li.second-item {margin-left: 16px;} .f-list-page li.item {} .f-list-page li .thumb {} .f-list-page li .title {font-family: SNP; font-size: 11pt; line-height: 14px; color: #FFFFFF; padding-bottom: 3px; border-bottom: 1px solid #FFFFFF; letter-spacing:0.02cm;} .remark {float: left; font-family: SNP; font-size: 11pt; line-height: 14px; clear: both; letter-spacing:0.02cm;} #menu-options {float: right; width: 95px; height: 75px;} #menu-options a {display: block;} #menu-options a#lnk-option-menu {width: 60px; height: 75px; float: left;} #menu-options a#lnk-option-print {width: 33px; float: right;} #menu-options a#lnk-option-pdf {margin-top: 5px; width: 33px; float: right;} #food-list-frame .ctrl {position: absolute; z-index: 999; margin-top: 210px; opacity: 0.6;} #food-list-frame .ctrl:hover {opacity: 1.0;} #food-list-frame #ctrl-left {margin-left: 0px;} #food-list-frame #ctrl-right {margin-left: 893px;} #f-list-frame .ctrl {position: absolute; z-index: 999; margin-top: 210px; opacity: 0.6;} #f-list-frame .ctrl:hover {opacity: 1.0;} #f-list-frame #ctrl-left {margin-left: 0px;} #f-list-frame #ctrl-right {margin-left: 550px;} /* FOOD MENU */ #food-menu {clear: both; width: 926px; height: 450px; background: #D9C7B8; font-family: SNP;} #food-menu #left-column {width: 461px; height: 450px; float: left; background: url(../images/menu-corner-top.jpg) no-repeat; border-right: 4px solid #1A2048;} #food-menu #left-column .title {background: url(../images/bg-food-stall-icon.jpg) no-repeat 415px 0px;} #food-menu #left-column .title_coffee {background: url(../images/bg-coffee-icon.jpg) no-repeat 415px 0px;} #food-menu #left-column .title_buffet {background: url(../images/bg-buffet-icon.jpg) no-repeat 415px 0px;} #food-menu #left-column .title_cocktail {background: url(../images/bg-cocktail-icon.jpg) no-repeat 415px 0px;} #food-menu #left-column .title_ceremony {background: url(../images/bg-ceremony-icon.jpg) no-repeat 415px 0px;} #food-menu #left-column .title_snack {background: url(../images/bg-snack-icon.jpg) no-repeat 415px 0px;} #food-menu #right-column {width: 461px; height: 450px; float: right; background: url(../images/menu-corner-bottom.jpg) no-repeat bottom right;} #food-menu .title {width: 460px; height: 44px; font-size: 24pt; font-weight: bold; letter-spacing:0.02cm;} #food-menu .title_coffee {width: 460px; height: 44px; font-size: 24pt; font-weight: bold; letter-spacing:0.02cm;} #food-menu .title_buffet {width: 460px; height: 44px; font-size: 24pt; font-weight: bold; letter-spacing:0.02cm;} #food-menu .title_cocktail {width: 460px; height: 44px; font-size: 24pt; font-weight: bold; letter-spacing:0.02cm;} #food-menu .title_ceremony {width: 460px; height: 44px; font-size: 24pt; font-weight: bold; letter-spacing:0.02cm;} #food-menu .title_snack {width: 460px; height: 44px; font-size: 24pt; font-weight: bold; letter-spacing:0.02cm;} #food-menu .title span {float: left; margin-top: 5px;} #food-menu .menu-content {width: 460px; height: 399px; background: url(../images/bg-food-menu-blue-dash.jpg) repeat-x;} #food-menu #left-column .title span {float: left; margin-top: 5px; padding-left: 20px;} #food-menu #left-column .title_coffee span {float: left; margin-top: 5px; padding-left: 20px;} #food-menu #left-column .first-page span {float: right; margin-top: 5px; margin-right: 50px;} #food-menu #right-column .title span {float: left; margin-top: 5px; padding-left: 23px;} #food-menu #order-info {width: 449px; padding: 0px 6px; font-size: 15pt; padding-top: 5px; letter-spacing:0.02cm; font-weight:bold;} #food-menu #order-info table {width: 449px; } #food-menu #order-info table tr td {padding-left: 10px;} #food-menu #order-info table tr.dash td {height: 25px; background: url(../images/bg-food-menu-white-dash.jpg) repeat-x left bottom;} #food-menu #order-info table tr td.order-note {padding-left: 30px; background: url(../images/icon-star.jpg) no-repeat 10px 5px;} #food-menu .menu-item {width: 438px; padding-left: 23px; padding-top: 14px; font-size: 13pt; letter-spacing:0.02cm; font-weight:bold;} #food-menu .menu-item table {} #food-menu .menu-item table tr {height: 20px;} #food-menu .menu-item table tr td.checkbox {width: 336px; padding-left: 18px; background: url(../images/icon-checkbox.jpg) no-repeat 0px 3px;} #food-menu .menu-item table.two-column tr td.checkbox {width: 200px; padding-left: 18px; background: url(../images/icon-checkbox.jpg) no-repeat 0px 3px;} #food-menu .menu-item table tr td.price {width: 84px;} #food-menu .menu-item table tr td.sub-row {padding-left: 18px;} #food-menu .menu-item table tr td.order-note {padding-left: 30px; background: url(../images/icon-star.jpg) no-repeat 10px 5px;} #food-menu-footer {width: 926px; height: 73px; clear: both;} #food-menu-footer #order-signature {float: left; width: 826px; height: 73px; background: #D9C7B8; font-family: SNP; font-size: 12pt; letter-spacing:0.02cm; font-weight:bold;} #food-menu-footer #order-signature #buyer {width: 350px; height: 73px; padding-left: 11px; float: left; background: url(../images/menu-corner-top.jpg) no-repeat;} #food-menu-footer #order-signature #seller {width: 350px; height: 73px; float: right; background: url(../images/menu-corner-bottom.jpg) no-repeat bottom right;} #food-menu-footer #order-signature table {margin-top: 5px;} #food-menu-footer #order-signature .label {width: 36px;} #food-menu-footer #order-signature .dash-line {width: 248px; background: url(../images/bg-signature-dash.jpg) repeat-x left bottom;} /* CONTACT */ #contact-info {color: #FFFFFF; font-family: SNP; font-size: 18pt; line-height: 22px; float: left; width: 310px; height: 450px; background: url(../images/bg-dash.jpg) repeat-y top right; margin-top: 10px; padding-left: 20px; padding-top: 70px; letter-spacing:0.02cm;} #contact-map {float: left; padding-left: 18px; padding-top: 61px;} #cover_choices {width:224px; height:415px; position:relative;} #cover_choices #tab_price_choices {width:137px; height:54px; position:absolute; top:10px; right:0px; background:url(../images/tab-price.png);} #cover_choices #tab_price_choices02 {width:137px; height:54px; position:absolute; top:10px; left:0px; background:url(../images/tab-price02.png);} #cover_choices #tab_price_choices .price_choices {width:150px; margin-left:0px; margin-top:10px; color:#FFF; text-align:center; font-size:17px; line-height:18px; font-family:"Times New Roman", Times, serif; font-weight:bold;} #cover_choices #tab_price_choices02 .price_choices {width:100px; margin-left:10px; margin-top:10px; color:#FFF; text-align:center; font-size:17px; line-height:18px; font-family:"Times New Roman", Times, serif; font-weight:bold;} #cover_choices #tab_price_choices .price_choices a, #cover_choices #tab_price_choices02 .price_choices a { text-decoration:none; color:#FFF;} #cover_choices #tab_price_choices .price_choices a:hover, #cover_choices #tab_price_choices02 .price_choices a:hover { text-decoration:none; color:#F16521;} #cover_choices #tab_price_choices .price_choices a.active, #cover_choices #tab_price_choices02 .price_choices a.active { text-decoration:none; color:#F16521;} #cover_menu {width:327px; height:527px; position:relative;} #cover_menu #tab_price {width:137px; height:54px; position:absolute; top:10px; right:0px; background:url(../images/tab-price.png);} #cover_menu #tab_price02 {width:137px; height:54px; position:absolute; top:10px; left:0px; background:url(../images/tab-price02.png);} #cover_menu #tab_price .price {width:150px; margin-left:0px; margin-top:10px; color:#FFF; text-align:center; font-size:17px; line-height:18px; font-family:"Times New Roman", Times, serif; font-weight:bold;} #cover_menu #tab_price02 .price {width:100px; margin-left:10px; margin-top:10px; color:#FFF; text-align:center; font-size:17px; line-height:18px; font-family:"Times New Roman", Times, serif; font-weight:bold;} #cover_menu #tab_price .price a, #cover_menu #tab_price02 .price a { text-decoration:none; color:#FFF;} #cover_menu #tab_price .price a:hover, #cover_menu #tab_price02 .price a:hover { text-decoration:none; color:#F16521;} #cover_menu #tab_price .price a.active, #cover_menu #tab_price02 .price a.active { text-decoration:none; color:#F16521;} /*#cover_menu #price {float: right; width: 327px; height: 500px;} #cover_menu #price ul {list-style-type: none; margin: 0; padding: 0;} #cover_menu #price ul li {float: left; margin-left: 20px; margin-right:20px; margin-top:20px;} #cover_menu #price ul li a {display: block; width: 122px; height: 95px; text-indent: -9999px; text-decoration: none; background: url(../images/price.png) no-repeat;} #cover_menu #price #price225 {background-position: -33px -30px;} #cover_menu #price ul li.active #price225, #cover_menu #price ul li:hover #price225 {background-position: -173px -30px;} #cover_menu #price #price295 {background-position: -33px -145px;} #cover_menu #price ul li.active #price295, #cover_menu #price ul li:hover #price295 {background-position: -173px -145px;} #cover_menu #price #price395 {background-position: -33px -260px;} #cover_menu #price ul li.active #price395, #cover_menu #price ul li:hover #price395 {background-position: -173px -260px;} #cover_menu #price #price495 {background-position: -33px -375px;} #cover_menu #price ul li.active #price495, #cover_menu #price ul li:hover #price495 {background-position: -173px -375px;}*/