/* MAIN STYLES */

body {background: #dbd3c6 url('layout/main_bg.gif') repeat-x; padding: 0; margin: 0; font-family: Geneva, Arial, Helvetica, sans-serif;}

.outer_shell {width: 958px; margin: 0 auto; background: url('layout/shell_bg.jpg') no-repeat bottom right;}
.inner_shell {width: 800px; margin: 0 auto;}

.left {float: left;}
.right {float: right;}
.clr {clear: both;}
a img {border: none;}
.img_pad {margin: 10px;}

a.download {padding: 10px 0 0 10px; display: block; float: left; font-size: 14px;}

/* HEADER STYLES */

#header {height: 190px;}


/* NAV STYLES */
#nav {margin: 0; padding: 0; height: 60px;}

#nav ul {margin: 0; padding: 0 3px;}
#nav ul li {list-style: none; display: inline; font-weight: bold; font-size: 12px;}

#nav ul li a:link, #nav ul li a:visited {color: #ffffff; text-decoration: none; display: block; float: left; padding: 22px 28px 22px 28px;}
#nav ul li a:hover, #nav ul li a:active {color: #ffffff; text-decoration: underline; display: block; float: left;  padding: 22px 28px 22px 28px; background: url('layout/nav_bg_hover.gif') repeat-x 0 0;}

#nav ul li.active a:link, #nav ul li.active a:visited {background: url('layout/nav_bg_hover.gif'); display: block; float: left; padding: 22px 30px 22px 30px;}


/* CONTENT STYLES */

#content {background: #ffffff url('layout/content_bg.jpg') no-repeat top right; border-left: 3px solid #ccc5bb; border-right: 3px solid #ccc5bb; padding: 10px; font-size: 12px; color: #6e675b;}

#content h1 {font-size: 18px; font-weight: bold; color: #ffffff; margin: 0 0 0 -10px; padding: 5px 0 5px 10px; background: url('layout/h_bar.jpg') no-repeat;}
#content h2 {font-size: 16px; font-weight: bold; color: #149b9f; margin: 0; padding: 15px 15px 0 15px;}
#content h3 {font-size: 14px; font-weight: bold; color: #149b9f; margin: 0; padding: 5px 0;}

#content p {font-size: 12px; color: #6e675b; padding: 10px 0; margin: 0; line-height: 20px;}
#content p.box {font-size: 12px; color: #6e675b; padding: 5px 15px; margin: 0; line-height: 18px;}

.content_bottom {background: #ffffff; border-bottom: 3px solid #ccc5bb; height: 14px;}


#content a:link, #content a:visited {color: #149b9f; text-decoration: none; font-weight: bold;}
#content a:hover, #content a:active {color: #149b9f; text-decoration: underline; font-weight: bold;}


#content ol li {color: #149b9f; font-size: 11px; font-weight: bold; padding-bottom: 8px;}

#content ol li a:link, #content ol li a:visited {color: #6e675b; text-decoration: none;}
#content ol li a:hover, #content ol li a:active  {color: #149b9f; text-decoration: underline;}


#pricing, #pricing2 {margin: 10px; padding: 0;}
#pricing li, #pricing2 li {list-style: none; display: block; width: 350px; padding: 10px 0; font-weight: bold; float: left;}
#pricing li.small, #pricing2 li.small {list-style: none; display: block; width: 160px; padding: 10px 0; font-weight: bold; float: left;}
.price {color: #149b9f; font-weight: bold; font-size: 14px;}

#choose_icing li, #choose_cake li {list-style: none; display: block; width: 200px; padding: 5px 0; font-weight: bold; float: left;}

.flavours li {list-style: none; display: block; width: 235px; padding: 5px 0; font-weight: bold; float: left;}

#menu_list {margin: 0; padding: 0;}

#menu_list li {list-style: none; display: block; width: 255px; padding: 5px 0; font-weight: bold; float: left;}

#menu_list a:link, #menu_list a:visited {color: #393228; text-decoration: none; font-weight: normal; height: 135px; display: block; padding: 5px 0;}
#menu_list a:hover, #menu_list a:active {color: #393228; text-decoration: none; font-weight: normal; border-bottom: 5px solid #149b9f; border-top: 5px solid #149b9f; height: 135px; display: block; padding: 0;}

#menu_list li.active_menu a:link, #menu_list li.active_menu  a:visited {border-bottom: 5px solid #b3aa9e; border-top: 5px solid #b3aa9e; padding: 0;}
#menu_list li.active_menu a:hover, #menu_list li.active_menu a:active {color: #393228; text-decoration: none; font-weight: normal; border-bottom: 5px solid #149b9f; border-top: 5px solid #149b9f; height: 135px; display: block; padding: 0;}

#menu_list span {color: #149b9f; font-weight: bold; display: block; padding: 0 0 5px 0;}


.beverages {margin: 0 10px; padding: 0;}
.beverages li.type {list-style: none; display: block; width: 150px; padding: 10px 0; font-weight: bold; float: left;}
.beverages li.medium {list-style: none; display: block; width: 75px; padding: 10px 0; font-weight: normal; float: left; text-align: center;}
.beverages li.large {list-style: none; display: block; width: 125px; padding: 10px 0; font-weight: normal; float: left;}

.beverages strong {color: #149b9f;}

#notices {margin: 10px 0; padding: 0;}
#notices li {list-style: inside; padding: 5px 10px;}


.location_image {float: right; margin: 10px;}
.location_image a:link, .location_image a:visited {border: 5px solid #b3aa9e; padding: 1px; display: block; height: 100px;}
.location_image a:hover, .location_image a:active {border: 5px solid #149b9f; padding: 1px;}
.location_image span.note {display: block; font-size: 10px;}

.location_list {margin: 10px 20px; padding: 0;}
.location_list li {list-style: none; padding: 5px 0; font-size: 14px;}



/* MENU STYLES */

#menu {margin: 0; padding: 0;}
#menu li {list-style: none; display: block; float: left; padding: 0 5px;  height: 100px;}
#menu li.thumb {width: 100px;}
#menu li.thumb2 {width: 135px; height: 115px; background: url('layout/featured_bg.jpg') no-repeat; padding: 8px 5px;}
#menu li.desc {width: 250px;}
#menu li.desc2 {width: 225px;}

#menu h2 {margin: 30px 0 0 0; padding: 0;}
#menu p {font-size: 11px; font-weight: bold; padding: 0; margin: 0;}


/* BOX STYLES */

.box_bg {background: url('layout/box_bg.gif') no-repeat; width: 255px; height: 200px; float: left; margin: 0 2px 0 1px;}
.box_cater_bg {background: url('layout/box_cater_bg.gif') no-repeat bottom right; width: 249px; height: 183px;}
.box_contact_bg {background: url('layout/box_contact_bg.gif') no-repeat bottom right; width: 249px; height: 183px;}



/* NEWSLETTER STYLES */

.newsletter {color: #6e675b; font-size: 11px; font-weight: bold; padding: 0 10px;}
.newsletter_input {border: 1px solid #BBAF9D; background-color: #F4F0DB; color: #654E22; font-size: 11px; padding: 3px;}
.newsletter_width_1 {width: 125px;}
.newsletter_width_2 {width: 150px;}



/* OTHER FONT STYLES */

.errors {color: #861414;}




/* FOOTER STYLES */

#footer {height: 78px; padding: 10px; color: #6e675b; font-size: 12px;  }
#footer ul {margin: 0; padding: 0; float: left; width: 290px; border-right: 1px solid #b6ae9f;}
#footer ul li {list-style: none; display: block; float: left; padding: 3px 10px; width: 120px;}

#footer ul.menu {padding-left: 20px; width: 200px;}

#footer ul li a:link, #footer ul li a:visited {color: #6e675b; text-decoration: none; font-weight: bold;}
#footer ul li a:hover, #footer ul li a:active {color: #149b9f; text-decoration: underline;}

#footer p {text-align: right; width: 250px; float: left;}

#footer li.title {font-weight: bold; font-size: 14px; color: #149b9f; display: block; width: 100%;}
#footer li.title a:link, #footer li.title a:visited {color: #149b9f;}

#footer li.wide {width: 200px;}


/* ########## SLIMBOX ########## */


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(layout/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #ffffff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(layout/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(layout/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(layout/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/*  EXTRA STYLES  */

#facebook {float: right;}
#facebook a {margin: 0; padding: 7px 0 0 10px; display: block; background: url('layout/facebook.jpg') no-repeat; height: 33px; width: 250px; vertical-align: middle;}
#facebook h2 {font-size: 14px; padding: 0; margin: 0;}