/*
	The King's Seat Main Stylesheet
*/
* {font-family: Georgia, "Times New Roman", Times, serif;}
body { background: #f3eace; }
body.home, body.restaurant-and-bar , body.offers-and-whats-on, body.contact { background:url(../images/pattern.jpg) 0 0 repeat; }
/*
	Container of the site
*/
div#container                  { width: 960px; margin: 0 auto;}
/*
	Header
*/
div#header { width: 960px; height: 236px; background: url(../images/header_image.jpg) no-repeat center center; }
div#header_restaurant { width: 960px; height: 236px; background: url(../images/header_restaurant.jpg) no-repeat center center; }
div#header_whatson { width: 960px; height: 236px; background: url(../images/header_whatson.jpg) no-repeat center center; }
div#header_contact { width: 960px; height: 236px; background: url(../images/header_image_contact.jpg) no-repeat center center; }
div#header h1, div#header_restaurant h1, div#header_whatson h1, div#header_contact h1{ width: 960px; height: 236px; text-indent: -9999px; }
div#header h1 a, div#header_restaurant a, div#header_whatson a, div#header_contact a{ display: block; width: 960px; height: 236px; text-indent: -9999px;}
/*
	Navigation
*/
div#navigation { height: 44px; width: 950px; padding: 5px; background: #FFF;}

div#navigation ul {}
div#navigation ul li { float: left; height: 44px; width: 230px;}
div#navigation ul li a{ display: block; height: 44px; width: 230px; }

div#navigation ul li#home { background: url(../images/nav.jpg) 0 0;  }
div#navigation ul li#home:hover { background: url(../images/nav.jpg) 0 -44px;  }

div#navigation ul li#restaurant-and-bar { background: url(../images/nav.jpg) -230px 0;  }
div#navigation ul li#restaurant-and-bar:hover { background: url(../images/nav.jpg) -230px -44px;  }

div#navigation ul li#offers-and-whats-on { background: url(../images/nav.jpg) -460px 0; width: 245px  }
div#navigation ul li#offers-and-whats-on:hover { background: url(../images/nav.jpg) -460px -44px;  }

div#navigation ul li#contact-us { background: url(../images/nav.jpg) -704px 0; width: 244px; }
div#navigation ul li#contact-us:hover { background: url(../images/nav.jpg) -704px -44px;  }
/*
	Content
*/
div#content_wrap { background: #FFF;}
div#content_wrap p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; color:#333333;}
div#content_wrap p.red { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; color:#b03b4f;}
div#content_wrap h1 { font-size: 18px; line-height: 22px; margin: 0 0 10px 0; font-weight:bold; color: #623613;}
div#content_wrap h2 { font-size: 18px; line-height: 22px; margin: 0 0 10px 0; font-weight:bold; color: #623613;}
div#content_wrap div#left { float: left; }

div#content_wrap div.middle, div#content_wrap div.middle_contact { float: left; width: 470px; padding: 0 5px 0 15px;}
div#content_wrap div.middle_restaurant { float: left; width: 690px; padding: 0 5px 0 15px;}
div#content_wrap div.middle_whatson { float: left; width: 230px; padding: 0 5px 0 15px;}
div#content_wrap div.middle_contact p, div#content_wrap div.middle_contact h2, div#content_wrap div.middle_contact h1 { text-align: center; }
div#content_wrap div.middle_contact h2 {margin: 0 0 -1px 0; }
div#content_wrap div.right { float: left;  }
/*
	Footer
*/
div#footer { background: url(../images/footer-bg.jpg) no-repeat center center; height:52px;}
div#footer p.contact { color: #FFF; line-height: 18px; float: left;  padding: 10px;}
div#footer p.contact span { font-size: 11px; }
p.copyright { color:#333; margin: 15px 0; float:right; }

div#footer div#mailing_list { float: right; color: #FFF; font-size:11px; }
div#footer div#mailing_list form { }
div#footer div#mailing_list form button { border: none; background: transparent; width: 75px; height:33px; margin-top: 5px; position: relative; top: 10px;}

div#footer_image { width: 959px; margin: 0; padding:0;}
div#footer_image_whatson { width: 959px; height:160px; margin: 0; padding:0; background:transparent; overflow:auto; white-space:nowrap;}
div#footer_image_whatson img { padding: 0 10px; }
/*
	Classes
*/
div.clear                   { clear: both; }

/* scrollbar */
body {scrollbar-3dlight-color:#b03a50;
scrollbar-arrow-color:#682431;
scrollbar-base-color:#f0f0f0;
scrollbar-darkshadow-color:#682431;
scrollbar-face-color:#b03a50;
scrollbar-highlight-color:#ebc5cc;
scrollbar-shadow-color:#222}