@charset "UTF-8";
/* CSS Document */

body { background-image: url(images/background.jpg); background-repeat: repeat-x; text-align:center}
p { margin: 0; margin: 0 0 16px 0; padding: 0}
a {text-decoration:none}
img {border:none}
h1 { font: bold 18px/22px Helvetica, Arial, Verdana, sans-serif; color: #FFF; margin: 0; padding: 0; display:none}
h2 { font: bold 16px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#20385E; margin: 0; padding: 0 }
h3 { font: bold 14px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#7A9BBE; margin: 0; padding: 0 }
ul { list-style-type:none; padding:0 0 16px 0; margin: 0}
li {padding:0; margin:0}
/***************primary navigation************/
#mainmenu ul { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; padding:10px 0 0 14px}
#mainmenu ul li { display: inline; font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#FFF; padding:0; margin:0; margin-right:12px}
#mainmenu ul li a { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#FFF}
#mainmenu ul li a:hover { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#A8C2DD}
#mainmenu a:active { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#A8C2DD}
#mainmenu li#active a { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#A8C2DD}

#container { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; color: #000; position:relative; width: 823px; margin: 0 auto; padding:0; text-align:left}

#masthead { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; color: #000; position:relative; display:none}
#firstpara { float:left; width:440px; background-color:#E7D6CC; font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif; color:#95664C; padding:8px 16px 8px 28px; margin: 0 0 18px 5px}
#firstparabespoke { float:left; width:396px; background-color:#E7D6CC; font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif; color:#95664C; padding:8px 16px 8px 28px; margin: 0 0 18px 5px}
#firstparacont { position:relative; width:770px; background-color:#E7D6CC; font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif; color:#95664C; padding:8px 16px 8px 28px; margin: 0 0 18px 5px}
.gallhead { clear:both; float:left; width:440px; font: bold 14px/16px Helvetica, Arial, Verdana, sans-serif; color:#0075b2; padding:7px 0 0 2px; margin: 0; display:inline}
#bodytext { float:left; width:440px; font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#000; padding:0 16px 0 28px; margin: 0 0 0 5px}
#bodytext2 { float:left; width:350px; font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#000; padding: 0; margin: 0}
#bodytextcont { position:relative; width:430px; font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#000; padding:0 16px 0 28px; margin: 0 0 0 5px}
#mainmenu { position:relative; padding:0; margin:0; width:815px}
#footlinks { position:relative; text-align:right; padding:0; margin:0; width:820px}

#header { position:relative; width:823px; height:107px}
#navbar { position:relative; width:823px; height:42px; background-image:url(images/navbar.gif); background-repeat:no-repeat}
#mainpage { position:relative; width:823px; height:606px; background-image:url(images/mainpagearea.gif); background-repeat:no-repeat; padding::1px 0 0 0}
#mappage { position:relative; background-image:url(images/map.gif); background-repeat:none; width:823px; height:606px}	
#fpheading { float:left; width:443px; padding:0; margin:1px 0 0 5px; height:90px; background-image:url(images/fpheadline.gif); background-repeat:no-repeat}
#restorheading { float:left; width:364px; padding:0; margin:1px 0 0 5px; height:90px; background-image:url(images/restheadline.gif); background-repeat:no-repeat}
#linksheading { float:left; width:272px; padding:0; margin:1px 0 0 5px; height:47px; background-image:url(images/linkshead.gif); background-repeat:no-repeat}
#bespokeheading { float:left; width:331px; padding:0; margin:1px 0 14px 5px; height:74px; background-image:url(images/bespokeheadline.gif); background-repeat:no-repeat}
#gallheading { clear:both; position:relative; width:814px; margin:1px 0 12px 5px; padding:1px 0 0 0; height:50px; background-image:url(images/gallhead.gif); background-repeat:no-repeat}
#contheading { clear:both; position:relative; width:814px; margin:1px 0 12px 5px; padding:0; height:50px; background-image:url(images/contheadline.gif); background-repeat:no-repeat}
#sustainheading { position:relative; width:504px; padding:0; margin:1px 0 16px 5px; height:42px; background-image:url(images/sustainheadline.gif); background-repeat:no-repeat}
#aboutheading { position:relative; width:603px; padding:0; margin:1px 0 16px 5px; height:42px; background-image:url(images/aboutheadline.gif); background-repeat:no-repeat}
#commheading { position:relative; width:501px; padding:0; margin:1px 0 16px 5px; height:42px; background-image:url(images/commheadline.gif); background-repeat:no-repeat; clear:both}
#kitchheading { position:relative; width:357px; padding:0; margin:1px 0 16px 5px; height:42px; background-image:url(images/kitchheadline.gif); background-repeat:no-repeat}
#sorryheading { float:left; width:159px; padding:0; margin:1px 0 0 5px; height:47px; background-image:url(images/sorry.gif); background-repeat:no-repeat}
#fpphoto { float:right; width:334px; margin:1px 0 0 0; padding:0; height:599px}
#bespokephoto { float:right; width:374px; margin:1px 4px 20px 0; padding:0; height:374px}
#aboutphoto { position:relative; width:814px; margin:1px 0 16px 5px; padding:0; height:254px}
#commphoto { float:left; width:267px; margin:1px 4px 16px 5px; padding:0; height:243px}
#commphoto2 { float:left; width:543px; margin:1px 0 16px 0; padding:0; height:243px}
#enqform { clear:both; position:relative; width:794px; padding:10px 10px 10px 10px; margin: 0 0 0 5px; height:337px; background-color:#7A9BBE}
#galtext { position:relative; width:530px; margin: 0 0 0 33px; padding:0}
#column1 {float:left; width:350px; margin: 0 0 0 33px; padding:0}
#column2 {float:right; width:350px; margin: 0 33px 0 0; padding:0}
#formcolumn1 {float:left; width:336px; margin: 0; padding:0 0 0 18px}
#formcolumn2 {float:right; width:336px; margin: 32px 33px 0 0; padding:0}
#maptext {float:right; width:238px; margin: 1px 4px 0 0; background-color:#0160A2; color:#FFF; border:0; padding:16px 16px 0 16px}
#bespoke2 {float:right; width:350px; margin: 0 28px 0 0; padding:0}

a:link { font: bold 12px/16px  Helvetica, Arial, Verdana, sans-serif; text-decoration:none; color: #7A9BBE}
a:visited { font: bold 12px/16px  Helvetica, Arial, Verdana, sans-serif; text-decoration:none; color: #7A9BBE}
a:hover { font: bold 12px/16px  Helvetica, Arial, Verdana, sans-serif; text-decoration:none; color: #20385E}
a:active { font: bold 12px/16px  Helvetica, Arial, Verdana, sans-serif; text-decoration:none; color: #20385E}

/***************footlinks navigation************/
#footlinks ul { font: normal 10px/14px Helvetica, Arial, Verdana, sans-serif; padding:0}
#footlinks ul li { display: inline; font: normal 10px/14px Helvetica, Arial, Verdana, sans-serif; color:#20385E; padding:0; margin:0; margin-left:12px}
#footlinks ul li a { font: bold 10px/14px Helvetica, Arial, Verdana, sans-serif; color:#20385E}
#footlinks ul li a:hover { font: bold 10px/14px Helvetica, Arial, Verdana, sans-serif; color:#A8C2DD}
#footlinks a:active { font: bold 10px/14px Helvetica, Arial, Verdana, sans-serif; color:#A8C2DD}
#footlinks li#active a { font: bold 10px/14px Helvetica, Arial, Verdana, sans-serif; color:#A8C2DD}

.formheader { font: bold 16px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#20385E}
.bodytext { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#000; padding:0; margin:0}
.hidecaption {margin-left: -999em}
.quote { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#20385E}
.subhead { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#000; margin:0}
.bodytextwhite { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#FFF; margin:0 0 10px 0}
.bodytextwhitenopad { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#FFF; margin:0}
.bodytexttoppad { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#000; margin:16px 0 0 0}
.bodytextnopad { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#000; margin:0}
.weetextwhite { font: normal 10px/14px Helvetica, Arial, Verdana, sans-serif; text-align:left; color:#FFF}