body {background: #c00 url(images/header-bg.gif) repeat-x; font: 14px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; margin:0 0 0 0; padding:0;}
h1, h2, h3 {margin:0; padding:0;}
h1 {margin:4px 0; padding:0;}
h2 {font-size:18px; margin:0 0 4px 0;}
p {padding:0; margin:6px 0;}
img {border:none;}
a {color: #c00;}
a:hover {text-decoration:none; color:#f00;}
strong {font-size:16px;}
.floatright {float:right; margin:5px 0 5px 5px;}

#outercontainer {background:#fff; padding:5px 0 0 0;}
#container {width: 1000px; margin:0 auto; padding:0;}
#container {width: 1000px; margin:0 auto; padding:0;}

/* HEADER */ 
#header {width:1000px; height:100px; margin:0 auto; padding:0;}
#header img {float:left;}
#header h1 {font-weight:normal; float:right; font-size:24px; color:#fff; margin:0; padding:0px 0px 0 0px;}
#header h1 strong {color:#ff0;}
#header #phone {float:right;}


/* MAIN */
#main {width:820px; margin:0 0 0 20px; float:left; padding:0;}
* html #main {margin-left:20px; width:830px;}

#main h1 {background:#393; clear:both; color:#ff0; border:2px solid #060; text-transform:uppercase; font-size:20px; letter-spacing:1px; padding:5px 5px 5px 10px; text-align: left; margin:0;}
#main h1 strong {color:#fff; font-size:18px; text-transform:none; font-style:italic;}

#home #main h1 {color:#039; font-size:24px; text-align: left; margin:0; text-transform:none; letter-spacing:normal; border:none;padding:0px 0 0 170px; height:78px; background:url(images/homepage-pic1a.jpg) no-repeat;}

#main h2 {color:#393; font-size:20px; text-align: left; margin:0;}
#main p {padding:5px 0 5px 10px; line-height:18px; color:#333;}
* html #main p {line-height:18px;}

#home #main p {padding:0 0 5px 0; margin-top:0;}
.bluebold {color:#039; font-size:16px;}

#main p strong {color:#039;}
#main p#homebutton {text-align:center; margin:10px 0;}
#main p .red {color:#c00;}

#breadcrumb {margin:2px 0 10px 0; font-size:11px; font-weight:bold;}
#breadcrumb a {font-weight:normal;}

#homephoto {float:left; margin:0 10px 0 0;}

#feature-photo {float:right; border:1px solid #ccc; padding:10px; margin:10px; background:#f2f2f2;}
* html #feature-photo {margin-right:5px;}

#feature-photo h6 {width:380px; margin:0; padding:5px 10px 0 10px; color:#393; font-style: normal; font-size:16px; text-align:left;}

#feature-flash {border:1px solid #ccc; width: 640px; padding:10px; margin:10px auto; background:#f2f2f2;}
* html #feature-flash {}

/* GALLERY */
#gallery-thumbs {width:360px; margin:10px 0 0 0;}
#gallery-thumbs img {border:1px solid #ccc; padding:5px; background:#f2f2f2;}
#gallery-thumbs p {margin-left:30px; padding:0;}
#gallery-thumbs p span {margin:10px 0 0 10px;}
#gallery-thumbs p#gallerytext {margin:0 0 20px 10px;}

#bar #gallery-thumbs table, #branding #gallery-thumbs table {margin:0 0 0 10px; padding:0;}
#bar #gallery-thumbs td, #branding #gallery-thumbs td {padding:0 3px 6px 3px; vertical-align:middle;}
#bar #gallery-thumbs td p {margin:0;padding:0;}
#bar #gallery-thumbs td a, #branding #gallery-thumbs td a {text-decoration:none; font-size:20px;}

/* STEPS 1-4 */
#works #main #feature-photo {margin-left:10px;}
#works #main #steps {margin-top:10px;}
#works #main p {margin:10px 10px 10px 0; font-size:16px;}
#works #main p#smile {font-size:20px; text-align:center; font-weight:bold; margin:40px 0 0 0; padding:0;}
#main p#next-buttons {clear:left; margin-top:10px; text-align:center;}

/*************** OTHER PAGES *****************/

/* BOOKING */
#contact h2, #press h2 {margin:10px 10px 0 10px; color:#039;}
#contact h4 {font-size:22px; text-align:center; margin:10px 0; color:#c00;}
#contact h5 {font-size:30px; text-align:center; margin:10px 0; color:#c00;}
#contact p {margin:0 0 8px 0; padding:0;}
#contact p strong {font-size:20px;}

#book-special {border:1px solid #ccc; background:#f5f5f5; width:370px; margin-top:10px;}
#book-special h2 {font-size:16px; text-align:center;}
#book-special h3 { font-size:50px; text-align:center; color:#606; margin:0px; padding:0;}
#book-special h4 {padding:5px; text-align:center; margin:0; background:#606; color:#fff; font-size:24px;}
#book-special h4 em {color:#ff6;}
#book-special p {margin:0; padding:5px;}

#book-form {width:370px; float:left; border:1px solid #ccc; margin-bottom:20px; background:#f5f5f5;}
#book-form label {display: block; float:left; width:170px; margin-bottom:10px; clear:both; text-align:right; margin-right:5px; }
#book-form input {display: block; float:left; width:170px; margin-bottom:10px; border:1px solid #ccc; vertical-align:middle; height:16px;}
#book-form h6 {padding:5px 10px; text-align:left; margin:0; background:#06c; color:#fff; font-size:24px; border-bottom:1px solid #ccc;}
#book-form h5 {margin:0; padding:0; font-style:italic; color:#000; text-align:left; font-size:12px; padding:5px 10px; margin-bottom:8px;}
#book-form span {color:#c00;}
#book-form form {margin:0; width:370px;}
#book-form input#submitbutton {float:none; clear:both; background:#c00; height:auto; margin:20px 0 10px 100px; border:1px solid #900; border-top:1px solid #f00; border-left:1px solid #f00; font-size:24px; font-weight:bold; color:#fff;}

#contactinfo {float:left; width:400px; margin-left: 30px}
* html #contactinfo {margin-left: 38px}
#contactinfo h2 {text-align:center; font-size:30px; margin-bottom:10px; color:#039;}
#contactinfo h3 {text-align:center; font-size:50px; color:#c00; margin:30px 0 0 0; padding:0;}
#contactinfo h4 {text-align:center; font-size:18px; margin:0 0 0 0; padding:0;}
#contactinfo h6 {padding:5px 10px; text-align:left; margin:0; background:#393; color:#fff; font-size:24px; border:1px solid #ccc;}
#contactinfo p {text-align:center; font-size:18px; margin:20px 0 0 0; padding:0;}
#contactinfo p.smalltext {font-size:12px}

#thanks {float:left; width:370px;}
#thanks h2 {text-align:center; font-size:40px; margin-bottom:10px; color:#039;}
#thanks h3 {font-size:40px; text-align:center; margin:10px 0; color:#c00;}
#thanks p {text-align:center; font-size:12px; margin:20px 0 0 0; padding:0;}


/* testimonials */
#testimonials #main h2 {font-size:16px; color:#039; margin:10px 20px 0 10px;}
* html #testimonials #main h2 {font-size:15px;}
*:first-child+html #testimonials #main h2 {font-size:15px;}
#testis {width:370px;}
#testis h4 {color:#039; border-bottom:1px solid #c00; font-size:20px; text-align: left; margin:10px 0 0 0; padding-bottom:5px;}

#testimonials #main h3 {font-size:12px; font-style:italic; text-align:right; margin-bottom:20px;}

/* faqs */
#faqs #main .faq-sections {float:left; width:380px; margin:0 20px 0 10px;}
* html #faqs #main .faq-sections {width:370px;}

#faqs #main .faq-sections h2 {margin:10px 0 0 0; padding:0; color:#039;}
#faqs #main .faq-sections p {margin:0 0 20px 0; padding:0;}

/* faqs */
#venues #main .faq-sections {float:left; width:380px; margin:0 20px 0 10px;}
* html #venues #main .faq-sections {width:370px;}

#venues #main .faq-sections h2 {margin:10px 0 0 0; padding:0; color:#039;}
#venues #main .faq-sections p {margin:0 0 20px 0; padding:0;}

/* press */
.press-sections {float:left; width:700px; margin:0 20px 0 10px;}

/* sitemap */
#sitemap ul {list-style-type:none;}
#sitemap ul li {margin-bottom:8px;}
#sitemap ul ul {margin-top:5px;}

#faqs #main .faq-sections h2 {margin:10px 0 0 0; padding:0; color:#039;}
#faqs #main .faq-sections p {margin:0 0 20px 0; padding:0;}

/* venues */
#venues .venues {margin:5px 0; clear:both; border-top:1px solid #ccc;}
#venues .venues h2 {font-size:16px; font-weight:normal; margin:10px 0 0 0; color:#039;}
#venues .venues strong {font-size: 16px;}
#venues .venues p {font-size:12px; margin:0;}
#venues .venues img {padding:3px; border:1px solid #ccc; float: left; margin: 10px 10px 10px 5px;}

#faqs #main .faq-sections h2 {margin:10px 0 0 0; padding:0; color:#039;}
#faqs #main .faq-sections p {margin:0 0 20px 0; padding:0;}

/* flavours */
#flavours #main h2 {margin:20px 0 0 10px; font-size:24px; color:#039;}
#flavours #main h3 {font-size:14px; color:#393; font-weight:bold; clear:left; padding:0px 500px 0px 10px; margin:0;}
#flavours #main ul {width:140px; float:left; padding:0; margin:0 20px 0 20px;}
* html #flavours #main ul {width:140px; float:left; padding:0; margin:0 20px 0 10px;}

#flavours #main li {padding:3px 0; margin:0; list-style-type: none;}
#flavours #main .toppings {float:left; width:150px; margin:0px 30px 0 0;}
* html #flavours #main .toppings {width:120px; margin:0 -30px 0 0; padding:0;}
#flavours #main .toppings h2 {margin-top:0;}

/* branding */
#branding #main h2 {margin:10px 0 0 10px; font-size:24px; color:#039;}


/* HOME-CATEGORY PAGES */
#category {width:595px; margin-left:8px}
* html #category {margin-left:0;}

/* LEFT NAV */

#nav {width:150px; float:left; margin:0 0 0 10px; padding:0; font-size:12px;}
* html #nav {margin-left:0px;}
#nav p {padding:5px}

/* Email and Search Box */
#email {width:150px; margin:0 0 0 0; background:#cce5ff;}
#email img {margin:0; padding:0; display: block;}
#email p {margin:0; padding:5px; font-size:12px;  border-left:1px solid #039; border-right:1px solid #039; color:#333; font-size:11px;}
#email p strong {font-size:12px; color:#c00;}
#email form { border-left:1px solid #039; border-right:1px solid #039; padding:5px; margin:0;}
.emailSignup {border:1px solid #c00; padding:4px 3px; width:94px;}
.submitButton {border:none; background:#c00; width:30px; color:#fff; padding:3px; text-align:center;}

/* Blue navigation */
#nav ul {margin: 0; padding: 0; width: 150px; border-top:1px solid #039;}
#nav li {list-style: none; margin: 0; width: 148px; line-height:40px; text-transform: uppercase; font-weight:bold; letter-spacing:1px;  border-bottom:1px solid #039; border-right:1px solid #039; border-left:1px solid #039; background: #06c;}
#nav li#ln-contact {background:#c00;}
#nav li a {display: block; color:#fff; text-decoration: none; font-size:14px; padding:1px 0 0 10px; height:40px; border-top:1px solid #69f;}
#nav li#ln-contact a{font-size: 18px;}
#nav li a:hover {background:#ff0; color:#06c; border-top:1px solid #fff;}

#nav #download-area {margin-top:10px; padding:0 5px 0 15px; font-size:11px;}
#nav #download-area img {float:left; margin:0 10px 0 0; vertical-align:middle}

/* Selected states */
#home li#ln-home a,
#works li#ln-works a,
#flavours li#ln-flavours a,
#bar li#ln-bar a,
#branding li#ln-brand a,
#corporate li#ln-corporate a,
#testimonials li#ln-testimonials a,
#gallery li#ln-gallery a,
#faqs li#ln-faqs a,
#venues li#ln-venues a {color:#ff0; background: #393 url(images/arrow.gif) no-repeat 98% 50%; border-top:1px solid #6c6;}
#contact li#ln-contact a {color:#ff0; background: #393 url(images/arrow.gif) no-repeat 98% 50%; border-top:1px solid #6c6;}

#home li#ln-home a:hover,
#works li#ln-works a:hover,
#flavours li#ln-flavours a:hover,
#bar li#ln-bar a:hover,
#branding li#ln-brand a:hover,
#corporate li#ln-corporate a:hover,
#testimonials li#ln-testimonials a:hover,
#gallery li#ln-gallery a:hover,
#faqs li#ln-faqs a:hover,
#venues li#ln-venues a:hover,
#contact li#ln-contact a:hover {border-top:1px solid #6c6;}


/* FOOTER */
#footercontain {clear:both; background: url(images/footer-bg.gif) repeat-x ; margin:0;}
#footer {clear:left; padding: 36px 0; width:1000px; color:#000; text-align:center; margin:0 auto; color:#fff; font-size:12px;}
#footer h1 {margin:0; padding:15px 0 0 0;}
* html #footer h1 {margin:0; padding-bottom:5px;}
#footer p {margin:0; padding:0;}
#footer p strong {font-size:20px;}

#footer a {color:#ff6; margin:0 5px;}

.line {line-height:4px; border-bottom: 1px solid #dfdfdf; padding:0; margin:12px 0 10px 0}

.smalltext {font-size:11px; text-align:center; margin:0; padding:0;}
#contactinfo .smalltext {font-size:11px; text-align:center; margin:10px; padding:0; line-height:normal}
#bar .smalltext {text-align:left;}