/**************/
/*** LAYOUT ***/
/**************/
/*  global  */
body {
background:url(/assets/images/bg.jpg) repeat-x;
}
#main {
width:867px;
/*min-height:620px;*/
text-align:left;
}
#mainLeft,#mainCenter, #mainRight {
float:left;
/*min-height:620px;*/
}
#mainLeft {
width:43px;
height:199px;
}
#mainCenter {
width:780px;
}
#mainRight {
width:43px;
}
#nav {
background:url(/assets/images/bgNav.gif) no-repeat;
height:82px;
}
#about_usG, #menuG, #graze_storeG, #book_grazeG, #cateringG, #eventsG, #whatsnewG,
#about_ushover, #menuhover, #graze_storehover, #book_grazehover, #cateringhover, #eventshover, #whatsnewhover, #navRightPadding {
float:right;
height:27px;
margin-top:5px;
}
#about_usG {
background:url(/assets/images/btn_aboutus.jpg) no-repeat;
width:77px;
}
#about_ushover {
background:url(/assets/images/btn_aboutus.jpg) no-repeat 0 -27px;
width:77px;
}
#menuG {
background:url(/assets/images/btn_menu.jpg) no-repeat;
width:59px;
}
#menuhover {
background:url(/assets/images/btn_menu.jpg) no-repeat 0 -27px;
width:59px;
}
#graze_storeG {
background:url(/assets/images/btn_grazestore.jpg) no-repeat;
width:95px;
}
#graze_storehover {
background:url(/assets/images/btn_grazestore.jpg) no-repeat 0 -27px;
width:95px;
}
#book_grazeG {
background:url(/assets/images/btn_bookgraze.jpg) no-repeat;
width:93px;
}
#book_grazehover {
background:url(/assets/images/btn_bookgraze.jpg) no-repeat 0 -27px;
width:93px;
}
#cateringG {
background:url(/assets/images/btn_catering.jpg) no-repeat;
width:77px;
}
#cateringhover {
background:url(/assets/images/btn_catering.jpg) no-repeat 0 -27px;
width:77px;
}
#eventsG {
background:url(/assets/images/btn_events.jpg) no-repeat;
width:62px;
}
#eventshover {
background:url(/assets/images/btn_events.jpg) no-repeat 0 -27px;
width:62px;
}
#whatsnewG {
background:url(/assets/images/btn_whatsnew.jpg) no-repeat;
width:97px;
}
#whatsnewhover {
background:url(/assets/images/btn_whatsnew.jpg) no-repeat 0 -27px;
width:97px;
}
#navRightPadding {
width:5px;
height:77px;
}
#indexG {
width:145px;
float:right;
height:27px;/*27px;*/
margin-top:5px;
margin-right:70px;
cursor:pointer;
}
#indexG2 {
width:145px;
float:right;
height:50px;/*27px;*/
margin-right:300px;
cursor:pointer;
}
#joinmailinglistG, #atticG, #investorsG, #contact_usG,
#joinmailinglisthover, #attichover, #investorshover, #contact_ushover,
#subnav1, #subnav1hover, #subnav2, #subnav2hover, #subnav3, #subnav3hover, #subnav4, #subnav4hover, subnavRightPadding {
float:right;
height:31px;
margin-top:13px;
}
#joinmailinglistG, #subnav1 {
background:url(/assets/images/btn_joinmailinglist.jpg) no-repeat;
width:127px;
}
#joinmailinglisthover, #subnav1hover {
background:url(/assets/images/btn_joinmailinglist.jpg) no-repeat 0 -31px;
width:127px;
}
#atticG, #subnav2 {
background:url(/assets/images/btn_attic.jpg) no-repeat;
width:61px;
}
#attichover, #subnav2hover {
background:url(/assets/images/btn_attic.jpg) no-repeat 0 -31px;
width:61px;
}
#investorsG, #subnav3 {
background:url(/assets/images/btn_investors.jpg) no-repeat;
width:66px;
}
#investorshover, #subnav3hover {
background:url(/assets/images/btn_investors.jpg) no-repeat 0 -31px;
width:66px;
}
#contact_usG, #subnav4 {
background:url(/assets/images/btn_contactus.jpg) no-repeat;
width:76px;
}
#contact_ushover, #subnav4hover {
background:url(/assets/images/btn_contactus.jpg) no-repeat 0 -31px;
width:76px;
}
#subnavRightPadding {
width:5px;
}
#footer {
padding-top:10px;
height: 60px;
}
#footerLeft {
float:left;
width: 500px;
font-size:10px;
}
#footerLeft a { color:#2C1D12;}
#footerLeft ul {
margin: 0;
padding:0;
list-style:none;
line-height:10px;   
}
#footerLeft ul li {
display:inline;
padding: 0 3px 0 5px;
border-left: 1px solid #2C1D12;
}
#footerLeft ul li.first {
border-left: none;
padding-left: 0px;
}
#footerRight {
float:right;
text-align: right;
}
.font9 {
font-size:9px;
}
a { text-decoration: none;}
a:hover {text-decoration:underline;}
img { border:none;}
.cursor {
cursor:pointer;
}
/*  home  */
#home {
width:780px;
height: 348px;
}
#homeLeft, #homeCenter, #homeRight {
float:left;
height:348px;
}
#homeLeft {
background:url(/assets/images/borderLeft.jpg) no-repeat;
width:5px;
}
#homeCenter {
width:770px;
}
#homeRight {
background:url(/assets/images/borderRight.jpg) no-repeat;
width:5px;
}
#home_banner {
width:780px;
height:128px;
}
#home_bannerLeft, #home_bannerCenter, #home_bannerRight {
float:left;
height:128px;
}
#home_bannerLeft {
width:264px;
}
#home_bannerCenter {
width:255px;
}
#home_bannerRight {
width:261px;
}
/*   subpage  */
#content {
width:780px;    
background-color:#FFFFFF;
/*min-height:348px;
height:auto!important; */
/*min-height: 700px;*/
}
#borderLeft, #contentCenter, #borderRight {
float:left;
}
#borderLeft {
background:url(/assets/images/borderLeft.jpg) no-repeat;
width:5px;
}
#contentCenter, #mainContent {
width:770px;    
}
#borderRight {
background:url(/assets/images/borderRight.jpg) no-repeat;
width:5px;
}
#banner {
height: 164px;
border-bottom:#B6EB45 5px solid;
background:url(/assets/images/logoBottom.gif) no-repeat #B6EB45;
width:770px;
}
#banner_home {
position: absolute;
z-index: 3;
width:770px;
height: 348px;
background:url(/assets/images/logoBottom.gif) no-repeat #FFFFFF;
}
#banner_img1, #contenta {
position: absolute;
z-index: 2;
}
#banner_img2, #contentb {
position: absolute;
z-index: 1;
}
#contentLeft {
float:left;
width:146px;
margin-top: 25px;
padding: 0 22px 0 22px;
}
#contentLeft ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#contentLeft ul li {
margin-bottom: 10px;
color:#6B9117;
}
a { color:#6B9117;/*#442C1B;*/}
/*
#contentLeft ul li a { color:#6B9117;}
a .brown { color:#442C1B;}
*/
#contentRight {
float:left;
width:540px;
margin: 0 0 0 16px;
text-align:justify;
margin-top: 25px;
}
.menu_content1 {
width:380px; float:left;
}
.menu_content2 {
width:160px; float:left;
}
#contact_us_Content {
width:730px;
margin: 0 0 0 24px;
text-align:justify;
margin-top: 25px;
}
.contact_us_content1{
width:303px; float:left;
}
.contact_us_content2{
width:427px; height:420px; float:left; background: url(/assets/images/map.jpg) left 3px no-repeat;
}
#wrap {
width:494px;
}
.boxptbtm {
background:url(/assets/images/rc_br.gif) no-repeat right;
height:14px;
width: 780px;
}
.logoBottom {
position:absolute;
}
.clear {
clear:both;
}
/* sub nav */
#subnav {
height: 20px;
background-color:#432C1C;
padding-left:210px;
}
#foodG, #drinksG, #whole_cakesG, #whole_bean_coffeesG, #gourmet_teasG, 
#gift_setsG, #winesG, #cookiesG, #about_bookingG, #book_graze_nowG, 
#about_cateringG, #lunch_packageG, #bbq_packageG,  
#upcoming_eventsG, #past_eventsG, #about_the_atticG, 
#book_the_atticG, #photo_galleryG, #exhibitionsG,
#foodhover, #drinkshover, #whole_cakeshover, #whole_bean_coffeeshover, #gourmet_teashover,
#gift_setshover, #wineshover, #cookieshover, #about_bookinghover, #book_graze_nowhover,
#about_cateringhover, #lunch_packagehover, #bbq_packagehover,
#upcoming_eventshover, #past_eventshover, #about_the_attichover,
#book_the_attichover, #photo_galleryhover, #exhibitionshover {
float:left;
height:20px;
/*border-right:#888737 solid 1px;*/
}
#foodG {
background:url(/assets/images/btn_food.jpg) no-repeat;
width:119px;
}
#foodhover {
background:url(/assets/images/btn_food.jpg) no-repeat 0 -20px;
width:119px;
}
#drinksG {
background:url(/assets/images/btn_drinks.jpg) no-repeat;
width:117px;
}
#drinkshover {
background:url(/assets/images/btn_drinks.jpg) no-repeat 0 -20px;
width:117px;
}
#whole_cakesG {
background:url(/assets/images/btn_whole_cakes.jpg) no-repeat;
width:96px;
}
#whole_cakeshover {
background:url(/assets/images/btn_whole_cakes.jpg) no-repeat 0 -20px;
width:96px;
}
#whole_bean_coffeesG {
background:url(/assets/images/btn_whole_bean_coffees.jpg) no-repeat;
width:137px;
}
#whole_bean_coffeeshover {
background:url(/assets/images/btn_whole_bean_coffees.jpg) no-repeat 0 -20px;
width:137px;
}
#gourmet_teasG {
background:url(/assets/images/btn_gourmet_teas.jpg) no-repeat;
width:95px;
}
#gourmet_teashover {
background:url(/assets/images/btn_gourmet_teas.jpg) no-repeat 0 -20px;
width:95px;
}
#gift_setsG {
background:url(/assets/images/btn_gift_set.jpg) no-repeat;
width:76px;
}
#gift_setshover {
background:url(/assets/images/btn_gift_set.jpg) no-repeat 0 -20px;
width:76px;
}
#winesG {
background:url(/assets/images/btn_wines.jpg) no-repeat;
width:74px;
}
#wineshover {
background:url(/assets/images/btn_wines.jpg) no-repeat 0 -20px;
width:74px;
}
#cookiesG {
background:url(/assets/images/btn_cookies.jpg) no-repeat;
width:75px;
}
#cookieshover {
background:url(/assets/images/btn_cookies.jpg) no-repeat 0 -20px;
width:75px;
}
#about_bookingG {
background:url(/assets/images/btn_about_booking.jpg) no-repeat;
width:148px;
}
#about_bookinghover {
background:url(/assets/images/btn_about_booking.jpg) no-repeat 0 -20px;
width:148px;
}
#book_graze_nowG {
background:url(/assets/images/btn_book_graze_now.jpg) no-repeat;
width:144px;
}
#book_graze_nowhover {
background:url(/assets/images/btn_book_graze_now.jpg) no-repeat 0 -20px;
width:144px;
}
#about_cateringG {
background:url(/assets/images/btn_about_catering.jpg) no-repeat;
width:145px;
}
#about_cateringhover {
background:url(/assets/images/btn_about_catering.jpg) no-repeat 0 -20px;
width:145px;
}
#lunch_packageG {
background:url(/assets/images/btn_lunch_package.jpg) no-repeat;
width:197px;
}
#lunch_packagehover {
background:url(/assets/images/btn_lunch_package.jpg) no-repeat 0 -20px;
width:197px;
}
#bbq_packageG {
background:url(/assets/images/btn_bbq_package.jpg) no-repeat;
width:162px;
}
#bbq_packagehover {
background:url(/assets/images/btn_bbq_package.jpg) no-repeat 0 -20px;
width:162px;
}
#upcoming_eventsG {
background:url(/assets/images/btn_upcoming_events.jpg) no-repeat;
width:145px;
}
#upcoming_eventshover {
background:url(/assets/images/btn_upcoming_events.jpg) no-repeat 0 -20px;
width:145px;
}
#past_eventsG {
background:url(/assets/images/btn_past_events.jpg) no-repeat;
width:144px;
}
#past_eventshover {
background:url(/assets/images/btn_past_events.jpg) no-repeat 0 -20px;
width:144px;
}
#about_the_atticG {
background:url(/assets/images/btn_about_the_attic.jpg) no-repeat;
width:109px;
}
#about_the_attichover {
background:url(/assets/images/btn_about_the_attic.jpg) no-repeat 0 -20px;
width:109px;
}
#book_the_atticG {
background:url(/assets/images/btn_book_the_attic.jpg) no-repeat;
width:108px;
}
#book_the_attichover {
background:url(/assets/images/btn_book_the_attic.jpg) no-repeat 0 -20px;
width:108px;
}
#photo_galleryG {
background:url(/assets/images/btn_photo_gallery.jpg) no-repeat;
width:107px;
}
#photo_galleryhover {
background:url(/assets/images/btn_photo_gallery.jpg) no-repeat 0 -20px;
width:107px;
}
#exhibitionsG {
background:url(/assets/images/btn_exhibitions.jpg) no-repeat;
width:108px;
}
#exhibitionshover {
background:url(/assets/images/btn_exhibitions.jpg) no-repeat 0 -20px;
width:108px;
}
/* sitemap */
#sitemap ul {
margin: 0;
padding:0;
list-style:none;
}
#sitemap ul li {
margin-left:20px;
}
#sitemap ul li.drinks{
margin-top:10px;
}
/* menu banner */
.menu_banner{   
overflow:hidden;    
}
#menu_pic div{  
width:498px;    
float:left;
height:164px;
}
#menu_pic div img{
border:0px;
}
#menu_pic{
width:1992px;
height:164px;
margin-left:-498px;
}
#arrow {
position:absolute;
z-index: 4;
}   
#prev {
top: 145px;
left: 725px;
height: 14px;
cursor:pointer;
position:absolute;
}
#next {
top: 145px;
left: 744px;
height: 14px;
cursor:pointer;
position:absolute;  
}
#prev_attic {
top: 145px;
left: 488px;
height: 14px;
cursor:pointer;
position:absolute;
}
#next_attic {
top: 145px;
left: 507px;
height: 14px;
cursor:pointer;
position:absolute;  
}
/* gallery */
.gallery {  
height:88px; 
margin-bottom:5px; 
}
.gallery_a {    
height:88px; 
margin-bottom:22px; 
}
.g_box {
width:84px; 
height:84px; 
/*border:2px solid #CCE972; */
margin-right:22px; 
float:left; 
background-color:#ECF9CD;
}
/* mail_reply */
#subscribe_reply {  
color:#6B9117;
}
.textfield {
background-color:#FFFFFF;
}
/******************/
/*** FONT STYLE ***/
/******************/
.bodytxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6B9117;
line-height:16px;
}
.copyright, #footer .smaller {
font-size:9px;
color:#9dca13;
}
.headtxt {
font-weight:bold;
font-size: 12px;
color:#442C1B; 
}
.boldBrown {
color:#442C1B; 
font-weight:bold;    
}
.brown {
color:#442C1B; 
}
.green {
color:#6B9117;
}