* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}

body {
font-family: Arial,Helvetica,Verdana, Sans-Serif;
font-size: 62.5%;
color:#6b6b6b;
background:#fff;
}

img {border:0px;}
img.border {border:1px solid #e8e8e8;}
img.block {display:block;}
img.inline {display:inline;}

.clear {clear: both;}
.clear10 {clear: both;height:10px;}

em {font-style:italic;}

strong {font-weight:bold;}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}

sup.requiredField {color:#78a193;}

acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

hr {display:none;}


#atff {
  display: none;
}

div.clearnav {
display:block;
height: 5px;
width:100%;
background:#fff;
}

.wrapper {
width:994px;
margin: 0px auto 0px auto;
height:100%;
background:#4b6d5f;
}

#header {
height:128px;
background:#87ab9f;
color:#6b6b6b;
}

#head {
position:relative;
width:910px;
height:128px;
margin: 0px auto 0px auto;
}

#logo {
position:absolute;
top: 20px;
left:33px;
}

#contactHead {
position:absolute;
left:auto;
right:0px;
height:128px;
width:229px;
/*background:#8db3a8 url(../images/contact_head.png);*/
background:#8db3a8;
padding: 0px 0px 0px 25px;
}

#contactHead .position {
position:relative;
top:30px;
}

#contactHead h2 {
/*display:none;*/
font-size:1.2em;
color:#354d4d;
font-weight:normal;
}

#contactHead h2.top {margin: 0px 0px 11px 0px;}

#contactHead span {color:#feffff;}

#navbar {
position:absolute;
top: 82px;
left: 215px;
height:40px;
}

#navbar:after {clear:both}

/*Credits: CSSplay */

#navbar ul {
height:23px;
display: inline;
width: auto;
list-style-type: none;
}

#navbar li {
display: inline;
list-style-type: none;
line-height:22px;
}
a.navbar-home, a.navbar-about, a.navbar-news, a.navbar-maps, a.navbar-careers, a.navbar-enquiries {
display: block;
position: relative;
float: left;
text-decoration: none;
color:#fff;
font-size:1.3em;
text-align:center;
margin-left:-2px;
height: 23px;
}

a.navbar-home {
width: 70px;
background: url(../images/separator.png) no-repeat right;
}

a.navbar-about {
width: 74px;
background: url(../images/separator.png) no-repeat right;
}

a.navbar-news {
width: 73px;
background: url(../images/separator.png) no-repeat right;
}

a.navbar-maps  {
width: 71px;
background: url(../images/separator.png) no-repeat right;
}

a.navbar-careers{
width: 82px;
background: url(../images/separator.png) no-repeat right;
}

a.navbar-enquiries {width: 90px;}

a.navbar-home:hover, a.navbar-about:hover, a.navbar-news:hover, a.navbar-maps:hover, a.navbar-careers:hover, a.navbar-enquiries:hover {background:#690f11;}
#home a.navbar-home, #aboutmet a.navbar-about, #aboutway a.navbar-about, #news a.navbar-news, #mapsbistro a.navbar-maps, #mapsrestau a.navbar-maps, #careers a.navbar-careers, #enquiries a.navbar-enquiries {background:#690f11;}


#navbar ul ul {
height:23px;
list-style-type: none;
visibility:hidden;
position:absolute;
left:0px;
top:23px;
width:680px;
z-index:200;
}

#mapsbistro #navbar ul ul.maps, #mapsrestau #navbar ul ul.maps {visibility:visible;}

#aboutmet #navbar ul ul.about, #aboutway #navbar ul ul.about {visibility:visible;}

#navbar ul ul a {
height:23px;
float:left;
color:#384c4d;
width:auto;
font-size:1.1em;
text-decoration:none;
margin-left:-2px;
padding: 0px 0px 0px 19px;
z-index:300;
}

#navbar ul ul a.met {width:170px;}
#navbar ul ul a.way {width:123px; background: url(../images/separator2.png) no-repeat right;}

#navbar ul ul a.bistro {width:194px; background: url(../images/separator2.png) no-repeat right;}
#navbar ul ul a.restau {width:259px;}

#navbar ul ul a:hover,
#mapsbistro #navbar ul ul a.bistro,
#mapsrestau #navbar ul ul a.restau,
#aboutmet #navbar ul ul a.met,
#aboutway #navbar ul ul a.way
{
background:#364b4c;
color:#fff;
text-decoration:none;
}

#navbar ul li:hover ul,
#navbar ul a:hover ul{
visibility:visible;
height:auto;
display: inline;
}



#content {
margin: 0px 0px 0px 0px;
background: #fff url(../images/background-content.png) repeat-y left;
}

#left {
position:relative;
float:left;
width:250px;
}

#block1 {background: #fff url(../images/grey1.png) repeat-y left;}

#block1 .navBlock {
background:#eedbb3;
width:155px;
margin:0px 0px 0px 50px;
padding: 25px 20px 0px 25px;
height:274px;
}

#block1 .navBlock h3 a.events {
display:block;
height:13px;
width:60px;
background: url(../images/events.png) no-repeat top;
}

#block1 .navBlock h3 a.bistro {
display:block;
height:13px;
width:59px;
background: url(../images/bistro.png) no-repeat top;
}

#block1 .navBlock h3 a.restaurant {
display:block;
height:13px;
width:104px;
background: url(../images/restaurant.png) no-repeat top;
}

#block1 .navBlock ul {
margin: 11px 0px 0px 0px;
font-size:1.2em;
}

#block1 .navBlock li {
list-style-type: none;
margin: 6px 0px;
}

#block1 .navBlock a {
color:#5f4e2a;
text-decoration:none;
}

#block1 .navBlock a:hover,
#canape-menu a.canape,
#dinner-menu-seasonal a.dinner-seasonal,
#private-catering a.catering,
#bowl-food-menu a.bowl-menu,
#lunch-menu-bistro a.lunch-baffins,
#lunch-menu-pallant a.lunch-pallant,
#afternoon-tea-pallant a.tea-pallant,
#dinner-menu-pallant a.dinner-pallant
{color:#690f10}

#block1 .navBlock div.hr {
display:block;
height: 4px;
width:100%;
border-bottom: 1px solid #cbb890;
clear: both;
margin:0px 0px 14px 0px;
}

#bookmarkBlock {
background:#e4ca97;
width:175px;
padding: 12px 0px 0px 25px;
margin:0px 0px 0px 50px;
height:28px;
}

/*#contactBlock {
width:155px;
margin:0px 0px 0px 50px;
padding: 30px 20px 0px 25px;
}

#contactBlock h3.contact {
display:block;
height:13px;
width:79px;
background: url(../images/contact.png) no-repeat top;
margin: 0px 0px 15px 0px;
}

#contactBlock p {
font-size:1.2em;
color: #fff;
}

#contactBlock p.telephone {
color: #364b4c;
margin: 0px 0px 15px 0px;
}*/

#testimonialBlock {
width:155px;
margin:0px 0px 0px 50px;
padding: 30px 20px 0px 25px;
}

#testimonialBlock q {
font-size:1.2em;
color: #fff;
font-weight:bold;
display:block;
}

#testimonialBlock cite {
margin-top:3px;
font-size:1.2em;
color: #fff;
display:block;
}

#txtwrapper {
float:right;
position:relative;
width:744px;
background: #fff;
margin: 0px 0px 0px 0px;
}

#txt {
background: #fff url(../images/grey2.png) repeat-y right;
min-height: 600px;
margin: 0px 0px 5px 7px ;
}

#txt h2 {margin: 0px 0px 25px 20px;}

#txt p, #bigtext p {
margin: 15px 0px 15px 35px;
font-size:1.3em;
}

#text {
width:406px;
float:left;
padding: 25px 30px 0px 0px;
}

#bigtext {
width:666px;
float:left;
padding: 25px 30px 0px 0px;
}

#text ul, #bigtext ul {
margin: 15px 0px 15px 35px;
font-size:1.3em;
}

#text li, #bigtext li {
line-height:1.3em;
margin: 0px 0px 5px 0px;
list-style-type: none;
background: url(../images/bullet.png) 0px 6px no-repeat;
padding-left:13px; /* space between bullet and text */ 
}

#text ul ul, #bigtext ul ul {
font-size:1em;
margin: 5px 0px 5px 25px;
}

#txt a, #bigtext a {
color:#914f51;
text-decoration:none;
}

#txt a:hover, #bigtext a:hover{text-decoration:underline;}


#picture {
width:256px;
float:left;
}


#footer {
/*background:#4b6d5f url(../images/footer-back.png) repeat-y;*/
background:#4b6d5f;
height:37px;
clear:both;
}

#foot {
position:relative;
width:910px;
margin: 0px auto 0px auto;
color:#b9c2bd;
font-size:1.1em;
line-height:36px;
}

.navfooter {
width:451px;
float:left;
}

.copyright {
width:451px;
float:right;
text-align:right;
}

#foot a {
color:#b9c2bd;
text-decoration: none;
}

#foot a:hover {text-decoration: underline;}

.navfooter ul {
display: inline;
width: auto;
}

.navfooter li {
display: inline;
list-style-type: none;
}
.navfooter a {
display: block;
position: relative;
float: left;
text-align:center;
padding: 0px 9px 0px 8px;
background: url(../images/separator3.png) no-repeat right;
}
.navfooter a.last {
background: none;
}