@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');

/* CONTAINERS */
body {font: normal 12px Verdana, Arial, sans-serif; color:#323231; background:url('../images/core/body-background.jpg') repeat top center;}
#wrapper{width:100%; background:url('../images/core/wrapper-background.jpg') no-repeat top center; padding-top:18px;}
  #container{width:895px; margin:0 auto; background:#fff url('../images/core/container-background.gif') repeat-y 0 0;}
    #header{ height:161px; background:url('../images/core/header-background.jpg') no-repeat 0 0; position:relative;}
    #banner{height:300px; padding:0 5px; position:relative; background:url(../images/core/banner-background.jpg) no-repeat 0 0;}
      ul#navigation{width:130px; height:172px; position:absolute; left:51px; top:47px;}
      #flash{}
    #content{padding: 15px 5px 0 5px;}
      #primary{width:620px; float:right; padding-right:25px;}
      #secondary{width:200px; float:left; padding-left:20px;}
    #footer{clear:both; padding: 10px 20px 30px 20px; line-height:20px; background:url('../images/core/footer-background.jpg') no-repeat left bottom; font-size:10px;}

a {color:#d76531; text-decoration:none;}
a:hover {text-decoration:underline;}

.right{float:right;}
p.center {text-align:center; font-size:14px;}
.left{float:left;}
.clear{clear:both;}

.red { color: #A6230F; }
    
/* Header Elements */
a#logo {height:145px; width:435px; display:block; position:absolute; left:47px; top:12px; text-indent:-9999px;}
a#book_joy_kitchen-button {width:196px; height:93px; display:block; background:url('../images/buttons/book_joy_kitchen.gif') no-repeat 0 0; text-indent:-9999px; position:absolute; top:35px; right:35px;}
a#book_joy_kitchen-button:hover {background-position:0 -93px;}

/* Banner Elements */
#flash {width:610px; height:275px; display:block; overflow:hidden; float:right;}
#flash img {width:610px; height:275px;}
body#contact_us-page #flash{background:url('../images/core/banner-drinks_menu.jpg') no-repeat 0 0;}
body#dine_in_menu-page #flash{background:url('../images/core/banner-take_away_menu.jpg') no-repeat 0 0;}
body#take_away_menu-page #flash{background:url('../images/core/banner-takeaway.jpg') no-repeat 0 0;}
body#drinks_menu-page #flash{background:url('../images/banner/03.jpg') no-repeat 0 0;}
body#functions-page #flash{background:url('../images/core/banner-functions.jpg') no-repeat 0 0;}


/* Navigation Elements */
ul#navigation li {height:33px; display:block;}
ul#navigation li a {height:33px; display:block; text-indent:-9999px; background:url('../images/core/navigation.jpg') no-repeat 0 0;}

ul#navigation li#nav-dine_in_menu a{background-position:0 -33px;}
ul#navigation li#nav-take_away_menu a{background-position:0 -66px;}
ul#navigation li#nav-drinks_menu a{background-position:0 -99px;}
ul#navigation li#nav-functions a{background-position:0 -132px;}
ul#navigation li#nav-contact_us a{background-position:0 -165px; height:31px;}
ul#navigation li#nav-contact_us {height:31px;}

body#home-page ul#navigation li#nav-home a, ul#navigation li#nav-home a:hover {background-position:0 -197px;}
body#dine_in_menu-page ul#navigation li#nav-dine_in_menu a, ul#navigation li#nav-dine_in_menu a:hover{background-position:0 -230px;}
body#take_away_menu-page ul#navigation li#nav-take_away_menu a, ul#navigation li#nav-take_away_menu a:hover{background-position:0 -263px;}
body#drinks_menu-page ul#navigation li#nav-drinks_menu a, ul#navigation li#nav-drinks_menu a:hover{background-position:0 -296px;}
body#functions-page ul#navigation li#nav-functions a, ul#navigation li#nav-functions a:hover{background-position:0 -329px;}
body#contact_us-page ul#navigation li#nav-contact_us a, ul#navigation li#nav-contact_us a:hover{background-position:0 -362px; height:31px;}

/* Content Elements */
h1, h2 {height:21px; padding-bottom:15px; text-indent:-9999px; background:url(../images/headings/h1-home.gif) no-repeat 0 0;}
body#dine_in_menu-page h1 {background-image:url('../images/headings/h1-dine_in_menu.gif');}
body#take_away_menu-page h1 {background-image:url('../images/headings/h1-take_away_menu.gif');}
body#drinks_menu-page h1 {background-image:url('../images/headings/h1-drinks_menu.gif');}
body#functions-page h1 {background-image:url('../images/headings/h1-functions.gif');}
body#contact_us-page h1 {background-image:url('../images/headings/h1-contact_us.gif');}


h2 {height:16px;}
h3 {clear:both; margin-bottom:10px; border-bottom:1px dotted #ccc; font: normal small-caps normal 18px Georgia, Times New Roman, serif;}

p {line-height:20px; padding-bottom:20px;}

#secondary h2#contact { background:url('../images/headings/h2-contact.gif') no-repeat 25px 0; }
#secondary ul#contact_details {padding-bottom:20px;}
#secondary ul#contact_details li { padding:0 0 10px 25px; line-height:20px; background:url(../images/icons/phone.gif) no-repeat left 3px;}
#secondary ul#contact_details li#fax {background-image:url(../images/icons/fax.gif);}
#secondary ul#contact_details li#email {background-image:url(../images/icons/email.gif);}
#secondary ul#contact_details li#address {background-image:url(../images/icons/address.gif);}

#secondary h2#download_our_menus {background:url(../images/headings/images/download.jpg) 0 0 no-repeat;}
#secondary h2#licensed_byo {background:url(../images/headings/images/fully_licensed.gif) 0 0 no-repeat; margin-top:10px; }
#secondary h2#byo {background:url(../images/headings/images/byo.gif) 0 0 no-repeat; margin-top:5px; }
#secondary h2#trading { background:url(../images/headings/images/trading.gif) 0 0 no-repeat; margin-top:10px;}
#secondary ul li.centredlist { padding-left:3px;}
a.pdf {padding-left:20px; background:url('../images/icons/pdf.gif') top left no-repeat; line-height:24px;}


ul#quick-links {text-align:center; margin-bottom:10px;}
ul#quick-links li {float:left; display:block; padding:5px 2px; height:30px;}
ul#quick-links li a {padding:4px 4px; line-height:20px; background:#d76531; color:#fff; border:1px solid #eee; display:block;}
ul#quick-links li a:hover {text-decoration:none; background:#bd5321;}

div#menu h3.active {color:#d76531;}
div#menu ul, div#drinks-menu ul {display:block; padding-bottom:30px;}
div#menu ul li, div#drinks-menu ul li {display:block; clear:both; line-height:20px; margin-bottom:10px;}
div#menu ul.banquet li {border:none; text-align:center; }
div#menu ul li span.title, div#drinks-menu ul li span.title {float:left; display:block; padding-bottom:15px;}
div#menu ul li span.price, div#drinks-menu ul li span.price {float:right; display:block; clear:right; }
ul#images {text-align:center;}
ul#images li{ float:left; margin:1px;}
ul#images li a img {}

body#dine_in_menu-page ul#images {}
/* Footer Elements */
#footer hr {background-color:#c7c7c7; border:none; height:1px; margin-bottom:10px;}