/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */

body {background:#fff; padding:15px; font-size:12px; font-family:arial, helvetica, sans-serif; color:#877975; line-height:1.8; margin:0;}
html {background:url(background.jpg); padding:0; margin:0;}


/* Standard Styles */

* {padding:0; margin:0; z-index:1;}
.clear {clear:both; }
.left {float:left;}
.right {float:right;}
p {margin:0 0 1.5em 0}
hr {margin:5px 0;}
.hr {border-bottom:1px solid #DDDDDD; clear:both; font-size:1px; height:1px; margin:15px 0; width:100%;}

a {color:#83362e; text-decoration:underline; }
a:hover {color:#877975}
a img {border:none;}

h1, h2, h3, h4 {margin:0 0 10px 0; padding:5px 0; line-height:1;}
h1 {color:#83362e; font-size:24px; }
h2 {color:#3f6393; font-size:18px; }
h3 {color:#83362e; font-size:18px; }
h4 {color:#3f6393; font-size:16px; }

img.clsleft	{margin:0 10px 10px 0; float:left;}
img.clsmiddle {margin:0 10px}
img.clsright {margin:0 0 10px 10px; float:right; }
img.clsborderleft {margin:0 10px 8px 0; border:1px solid #ddd; padding:4px; float:left; }
img.clsbordermiddle {border:1px solid #ddd; padding:4px; }
img.clsborderright {margin:0 0 8px 10px; border:1px solid #ddd; padding:4px; float:right; }
img.border {border:1px solid #ddd; padding:4px; }
img.noborder {border:0;}

.notes	{font-size:0.8em; color:#888; margin:1.5em 0;}
.shout	{color:#555; font-size:15px; margin:0 0 20px 0; padding:10px; line-height:1; background:#ddd;}
.shout2 {color:#333; font-size: 15px; font-style:italic; margin:0 0 20px 0; padding:2px 0 2px 12px; line-height:1; border-left:10px solid #ddd}

.quote {  padding:10px; color:#877975;  font-size:1.0em; line-height:1.4em; border:1px solid #ebe7e0; line-height:1.6;}
.quote span {font-size:2em;}
.quote span.open {color:#BDB8A7; display:block; float:left; font-family:arial; font-size:110px; height:50px; line-height:1; margin:-11px 0 0 -5px; width:60px;}
.quote span.close {color:#BDB8A7; display:block; float:right; font-family:arial; font-size:110px; height:60px; line-height:1; margin:24px -29px 0 0; width:65px; overflow:hidden;}


.caption { }
.custom1 {margin:1.5em 0;}
.custom2 {margin:1.5em 0; }

ul, ol {margin:0 0 20px 30px;}
li {}

table {border:none; padding:0; font-size:1em;}
table td {padding:0; border:none; vertical-align:top;}



/* Structural Styles */

#container {width:960px; margin:0 auto; overflow:hidden} 

#header {height:137px; }
#header h2 {float:left; height:137px; width:525px; text-indent:-9999px; background:url(sitelogo.jpg); border:none; margin:0; padding:0;}
#header h2 a {width:100%; height:100%; display:block;}

#address {float:right; font-size:15px; color:#83362e; width:250px; text-align:right; margin:53px 0 0 0; line-height:19px;}
h1 .cufon-vml {  margin: 2px 0; } /* ensure (margin-top) + (margin-bottom) + (parent font-size) = (parent line-height). Works under strict doctype only. */
#address span {font-size:19px; display:block; margin-top:15px;}

#navigation { height:45px; clear:both; width:960px; margin:10px 0 6px 0; background:url(nav_bkg.gif);}
#nav {margin:0px; overflow:hidden; padding:0; height:45px; width:960px; background:url(nav_right.gif) right top no-repeat; }
#nav li {display:block; margin:0; float:left; height:45px; background:url(nav_border.gif) right no-repeat; padding:0 2px 0 0;}
#nav li a {text-decoration:none; line-height:13px; font-size:13px; display:block; padding:16px 15px; color:#3f6393;}
#nav li a#active {background:url(nav_active.gif);}
#nav li:first-child a {background:url(nav_left.gif) left top no-repeat;}
#nav li:first-child a#active {background:url(nav_active_left.gif) left top no-repeat;}
#nav li a:hover {color:#83362e}

#toppic {}

#pagetop {width:960px; height:4px; background:url(page_top.gif); font-size:1px;}
#pagecontent {overflow:hidden;  background:#fff; border-left:1px solid #e3ddd0; border-right:1px solid #e3ddd0; padding:20px 30px;}
#pagebottom {width:960px; height:6px; background:url(page_bottom.gif); font-size:1px;}

#main {width:604px; float:left;}

#side {width:261px; float:right; text-align:center;}
#side h2 {text-align:left;}
#openingtimes, #map {background:url(divide.gif) bottom center no-repeat; padding:0 0 40px 0; margin-bottom:20px}
#facebook {background:url(facebook.gif); height:42px; width:255px; margin:0 auto; text-indent:-9999px; display:block;}
#twitter {background:url(twitter.gif); height:42px; width:255px; margin:0 auto; text-indent:-9999px; display:block;}
#MMEmbeddedMap {border:1px solid #e3ddd0; padding:4px}
#larger {text-align:right; margin:5px 7px 0 0;}

#footer {width:100%; height:17px; clear:both; margin-top:10px; padding:10px 0; color:#555555; background:url(footer.gif); font-size:11px;}
#footer #footer-inner {width:960px; margin:0 auto;}
#footer a {color:#555555}



/* Content Styles */

#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #83362e; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:180px; float:left; margin:0 0 0 50px;}
#contactinfo h2 { margin:0;}
#contactinfo p { margin: 0 0 20px 0;}

#specials {
display:none;}

#page2 #pagecontent{
background:url(sidebk.jpg) top right repeat-y #ffffff;}

#page2 #specials {
display:block;}
.quote .in{
float:left;
width:210px;
color:#462f16
}