/* CSS Document */

/* Size and center the page inside the body tag */
html, body {width:100%; background:url(img/bg_new.jpg) repeat; text-align:center;}
div#page {margin:0 auto; width:850px; text-align:left; background:url(img/pageBG2.jpg) no-repeat; position:relative; padding-bottom:80px;}
body#home #page {background:url(img/pageBG.jpg) no-repeat; border:none;}
#mainBG {width:850px; margin:0 auto; background:url(img/mainBG.jpg) repeat-y; position:relative; text-align:left;}


/* Font preferences */
* {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:18px;}
p, td, div,  {font-size:12px; line-height:16px;}

/* Header and bold tags */
h1 {line-height:21px; padding:4px 0; color:#000; font-weight:900; font-size:19px; text-transform:uppercase;}
h2 {line-height:19px; padding:4px 0; color:#000; font-weight:900; font-size:17px;}
h3 {line-height:17px; padding:4px 0; color:#000; font-weight:900; font-size:15px;}
h4 {line-height:17px; padding:4px 0; color:#000; font-weight:900; font-size:15px;}
strong {color:#000; font-weight:900;}

/* Defualt unordered lists */

ul li {background:url(img/bullet.gif) no-repeat 0 6px; padding-left:15px; list-style:none; padding-bottom:10px;}
ul {margin-left:0px; padding-left:20px;}

/* Default definition lists */

dt {color:#CC0000;font-weight:900;margin:10px 0pt; border-bottom: #CCCCCC 1px solid;}
dd {text-indent:0pt; padding-bottom:30px;}

/* Default link and hover preferences */

a {color:#069; text-decoration:none;}
a:hover {color:#039; text-decoration:underline;}

/* Main block elements */

#header {height:167px; position:relative;}
#header ul.login {position:absolute; top:0; right:0; margin:0; padding:42px 0 0 0; background:url(img/client_login.jpg) no-repeat; width:142px; height:58px;}
#header ul.login input {background:none; border:none;}
#header ul.login li.username, #header ul.login li.password {padding:0 0 6px 23px;}
#header ul.login li.username input, #header ul.login li.password input {font-size:11px; color:#038ed6;}
#header ul.login li.submit {position:absolute; bottom:15px; right:9px; padding:0;}
#header ul.login li.submit input {text-align:center; cursor:pointer; width:25px; color:#000;}

#header p.login_links {position:absolute; top:78px; right:10px; font-size:11px; line-height:15px;}
#header p.login_links a {font-size:11px; line-height:15px; color:#fff;}


#left {width:243px; vertical-align:top; background:url(img/inner-bg.jpg);}
#right {width:607px; vertical-align:top; background:#FFFFC1;}
#footer {line-height:11px; font-size:10px; text-align:right; color:#FFF400; background:url(img/footerBG.jpg) no-repeat; height:20px; padding:22px 10px 0 0;}
#footer a {color:#FFF400; text-decoration:none; font-size:10px; line-height:10px;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}
#home #mainTable {display:block; width:100%; background:url(img/body-bg.jpg) repeat-y;}
#seo {width:852px; margin:10px auto; text-align:center; font-size:10px; color:#CCCCCC;}

/* NAV */
#header ul.nav {position:absolute; right:0; width:525px; left:inherit; top:130px; height:20px; overflow:hidden; display:block; padding:0; margin:0;}
#header ul.nav li {display:inline; padding:0; margin:0;}
#header ul.nav a {display:block; text-decoration:none; height:20px; padding:0; float:left; margin:0;}
div#header ul.nav a:hover {color:#FF9;}

#left ul.nav {display:block; margin:0; padding:0;}
#left ul.nav li {display:block; margin:0; padding:0;}
#left ul.nav a {display:block; color:#FFF; text-decoration:none; font-size:12px; height:12px; line-height:14px; padding:4px 10px; font-weight:900; color:#000;}
#left ul.nav a:hover {color:#666;}

#header ul.nav li a.home {width:69px;}
#header ul.nav li a.menu {width:71px;}
#header ul.nav li a.about_us {width:120px;}
#header ul.nav li a.contact_us {width:113px;}
#header ul.nav li a.tour {width:80px;}
#header ul.nav li a.faq {width:60px;}

#header #login {float:right; text-align:center; color:#fff; padding:15px 15px 0 0; width:150px;}
#header #login a {color:#ffff33; font-weight:bold;}


/*Sidebar*/
#sidebar {width:250px; float:left; position:relative; z-index:10;}
#sidebar p, #sidebar a {padding:0; margin:0; color:#000;}
#sidebar p a {color:#aa322f;}
#sidebar .online_catering_order {padding-left:7px; position:relative; height:171px;}
#sidebar .online_walkin_order {padding-left:7px; position:relative; height:161px;}
#sidebar .online_catering_order a.print_menus, #sidebar .online_walkin_order a.print_menus {position:absolute; right:18px; height:50px; width:44px;}
#sidebar .online_catering_order a.print_menus {top:28px;}
#sidebar .online_walkin_order a.print_menus {top:4px;}
#sidebar .online_catering_order a.menu, #sidebar .online_walkin_order a.menu {position:absolute; left:0; height:50px; width:180px; z-index:100; cursor:pointer; display:block;}
#sidebar .online_catering_order a.menu {top:28px;}
#sidebar .online_walkin_order a.menu {top:4px;}
#sidebar .online_catering_order a p.small {font-size:10px; line-height:15px; color:#000; padding:28px 0 15px 8px; margin:0;}
#sidebar .online_walkin_order a p.small {font-size:10px; line-height:15px; color:#000; padding:11px 0 15px 8px; margin:0;}
#sidebar .online_catering_order p, #sidebar .online_walkin_order p {padding-left:5px; line-height:15px;}
#sidebar a.more {text-align:center; width:50px; float:right; position:absolute; top:95px; right:15px; line-height:15px;}
#sidebar .online_walkin_order a.more {top:65px;}
#sidebar .facebook {background:url(img/facebookBG.png) no-repeat top left; padding-top:10px;}


/*Content*/
#content {float:right; width:580px; position:relative; padding:30px 10px;}
body#home #content {width:600px; padding:0;}
#content #slider {height:422px; display:block; padding-bottom:120px; z-index:0; margin-left:-6px;}
#content img.food {position:absolute; top:360px; right:0;}
#content ul {margin:0;}
#content ul li {background:url(img/bullet.jpg) no-repeat 0 6px; margin:0; padding:0 0 0 9px; font-size:11px; line-height:15px;}


