﻿html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* End Reset Stylesheet*/

body { font-family: Times New Roman, Serif; }
h1, h2 { font-weight:bold; color:#4d4d4d; padding: 10px 0; }
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
p, th, td, .sub-menu ul { font-size: 0.9em; }
p, .sub-about-holder li { line-height: 1.2em; margin:5px 0; }
strong { font-weight:bold; }

#mainImage {margin:80px auto 90px; display:block; }
#title-image { margin: 10px auto 10px; display:block; }

#wrapper { margin:0 auto; width:820px; overflow:hidden; }
#wrapper img { margin:80px auto 0; display:block; }

#menu { width:100%; background-color:#fff;}
#menu ul { margin: 0 auto; overflow:hidden; width:465px; }
#menu li { float:left; text-align:center; font-size:1em; margin: 0 6px; }
#menu a { color:#c5c5c5; text-decoration:none; }
#menu a:hover { color:#000; }
#menu a.active { color:#000; }

#recipe-holder { height:530px; width:820px; margin: 20px auto 21px; padding-top:60px; position:relative; background: transparent url('../Images/Pages/Recipes-Blank.jpg') no-repeat; background-position:top; }
#recipe-content { width:285px; height:380px; margin: 0 0 0 85px; overflow:auto; overflow-x: hidden; }
#recipe-content h1 { font-size:11px; text-align:center; text-transform:uppercase; font-weight:normal; color:#000; margin-bottom:20px; }
#recipe-content p, #recipe-content ul, #recipe-content-right p, #recipe-content-right ul { font-size:11px; line-height:15px; margin-bottom:20px; }

#recipe-content-right { float:right; width:285px; height:380px; margin: 0 85px 0 0; overflow:auto; overflow-x: hidden; }
#recipe-content-right img { margin: 0 auto; }

#st-clements-left, #st-clements-right { position:absolute; top:20px; font-size:10px; }
#st-clements-left a, #st-clements-right a { text-decoration:none; color:#000; }
#st-clements-left { left:86px; }
#st-clements-right { left:660px; }

#recipe-image { float: right; padding-right:120px; padding-top:70px;}

#pager { font-size: 11px; margin:10px 0 0 85px; }

#content-holder { width:700px; margin: 20px auto 40px; }
#content-holder a, #content-holder a:visited { color:#00f; text-decoration:underline; }

#contact-home-link { margin:220px 0 0 280px; width:300px; height:40px;display:block; }
#contact-links { margin:50px 0 0 280px; width:300px; }
#contact-links a { display:block; height:20px; width:300px; }

#map-holder { width:500px; height:400px; margin:20px auto 20px; }

#about-home-link { display:block; height:50px; width:100%; padding-bottom:72px; }

#about-holder { height:460px; width:760px; margin: 20px 0 10px 176px; background: transparent url('../Images/Menu/menu.jpg') no-repeat; background-position:top left; }
#about-holder h1 { font-size:20px; width:460px; float:left; text-transform:uppercase; font-weight:normal; color:#000; margin: 0 0 20px 5px; 
                   letter-spacing:1px; }

#about-events { float:left; width:100px; font-weight:normal; font-size:20px; color:#000; margin: 0 0 20px 45px; letter-spacing:1.5px; }

#about-holder-left-content { width:210px; height:260px; margin: 55px 0 0 6px; overflow:hidden; overflow-x: hidden; float:left; clear:left; }
#about-holder-left-content p, #about-holder-left-content ul, #about-holder-right-content p, #about-holder-right-content ul 
{ font-size:13px; line-height:17px; margin-bottom:10px; text-align:justify; }

#about-holder-right-content  { float:left; width:210px; height:260px; margin: 55px 0 0 32px; overflow:hidden; overflow-x: hidden; }
#about-holder-right-content img { margin: 0 auto; }
#about-holder-right-content p em { padding-top:8px; display:block; }

#about-holder-right-menu { float:left; width:190px; height:260px; margin: 55px 0 0 42px; overflow:auto; overflow-x: hidden;}
#about-holder-right-menu p { font-size:13px; line-height:18px; margin-bottom:15px; }
#about-holder-right-menu p.wide { letter-spacing:1px; }
#about-holder-right-menu a { color:#97999b; text-decoration:none; }

#menu-holder { width:980px; overflow:hidden; margin-bottom:50px; }
#menu-holder-left-content { width:260px; float:left;}
#menu-holder-left-content ul { margin-top:183px; text-transform:uppercase; }
#menu-holder-left-content li { margin: 5px 0; line-height:12px; }
#menu-holder-left-content a { color:#000; text-decoration:none; font-size:11px; letter-spacing:1.25pt; }
#menu-holder-left-content a:hover { color:#97999b; }

img#menu-header { margin:100px 0 0 545px; text-align:right; }

#menu-holder-right-content { width:455px;  float:left; margin:40px 0 20px 5px; overflow: hidden; padding-bottom:20px;}
#menu-holder-right-content #content-holder { width:490px; margin: 0; padding:0; }
#menu-holder-right-content table { width:480px; }
#menu-holder-right-content td { padding:3px 10px 3px 0; font-size:12px !important; line-height:12px; font-family: Times New Roman, Serif !important; }
#menu-holder-right-content p { font-size:12px; line-height:12px; color:#000; }
#menu-holder-right-content p.price { letter-spacing:1.25pt; }
#menu-holder-right-content h1, #menu-holder-right-content h2 
{ font-size:11px; font-weight:normal; padding-bottom:0; letter-spacing:1.25pt; line-height:17pt; color:#000; text-transform:uppercase; }

.sub-about-holder { width:200px; float:right; border: solid 1px #000; padding:10px; }
.sub-about-holder li { display:block; }

#home-page-holder { width:730px; height:642px; margin:0 auto; position:relative; background: transparent url('../images/homepage/background.jpg') no-repeat bottom right; border: solid 1px #fff; }

#seagull-text { position:absolute; bottom:5px; right:8px; width:120px; font-size:10px; text-align:center; color:#797979; }
#seagull-text a { text-decoration:none; color:#797979; }
#seagull-text a:hover { color:#000; }

#opening-times-holder { width:450px; margin: 40px auto 0; }
#opening-times-header { margin-left: 0; margin-right: 95px !important; margin-top: 100px !important; }
#opening-times-holder h1, #opening-times-holder h2
{ font-size:11px; font-weight:normal; padding-bottom:0; letter-spacing:1.25pt; line-height:17pt; color:#000; text-transform:uppercase; }

#opening-times-holder p { font-size: 12px; line-height: 12px; padding: 3px 10px 3px 0; }



/*
#menu-holder { background-color:Lime; }
#menu-holder-left-content { background-color:Yellow; }
#menu-holder-right-content .header { background-color:Red; }
#menu-holder-right-content { background-color:Gray; }
#mainImage, #home-page-holder { border: solid 1px lime; }
*/


/*
#wrapper { background-color:Yellow; }
#menu { background-color:Lime; }
#menu ul { background-color:Red; }
*/


