body{ margin:0; padding:0; background:#8D633A url(../images/bg.jpg) center top repeat; font:12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif}
#logo{ width:275px; height:100px; background:url(../images/logo.png) center top no-repeat; margin:0 auto;}
#header{ height:100px; background:url(../images/bg_mainmenu.png) center top repeat; position:relative; z-index:1;}
#hero{ min-height:430px; padding-bottom:3px; background:url(../images/bg_hero.png) center bottom repeat-x; margin-top:-20px; text-align:center; position:relative; z-index:0; overflow:hidden; width:100%;}
#mainbody{ background:#FFF8E8 url(../images/bg_mainbody.jpg) center top repeat;}
#mainmenu, .content{ width:960px; margin:0 auto;}
#mainmenu .link{ float:left;}
#mainmenu .link a{ height:30px; display:block; background:url(../images/link_mainmenu.png) no-repeat; text-indent:-9999px;}
#mainmenu .link.current a, #mainmenu .link a:hover{ background:url(../images/link_mainmenu_over.png) no-repeat;}
.but_home a{ width:75px; background-position: -3px 0px !important;}
.but_about a{ width:100px; background-position: -85px 0px !important;}
.but_news a{ width:70px; background-position: -190px 0px !important;}
.but_features a{ width:100px; background-position: -260px 0px !important;}
.but_gallery a{ width:80px; background-position: -365px 0px !important;}
.but_media a{ width:80px; background-position: -455px 0px !important;}
.but_location a{ width:90px; background-position: -545px 0px !important;}
.but_contact a{ width:90px; background-position: -645px 0px !important;}

a img{ border:none;}
#mainbody a{}
.dotline, #subcontent a{ text-decoration:none; border-bottom:1px dotted #EDE28C; color:#EDE28C;}

.box_header{ height:40px; text-indent:-9999px; margin:10px 0;}
.box_sub_header{ height:22px; text-indent:-9999px; margin:10px 0 5px 0;}
#recommend .box_header{ background:url(../images/h1_recommend.png) center left no-repeat;}
#news .box_header{ background:url(../images/h1_news.png) center left no-repeat;}
#promotion .box_header{ background:url(../images/h1_promotion.png) center left no-repeat;}
#contact .box_header{ background:url(../images/h2_contact.png) center center no-repeat;}
#contact .box_sub_header{ background:url(../images/h2_howtogetthere.png) center left no-repeat;}
#promotion .box_sub_header{ background:url(../images/h2_term.png) center left no-repeat;}
#testimonial_sub .box_header{ background:url(../images/h1_testimonial_sub.png) center center no-repeat;}
#testimonial .box_header{ background:url(../images/h1_testimonial.png) left center no-repeat;}
#healthy .box_header{ background:url(../images/h1_healthy.png) left center no-repeat;}
#collum #healthy .box_header{ background:url(../images/h2_healthy.png) center center no-repeat;}
#features .box_header{ background:url(../images/h1_features.png) left center no-repeat;}
#aboutus .box_header{ background:url(../images/h1_aboutus.png) left center no-repeat;}
#location .box_header{ background:url(../images/h1_location.png) left center no-repeat;}

#magazine .box_header{ background:url(../images/h1_magazine.png) left center no-repeat;}
#website .box_header{ background:url(../images/h1_website.png) left center no-repeat;}
#video .box_header{ background:url(../images/h1_video.png) left center no-repeat;}
.relate_article .box_sub_header{ background:url(../images/h2_relatearticle.png) center left no-repeat;}


.tea .box_header{ background:url(../images/features/h1_tea.png) left center no-repeat;}
.jazz .box_header{ background:url(../images/features/h1_jazz.png) left center no-repeat;}
.dinner .box_header{ background:url(../images/features/h1_dinner.png) left center no-repeat;}
.breakfast .box_header{ background:url(../images/features/h1_breakfast.png) left center no-repeat;}


.content{}
.obj_topshadow{ background:url(../images/bg_content.png) center top no-repeat; height:20px; position:relative; z-index:3; margin-bottom:-20px;}
#mainmenu{ color:#FFF; margin-top:-55px;}
#mainmenu .menu_left{ float:left;}
#mainmenu .menu_right{ float:right;}
#hero .information{ width:460px; position:absolute; z-index:2; bottom:40px; color:#FFF; font-size:14px; font-weight:bold; text-align:justify; text-shadow:1px 1px 3px #000, 1px 1px 3px #000; margin:10px; float:left;}
#mainbody .content{}
#left{ width:700px; float:left; position:relative;}
#right{ width:220px; float:right; background:url(../images/bg_left.png) top left no-repeat;}
#left, #right{ min-height:200px; padding:10px;}
#subcontent{ background:url(../images/shadow_top.png) top center repeat-x;}
#subcontent #collum{ background:url(../images/bg_subcontent.png) top center no-repeat; min-height:305px;}
.collum_box{ float:left; width:300px; margin:0 10px 10px 10px;}
#subcontent .collum_box{ margin-top:10px;}
#footer{ background:url(../images/bg_footer.png) center bottom repeat-x; height:100px;}
#footer .logo{ height:100px; width:700px; margin:0 auto; background:url(../images/footer.png) center bottom no-repeat;}

.tn{ width:170px; height:140px; background:url(../images/bg_tn.png) top left no-repeat; margin:0 10px 5px 0; float:left;}
.tn.last{ margin-right:-10px !important;}
.tn img{ width:150px; height:120px;}

.promotion_image{ width:230px; background:url(../images/bg_promotion.png) bottom left no-repeat; padding-bottom:10px;}
.promotion_image img{ width:210px; border:5px solid #FFF;}

.common_date{ color:#DF9501; margin-bottom:5px; (properties of .common_video)}
.common_title{ color:#808080; margin-bottom:5px;}
.common_description{ color:#666666; text-align:justify;}
.common_video{ background:#FFF;}
#news .common_description{ text-align:left;}
.sub_title{ font-size:14px; color:#FFF; margin-bottom:5px;}
.sub_description{ color:#FFF; text-align:justify;}
.sub_date, .sub_name{ color:#603813; font-style:italic; text-shadow: 1px 1px 1px #EDE28C; font-size:12px;}
.sub_date{ margin-bottom:10px;}
.sub_name{ text-align:right; margin-top:10px;}
#testimonial .sub_description{ text-align:justify;}
#testimonial .sub_name{ color:#D99101; text-shadow:1px 1px 1px #FFF;}
.button_group{ margin:10px 0 0;}
.button_group a{ float:right;}
.but_viewall, .but_readmore, .but_readmore2, .but_viewall2{ width:102px; height:27px; display:block; text-indent:-9999px; border:none !important;}
.but_viewall{ background:url(../images/sub_but_viewall.png) center center no-repeat;}
.but_viewall2{ background:url(../images/sub_but_viewall2.png) center center no-repeat;}
.but_readmore{ background:url(../images/sub_but_readmore.png) center center no-repeat;}
.but_readmore2{ background:url(../images/sub_but_readmore2.png) center center no-repeat;}

br{ line-height:8px;}

#left.reverse{ width:220px;}
#right.reverse{ width:700px;}

/* promotion */
.termcondition{ margin-top:15px;}
.termcondition .common_description{}
.twocollum_box{}
.twocollum_box .media_tn{ float:left; margin-right:10px;}
.twocollum_box .media_tn{ width:160px;}
.twocollum_box .media_tn img{ width:150px;}
.twocollum_info{ float:left; width:280px;}
.twocolum1, .twocolum2{ width:460px; float:left; margin:0 10px;}

/* news */
#news{ padding-bottom:10px; background:url(../images/separator_media.png) center bottom no-repeat;}

/* healthy */
.healthypage .media_tn{ float:left; margin-right:10px;}
.healthypage .box_sub_header{ background:url(../images/h2_relatearticle.png) left center no-repeat;}
.relate_box .media_tn{ width:220px; margin-bottom:0px;}
.relate_box .media_tn img{ width:210px;}
.relate_box .special_title{ font-size:12px;}
.relate_box .common_description{ text-align:left;}

/* features */
.features_info{}
#right.features{ margin-top:40px; background:none;}
.features_box{ margin-top:10px;}
#features .common_title{ height:30px; width:330px; text-indent:-9999px;}
#features #breakfast .common_title{ background:url(../images/features/h2_breakfast.png) top left no-repeat;}
#features #tea .common_title{ background:url(../images/features/h2_tea.png) top left no-repeat;}
#features #dinner .common_title{ background:url(../images/features/h2_dinner.png) top left no-repeat;}
#features #jazz .common_title{ background:url(../images/features/h2_jazz.png) top left no-repeat;}
.features_sub{ width:340px; float:left; margin:0 20px 20px 0;}
.features_sub.last { margin-right:0px !important;}

.features_tn{ width:350px; height:210px; background:url(../images/bg_features.png) top left no-repeat; margin-left:-5px;}
.features_tn img{ margin:5px 0 0 5px;}

/* gallery */
#album_menu{ margin:0px auto 10px; height:37px; background:url(../images/bg_album.jpg) top center repeat-x; padding:13px 0 0 0; text-align:center;}
#album_menu .album_link{ margin: 0 30px; font-size:20px; text-shadow:-1px -1px 0.5px #512F00, 1px 1px 1px #EDDCC0; display:inline;}
#album_menu .album_link a{ text-decoration:none; color:#42210B;}
#album_menu .album_link a:hover, #album_menu .album_link.current a{ color:#FFF !important; text-shadow:1px 1px 1px #000;}
#gallery .special_title{ font-size:24px;}
#gallery #right{ background:none;}
.nav_bar{ margin-bottom:10px; text-align:right; clear:both;}
.nav_bar .nav_link{ padding:0 5px; color:#DF9501; text-decoration:none; font-size:14px; margin-left:5px;}
.nav_bar .nav_link:hover, .nav_bar .nav_link.current{ color:#F7F0E1; background:#DF9501; -moz-border-radius:5px; border-radius:5px;}

/* media */
.media_box, .twocollum_box, .relate_box{ padding-bottom:15px; background:url(../images/separator_media.png) center bottom no-repeat; margin-bottom:15px;}
.media_box .common_title, .special_title{ color:#D99101; font-size:14px; font-weight:bold; text-shadow:-0.5px -0.5px 0.5px #BF8001, 1px 1px 1px #FFF;}
.media_tn{ background:url(../images/bg_promotion.png) bottom right no-repeat; margin-bottom:10px; padding:0 10px 10px 0;}

#magazine .media_tn{ width:230px !important; margin:0 auto 10px auto;}
#magazine .media_tn img{ width:220px !important;}

.media_tn{ width:300px;}
.media_tn img{ width:290px;}
.media_tn img, .tn img, .common_video{ border:5px solid #FFF;}

.hide{ display:none;}

/* testimonial */
#testimonial .box_sub_header{ background:url(../images/h2_writeyourown.png) left center no-repeat;}
#testimonial_form .inline_hilight{ width:70px !important;}
.form_box .topic_input{ width:210px;}
#testimonial_form .button_group{ margin-left:80px;}
/* contact */
#mainbody #contact_form{ margin-top:25px;}
.form_box .button_group{ margin-left:100px;}
#mainbody #contact a{ color:#DF9501; border-bottom:#DF9501 dotted 1px;}
#mainbody #contact .sub_description{ color:#666666;}
#mainbody #contact .box_header{ background:url(../images/h1_contact.png) left center no-repeat;}
#contact_form h2.box_sub_header{ background:url(../images/h2_submitcontact.png) left center no-repeat;}
.form_box .contact_information{ padding:10px; background:#DF9501; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px; color:#FFF;}
.form_box div{ margin:2px 0;}
.form_box #message{ overflow-x: hidden;}
.form_box .inline_hilight{ width:90px; text-align:right; display:block; float:left; margin-right:10px;}

/* aboutus */
#aboutus{ margin:0 10px 10px;}
.about_eng, .about_th{ margin-bottom:10px;}
.polaroid{ width:310px; height:385px; float:left;}
.content_info{ width:620px; text-align:justify; color:#666666; float:left;}
.about_eng .polaroid{ background:url(../images/about_img2.png) left top no-repeat; margin:-30px 0 0 10px;}
.about_th .polaroid{ background:url(../images/about_img1.png) left top no-repeat; margin:-60px 10px 0 0;}

/* location */
#location{ padding-bottom:20px;}
#location .common_description{ margin-bottom:10px;}

.annouce{ width:300px; margin:10px 0 !important; color:#603813; font-style:italic; text-shadow: 1px 1px 1px #FFF; font-size:14px; text-align:center; background:url(../images/bg_annouce.png) left top no-repeat; height:35px; padding:15px 0 0 0;}
/* new clearfix */

* html .clearfix, #mainmenu, .content, .menu_left, .menu_right, #news, #featured, .media_box, .collum_box, .button_group, .twocollum_box, #promotion, .button_group{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix, #mainmenu, .content, .menu_left, .menu_right, #news, #featured, .media_box, .collum_box, .button_group, .twocollum_box, #promotion, .button_group{ zoom: 1; } /* IE7 */

.clearfix:after, #mainmenu:after, .content:after, .menu_left:after, .menu_right:after, #news:after, #featured:after, .media_box:after, .collum_box:after, .button_group:after, .twocollum_box:after, #promotion:after, .button_group:after{ font-size: 0; height:0; display:block; content:" "; visibility:hidden; clear:both;}