/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



#tabSection .tabs{
  margin-bottom: 0 !important;
}


#tabSection .BlogRecentPost, #tabSection .BlogPostArchive{
  border: 1px solid #a8a8a8;
      padding: 1em;
          overflow-y: scroll;
    max-height: 400px;
}

#tabSection .tabs li{
  border: 1px solid #a8a8a8 !important; 
}

/**************************************************************
******************         GRID          ********************
**************************************************************/
body {
  width: 100%;
  *zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }




/**************************************************************
******************         CLASSES          *******************
**************************************************************/

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  zoom: 1; /* ie 6/7 */
}

.hidden {
  display: none; }

.fixed {
  position: fixed; }

header.fixed{
    top: -100px;
}

nav.fixed{
    top: -57px;
}

.selected > a:link{
    color: #fff;
}

.selected > a:visited{
    color: #fff;
}

.selected > a:hover{
    color: #fff;
}

.selected > a:active{
    color: #fff;
}

.underline{
    border-bottom: 1px solid black;
    padding-bottom: 0.1em;
}

#gardenPics{
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}


/**************************************************************
******************         GLOBAL          ********************
**************************************************************/
html {
  box-sizing: border-box; }

/*html, body{
    background: #000;
}*/

*, *:before, *:after {
  box-sizing: inherit; }

b {
  font-weight: bold; }

h3 {
  font-size: 1.538em; }

.mainContent {
  *zoom: 1; }
  .mainContent:before, .mainContent:after {
    content: "";
    display: table; }
  .mainContent:after {
    clear: both; }

.mainContentBody {
  *zoom: 1; }
  .mainContentBody:before, .mainContentBody:after {
    content: "";
    display: table; }
  .mainContentBody:after {
    clear: both; }

.mainContentBody{
    float: left;
    width: 100%;
}

.enterSection{
    padding-bottom: 1em;
    letter-spacing: 0.25em;
    text-align: center;
    text-transform: uppercase;
}

.homestoreCounter a, .windowThumb{
    text-decoration: none;
}
    

.enterSection a:link{
    color: #000;
}

.enterSection a:visited{
    color: #000;
}

.enterSection a:hover{
    color: #000;
}

.enterSection a:active{
    color: #000;
}

.homestoreCounter .enterSection a:link{
    color: #fff;
}

.homestoreCounter .enterSection a:visited{
    color: #fff;
}

.homestoreCounter .enterSection a:hover{
    color: #fff;
}

.homestoreCounter .enterSection a:active{
    color: #fff;
}

.homestoreCounter a:link{
    color: #c0c0c0;
}

.homestoreCounter a:visited{
    color: #c0c0c0;
}

.homestoreCounter a:hover{
    color: #c0c0c0;
}

.homestoreCounter a:active{
    color: #c0c0c0;
}

.shopTicket{
    cursor: pointer;
    position: absolute;
    top: 100px;
    right: -8em;
    width: 8em;
}


/**************************************************************
******************         BC SYSTEM PAGES          ********************
**************************************************************/

.system-page{
    background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839; 
}
    
.webform-submission{
	width: 100%;
}

.webform-submission img{
    max-width: 100%;
}

.webform-submission .system-message{
    margin: 0;
    padding: 2em 1em;
}    

.webform-submission h1, .webform-submission p, .webform-submission td{
    font-family: "GillSansMTStd-Light";
}

.webform-submission h1{
	font-size: 1.4em;
}

.webform-submission p{
    color: #666666;
	font-size: 1.1em;
}

.webform-results{
    margin: 2em 0 0 0;
}

.webform-results td{
    font-size: 1em;
    padding-bottom: 1.6em;
}

.webform-results td#title{
    display: none;
}

.webform-results strong{
    display: block;
}

.webform-submission button{
  background: #786860;
    border: none;
    color: #ccc;
    cursor: pointer;
    font-size: 1em;
  font-family: "GillSansMTStd-Light";
  width: auto;
  margin: 0 0%;
  margin: 0 0 2em 0; 
    padding: 0.5em 1em 0.4em 1em;
}

/**************************************************************
******************         HEADER          ********************
**************************************************************/
header {
  *zoom: 1;
  background: url("/images/head-bg.jpg");
  height: 100px;
  text-align: center;
  width: 100%; 
  z-index: 700;
}

.headerContent{
      position: relative;
}

  header:before, header:after {
    content: "";
    display: table; }
  header:after {
    clear: both; }

#logo {
  height: 28px;
  margin: 2.1em 1em 0 0.25em;
  width: 244px; }

#hamburger {
  margin: 0 0.25em 0 0;
  position: relative;
  bottom: -0.25em;
  width: 2.5em; }

#headerSocial {
  display: none; }

#ghost {
    background: #000;
  height: 100px;
  width: 100%; }

/**************************************************************
******************         NAV          *********************
**************************************************************/
nav {
  background: rgba(68, 60, 60, 0.85);
  display: none;
  font-family: "GillSansMTStd-Light";
  font-size: 1em;
  padding: 1em 0.25em 1em 1em;
  position: absolute;
  top: 100px;
  width: 100%; 
  z-index: 700;
    overflow-y: auto;
    max-height: 100%;
}
  nav a {
    text-decoration: none; }
	nav a:link {
      color: #aeaeae; }
    nav a:visited {
      color: #aeaeae; }
	nav a:hover {
      color: #aeaeae; }
	nav a:active{
    	color: #aeaeae;
	}
  nav > div > ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; }

nav > div > ul > li > a {
  text-transform: uppercase; }


nav > div > ul > li:not(:first-child) {
  margin: 1em 0 0 0; }

nav > div > ul > li > ul {
  margin: 0.5em 0 0 0; }

nav > div > ul > li > ul > li {
  margin: 0.35em 0 0 0; }

nav > div > ul > li > ul > li img{
  display: none;
}

nav > div > ul > li > ul > li > ul > li {
  margin: 0.35em 0 0 0; }

nav > div > ul > li > ul > li > ul > li > ul >li{
    line-height: 1.3em;
    margin: 0.35em 0 0 0.35em;
}


nav > div > ul > li > ul > li > ul{
    display: none;
}


nav > div > ul > li > a{
    letter-spacing: 0.1em;
}

nav > div > ul > li > a:link{
    color: #fff;
}

nav > div > ul > li > a:visited{
    color: #fff;
}

nav > div > ul > li > a:hover{
    color: #fff;
}

nav > div > ul > li > a:active{
    color: #fff;
}

/* making courses children show on mobile */
nav > div > ul .parent.courses > ul{
    display:block;
}

nav > div > ul .parent.workshops > ul,
nav > div > ul .parent.professional-courses > ul{
    display: none;
}

nav > div > ul .parent.workshops:before,
nav > div > ul .parent.professional-courses:before{
    content: "- ";
    color: #aeaeae;
}


/************  INLINE NAV   ************/
.inlineNav {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  *zoom: 1;
  background: transparent;
  color: #999999;
  display: block;
  font-family: "GillSansMTStd-Light";
  font-size: 0.9em; }
  .inlineNav:before, .inlineNav:after {
    content: "";
    display: table; }
  .inlineNav:after {
    clear: both; }
  .inlineNav ul {
    *zoom: 1;
    display: block; }
    .inlineNav ul:before, .inlineNav ul:after {
      content: "";
      display: table; }
    .inlineNav ul:after {
      clear: both; }
  .inlineNav li {
    display: inline;
    float: left;
    width: 33.3333333333%;
    margin: 0 0%;
    display: inline;
    padding: 0.5em 0.2em;
    text-align: center;
    text-transform: uppercase; }
  .inlineNav a {
    color: #999999;
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    border-radius: 0.3em;
    padding: 0.7em 0.25em 0.5em 0.25em;
    text-decoration: none;
    transition: all 0.5s ease 0s; 
border:1px solid #ccc;}
  .inlineNav a:visited {
    color: #999999; }
  .inlineNav a:hover {
    background: #bababa;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000; }

/**************************************************************
******************         FOOTER          ********************
**************************************************************/
footer {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  background: url("../images/footer-2.jpg");
  background-size: cover;
  color: #aeaeae;
  font-family: "GillSansMTStd-Light";
  font-size: 0.9em;
  padding: 0.75em; }
  footer a {
    text-decoration: none; }

footer a:link, footer a:visited, footer a:hover, footer a:active {
  color: #aeaeae; }

#contactDetails {
  margin: 3em 0 2em 0; }
  #contactDetails p {
    margin: 0 0 0.5em 0; }

#links {
  border-top: 1px solid #575757;
  margin: 0 0 1em 0;
  padding: 1.5em 0 0 0;
  text-align: center; }
#links ul{
    text-align: center;
}
  #links li {
    display: inline-block;
    margin: 0 0 0.5em 0; 
}
  #links a {
    padding: 0 0.5em 0 0.5em; }

#links li:not(:last-child):after {
  content: "|"; }

#social {
  padding: 0 0 1.5em 0;
  text-align: center; }
  #social li {
    display: inline-block;
    height: 24px;
    margin: 0 0.25em;
    opacity: 0.4;
    width: 24px; }

#facebook {
  background: url("/images/social.png");
  background-position: -32px -30px; }

#twitter {
  background: url("/images/social.png");
  background-position: -64px -30px; }

#youtube {
  background: url("/images/social.png");
  background-position: -416px -30px; }

#instagram {
  background: url("/images/social.png");
  background-position: -480px -30px; }

#handUp {
  display: none; }

.copyright{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

/**************************************************************
******************         INDEX.HTML         ****************
**************************************************************/
#index {
  background: #000;
  color: #fff;
  font-family: "GillSansMTStd-Light";
  padding: 0 0 0 0; }

#index img {
  width: 100%; }

#index article img {
  margin: 0 0 1em 0; }

.viewAllLink{
    cursor: pointer;
    margin-top: -145px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 600;
}



/*#desk {
  margin: 4em 0 5em 0; }*/

#index .frontDesk > svg{
    margin: 0 0 0 0; 
    /*height: 100%;
    width: 100%;*/
}

.frontDeskSVGContainer{
    width: 100%;
    position: relative;
}

.frontDeskSVG{
    position: absolute;
    width: 100%;
    height: 100%;
}






#photoAlbumPopUp{
    margin: 0.8em 0 0 0; 
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
    

#closedPhotoAlbum, #duster, #scissors, #close, #left, #right, #closeAllPhotos, #brushClose, #scissorsClose, #windowLeft, #windowRight, #postcard, #postcardchristmas{
    cursor: pointer;
}

.frontDesk{
    position: relative;
    z-index: 300;
}


#index #photoAlbumPopUp #close, #index .allPhotos #closeAllPhotos, #index .brushPopUp #brushClose,
#index .scissorsPopUp #scissorsClose{
    position: absolute;
    right: 3em;
    top: 0;
    width: 15px;
    z-index: 600;
}

#index .brushPopUp #brushClose, #index .scissorsPopUp #scissorsClose{
    right: 1em;
    top: 1em;
}

#index #photoAlbumPopUp #left, #index #photoAlbumPopUp #right{
    position: absolute;
    width: 20px;
}

#index #photoAlbumPopUp #left{
    left: 6em;
    bottom: 40%;
    z-index: 600;
}

#index #photoAlbumPopUp #right{
    right: 6em;
    bottom: 40%;
    z-index: 600;
}



#closedPhotoAlbum{
    background: blue;
}

.displayArea{
    position: relative;
}

.displayArea img.default{
    position: relative;
    z-index: 0;
}

.displayArea img:not(.default){
    position: absolute;
    left: 0;
    top: 0;
}


#photoAlbumPopUp > svg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}

.allPhotos{
    background: #000; 
	display: none;
    margin: 2.15em 0 4em 0; 
    position: relative;
    width: 100%;
    z-index: 400;
}

.allPhotos h1{
    text-align: center;
    font-size: 2em;
}

 
#index .allPhotos #closeAllPhotos{
    top: 0.3em;
}



#index .pics img{
    margin: 1.75em 0.87em 0 0.87em;
}

#index .allPhotos .pics{
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

#index .allPhotos .pics img{
    display: inline-block;
    width: 25%;
}

.shopWindow{
    position: absolute;
    top: 0;
    left: 0;
    padding: 7.5%;
    width: 100%;
}

.shopWindow img{
    -moz-box-shadow: 0 0 30px 30px #000;
	-webkit-box-shadow: 0 0 30px 30px #000;
	box-shadow: 0 0 30px 30px #000;
}

#index .allPhotos #windowLeft{
    left: 1em;
    bottom: 40%;
    z-index: 600;
}

#index .allPhotos #windowRight{
    right: 1em;
    bottom: 40%;
    z-index: 600;
}

#index .allPhotos #windowLeft, #index .allPhotos #windowRight{
    position: absolute;
    width: 20px;
}

.brushPopUp{
    background: #fff;
    border-radius: 10px;
    color: black;
    width: 30%;
    padding: 1em;
    position: absolute;
    right: 10em;
    top: 14em;
}

.brushPopUp a{
    display: block;
    float: right;
    font-size: 1.2em;
    text-decoration: none;
    width: 50%;
}

    
.brushPopUp h1{
    font-size: 1.5em;
    margin: 0 0 0.5em 0;
}

.brushPopUp .duster{
    display: block;
    float: left;
    max-width: 90px;
}

.scissorsPopUp{
    border-radius: 10px;
}

.scissorsPopUp .scissors{
    display: block;
    float: right;
    max-width: 150px;
}

.brushPopUp strong{
    color: black;
    font-size: 1em;
}

#index .brushPopUp p{
    display: block;
    float: right;
    margin: 0;
}

.scissorsPopUp{
    background: #fff;
    color: black;
    width: 30%;
    padding: 1em;
    position: absolute;
    right: 10em;
    top: 26em;
}

.scissorsPopUp a{
    font-size: 1.2em;
    text-decoration: none;
}

    
.scissorsPopUp h1{
    font-size: 1.5em;
    margin: 0 0 0.5em 0;
}

#index .scissorsPopUp p{
    margin: 0;
}





#index article {
  padding: 0 0 2.5em 0; }

#index h3 {
  letter-spacing: 0.11em;
  margin: 0 0 0.8em 0;
  text-align: center; }

#index p {
  color: #999999;
  font-size: 0.9em;
  font-weight: 100;
  line-height: 1.5em;
  margin: 0 0.25em 0.5em 0.25em; }

.imageLinks {
  padding: 0;
  margin: 0; }

.textLinks {
  color: #a3a3a3;
  font-size: 0.9em;
  margin: 0 0.25em;
  text-decoration: none; }

.newsletter-signup{
    color: #cf604f;
    display: block;
    margin-top: 0.5em;
}

#handDown, #contactHandDown {
  display: none; }

#index img#handDown {
        max-width: 75px;
    width: 75px; 
}

/**************************************************************
******************         SHOP TERMS         **************
**************************************************************/

.shop-terms ul{
    color: #999999;
    line-height: 1.5em;
    margin: 0 0 0.5em 0;
}

/**************************************************************
******************         KITCHEN.HTML         **************
**************************************************************/
.kitchen {
  *zoom: 1;
  background: url("../images/tile-test-2.jpg") repeat scroll 0 0 #3b3839; }
  .kitchen:before, .kitchen:after {
    content: "";
    display: table; }
  .kitchen:after {
    clear: both; }

.kitchen .mainContentBody {
  background: #fff; }



.kitchen img {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%; }

/*#kitchenOpener {
  margin: 0 0 2em 0; }*/

#kitchenHeader {
  margin: 0 0 1em 0; }

.portrait {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  padding: 0.25em 0.5em; }
  .portrait img {
    display: inline;
    float: left;
    width: 50%;
    margin: 0 0%; }
  .portrait .leftPortraitImage {
    padding: 0 0.25em 0 0; }
  .portrait .rightPortraitImage {
    padding: 0 0 0 0.25em; }

.landscape {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  padding: 0.25em 0.5em; }

.expander {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin: 0 0%;
  margin-left: 8.3333333333%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  /*color: #999999;*/
    color: #707070;
  font-family: "GillSansMTStd-Light";
  font-size: 1.3em;
  font-weight: 100;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 0.5em; }
  .expander .toggleButton {
    cursor: pointer; }
  .expander .toggleIcon {
    display: inline;
    float: left;
    width: 37.5%;
    margin: 0 0%; }
  .expander .toggleContent {
    padding: 1em 0 0 0;
    text-align: left; }
    .expander .toggleContent h3, .expander .toggleContent h2 {
      color: #3f3f3f;
      font-size: 1.2em;
      line-height: 1.2em;
      margin: 0.25em 0 0.5em 0; 
		}
.expander .toggleContent h2{
    font-size: 1em;
}
    .expander .toggleContent h2 {
      color: #999;
      font-size: 0.7em;
      text-transform: uppercase; }
    .expander .toggleContent p {
      /*color: #999999;*/
      color: #707070;
      font-size: 0.75em;
      line-height: 1.8em;
      margin: 1.2em 0; }
    .expander .toggleContent blockquote {
      letter-spacing: 0.02em;
      border-left: 5px solid black;
      font-size: 0.9em;
      margin: 1em 0 2em 0;
      padding: 0 0 0 0.5em;
      text-transform: uppercase; 
width: 100%;
        line-height: 1.4em;
}
    .expander .toggleContent em {
      font-style: italic; }
  .expander a {
    color: #404040;
    text-decoration: none; }
  .expander a:visited {
    color: #404040;
    text-decoration: none; }
  .expander hr {
    color: #e5e5e5; }

.withQuote{
	width: 100%;
	
}

.captchaDiv{
    width: 300px;
}

.newsletter-form .cat_button{
    cursor: pointer;
    font-family: GillSansMTStd-Light;
    background: none;
    border-radius: 0.3em;
    padding: 0.8em 1em 0.5em 1em;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 1em;
    width: auto;
}

/**************************************************************
******************         HOUSE.HTML         ***************
**************************************************************/
.house {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839; }
  .house:before, .house:after {
    content: "";
    display: table; }
  .house:after {
    clear: both; }

.house .mainContentBody {
  	background: #fff; 
	padding: 0.25em 0 0 0;
}

.house img {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%; }

.house .expander .expanderTitle{
    font-family: "ltc-bodoni-175";
}

.house .expander p{
    font-family: "ltc-bodoni-175";
}

.house .expander .toggleContent p{
    margin: 1em 0;
}

.house .expander .toggleContent h3, .house .expander .toggleContent h2{
    font-family: "ltc-bodoni-175";
}
    

.house .inlineNav a, .houseEntrance .inlineNav a, .houseToRent .inlineNav a, .houseOpeningTimes .inlineNav a,
.houseExplore .inlineNav a, .houseChristmas .inlineNav a, .houseRestoration .inlineNav a{
	font-family: "ltc-bodoni-175";
    font-size: 1.2em;
}

.house .inlineNav a:link, .houseEntrance .inlineNav a:link, .houseToRent .inlineNav a:link, .houseOpeningTimes .inlineNav a:link,
.houseExplore .inlineNav a:link, .houseChristmas .inlineNav a:link, .houseRestoration .inlineNav a:link{
    color: #535353;
}

.house .inlineNav a:visited, .houseEntrance .inlineNav a:visited, .houseToRent .inlineNav a:visited, .houseOpeningTimes .inlineNav a:visited,
.houseExplore .inlineNav a:visited, .houseChristmas .inlineNav a:visited, .houseRestoration .inlineNav a:visited{
    color: #535353;
}

.house .inlineNav a:hover, .houseEntrance .inlineNav a:hover, .houseToRent .inlineNav a:hover, .houseOpeningTimes .inlineNav a:hover,
.houseEexplore .inlineNav a:hover, .houseChristmas .inlineNav a:hover, .houseRestoration .inlineNav a:hover{
    color: #535353;
}

.house .inlineNav a:active, .houseEntrance .inlineNav a:active, .houseToRent .inlineNav a:active, .houseOpeningTimes .inlineNav a:active,
.houseExplore .inlineNav a:active, .houseChristmas .inlineNav a:active, .houseRestoration .inlineNav a:active{
    color: #535353;
}

.houseEntrance h2, .houseEntrance h3{
    font-family: "ltc-bodoni-175";
}

.houseEntrance p{
    font-family: "ltc-bodoni-175";
}



/**************************************************************
******************         SCHOOL.HTML         ***************
**************************************************************/
.school {
  *zoom: 1;
  background: url("../images/paper-bg.jpg") repeat scroll 0 0 #3b3839; }
  .school:before, .school:after {
    content: "";
    display: table; }
  .school:after {
    clear: both; }

.school .mainContentBody {
  background: #fff; }

.school img {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%; }

.school .expander .toggleContent {
  text-align: left; }

.school .expander .toggleContent p{
    font-family: "GillSansMTStd-Light";
}

.garamond {
  color: #999999;
  font-family: "adobe-garamond-pro",serif;
  font-weight: 100; }

.twoBrothers hr{
    width: 20em;
    margin: 3em auto;
}

.schoolHall.twoBrothers article h2{
    font-size: 1.3em;
}

.schoolHall.twoBrothers article p{
    line-height: 1.75em;
    margin-bottom: 1.5em;
}

.schoolHall.twoBrothers .withQuote{
    margin-bottom: 2em;
    margin-top: 2em;
}

.schoolHall.twoBrothers .strapline{
    color: #000;
    font-size: 1.1em;
    margin: 0 0 0 0;
}

.schoolHall.twoBrothers blockquote{
	border-left: 5px solid black;
    float: right;
    font-size: 0.9em;
    margin: 0 0 2em 0;
    padding: 1em 0 0 1.5em;
    text-transform: uppercase; 
	width: 100%;
}

.schoolHall.fireRecipes .withQuote{
    margin-bottom: 2em;
    margin-top: 2em;
}

.schoolHall.fireRecipes .strapline{
    color: #000;
    font-size: 1.1em;
    margin: 0 0 0 0;
}

.schoolHall.fireRecipes blockquote{
	border-left: 5px solid black;
    float: right;
    font-size: 0.9em;
    margin: 2em 0 5.15em 0;
    padding: 1em 0 0 1.5em;
    text-transform: uppercase; 
	width: 100%;
}

.recipeBlocks{
    width: 100%;
    float: left;
}

.schoolHall.fireRecipes .withQuote h2{
    color: #999;
    font-size: 0.9em;
    text-transform: uppercase;
}

.schoolHall.fireRecipes blockquote{
    padding-top: 0;
    margin-bottom: 3em;
}

.schoolHall.fireRecipes ul{
    margin: 1.5em 0;
}

.schoolHall.fireRecipes li{
    color: #999999;
    margin-bottom: 0.5em;
}

.indRecipe{
    margin-bottom: 3em;
}

.indRecipe p{
    margin-bottom: 1.5em;
}

/**************************************************************
******************         HANDY-HINTS.HTML         **************
**************************************************************/
.handyHints {
  *zoom: 1; }
  .handyHints:before, .handyHints:after {
    content: "";
    display: table; }
  .handyHints:after {
    clear: both; }

.handyHints img {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%; }

.handyHints .textContainer {
  font-family: "GillSansMTStd-Light";
  font-size: 1.3em;
  font-weight: 100;
  margin: 1em 1em 2em 1em; }
  .handyHints .textContainer h3 {
    color: #3f3f3f;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0.5em 0 0.5em 0; }
  .handyHints .textContainer h2 {
    color: #000;
    display: block;
    float: left;
    font-size: 1em;
    margin-bottom: 0.25em;
	width: 100%;}
  .handyHints .textContainer p {
    color: #999999;
    font-size: 0.75em;
    line-height: 1.6em;
    margin: 0.4em 0; }
  .handyHints .textContainer blockquote {
    border-left: 5px solid black;
    float: right;
    font-size: 0.9em;
    margin: 0 0 1em 0;
    padding: 0 0 0 0.5em;
    text-transform: uppercase; 
	width: 100%;}

.handyHints .textContainer article{
    float: left;
    margin: 0 0 2em 0;
}

.makeDo{
    display: block;
    float: right;
    margin-top: 1em;
    width: 100%;
}

.makeDo section{
    display: block;
    float: left;
    width: 100%;
}

.handyHints .textContainer div{
    display: block;
    float: left;
    width: 100%;
}

.handyHints article{
    border: 1px solid black;
    box-sizing: border-box;
    font-size: 16px;
    margin: 1em;
    padding: 1em;
}

.handyHints article img{
    margin-bottom: 1em;
}

.handyHints .textContainer article h3, .handyHints article p{
    font-family: adobe-garamond-pro, serif;
}
    
.handyHints article h3, .handyHints .textContainer article h3{
    font-size: 0.9em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    text-align: center;
}

.handyHints article p, .handyHints .textContainer article p{
    color: #000;
    font-size: 0.8em;
    line-height: 1.1em;
}

/**************************************************************
******************         NOTICES/BLOG         *****************
**************************************************************/
.notices {
    background: #fff;
    color: #594f4f;
    font-family: "GillSansMTStd-Light";
    max-width: 100%;
    padding: 0 0 1em 0;
}

#clipboardTop{
    position: relative;
    top: 4em;
    z-index: 200;
}

.notices .mainContent{
    background: url("/images/clipboard-middle2.jpg");
    background-size: contain;
    padding: 0 1.5em;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 100;
}

.notices img{
    width: 100%;
}

.notices article:first-child{
    padding-top: 7em;
}

.notices article{
    background: #fff;
    padding: 1.5em 1.75em 1em 1.75em;
}

.notices a{
    color: #594f4f;
    text-decoration: none;
}

.notices a:visited{
    color: #594f4f;
}

.notices a:hover{
    color: #857373;
}

.notices h2{
    font-size: 1.5em;
    margin: 0 0 0.25em 0;
}

.notices p{
    font-size: 1.2em;
    line-height: 1.4em;
	padding: 0 0 1em 0;
}

.notices .post-meta{
    font-size: 0.8em;
}

#catblogoutput{
    margin: 0 auto;
    width: 100%;
}

#catblogoutput .post:first-child{
    padding-top: 6em;
}

#catblogoutput h1{
    font-size: 1.6em;
    margin: 0 0 0.25em 0;
}

#catblogoutput figure img{
    margin: 0 0 0.5em 0;
}

#catblogoutput p{
    padding-top: 1em;
    padding-bottom: 1.5em;
    display: block;
    float: left;
    text-align: left;
    width: 100%;
}

#catblogoutput p.post-meta{
    text-align: center;
}

#tabSection{
    padding: 0.5em;
}

.tabs{
    border-bottom: 1px solid #a8a8a8;
    margin: 1em auto 1.5em auto;
    text-align: center;
    width: 100%;
}

.tabs li{
    background: #fff;
    border: 1px solid #a8a8a8;
    border-radius: 0.5em 0.5em 0 0;
    color: #786860;
    cursor: pointer;
    font-size: 1.5em;
    display: inline-block;
    padding: 0.45em 0.25em 0.25em 0.25em;
    width: 47%;
}

.tabs li.activeTab{
    background: rgba(68, 60, 60, 0.85);
    border: none;
    color: #aeaeae;
}

.BlogPostArchive{
    display: none;
}

.BlogRecentPost ul li, .BlogPostArchive ul li{
    font-size: 1.2em;
    text-align: center;
}

.notices .featured{
    margin-bottom: 2em;
}

.notices .more{
    margin-top: 1em;
    display: block;
    font-size: 0.8em;
    width: 100%;
    text-align: right;
}

.indentLeft{
    padding-left: 4em;
}

.notices article img:not(.featured){
    margin-bottom: 1em;
}

#catblogoutput .morep{
    padding-bottom: 0;
}

/**************************************************************
******************         CONTACT.HTM         *****************
**************************************************************/
.contact {
  *zoom: 1;
  background: #000;
  font-family: "GillSansMTStd-Light"; }
  .contact:before, .contact:after {
    content: "";
    display: table; }
  .contact:after {
    clear: both; }
  .contact article {
    padding: 0 0 2em 0; }
  .contact h1 {
    color: #888888;
    font-size: 2.3em;
    padding: 0.5em; 
padding-left: 0.38em;}
  .contact a {
    color: #ccc;
    text-decoration: none;
    padding: 0 0 0 1em; }
  .contact p {
    color: #999;
    padding: 0 0 0.5em 1em; }

.contact img {
  width: 100%; }

.contact form {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  padding: 0 2em;
  margin: 0; }

.contact .form label, .webform label {
  color: #ccc;
  font-size: 1em !IMPORTANT; }

.contact table.webform {
  table-layout: fixed; }

.contact table tbody tr td select {
  margin: 1em 0 1em 0; }

.contact table tbody tr td input {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  margin: 1em 0 1em 0; }

.contact table tbody tr td textarea {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  margin: 1em 0 2em 0; }

.contact table tbody tr td input[type="submit"] {
  background: #786860;
    border: none;
    color: #ccc;
    cursor: pointer;
  display: inline;
  float: left;
    font-size: 1em;
  font-family: "GillSansMTStd-Light";
  width: 33.3333333333%;
  margin: 0 0%;
  margin: 1em 0 2em 0; 
    padding: 0.5em 1em 0.4em 1em;
}

.contact article iframe{
    height: 250px;
    width: 90%;
}

.highStreetMap{
    margin-top: 1em;
}

.contact.press h1{
    padding-left: 0.8em;
}

.contact.press h2{
    color: #888888;
    font-size: 1.4em;
    padding: 1.5em 0.5em 1em 1.4em;
}

.contact.press a{
    padding: 0;
}
    
.contact.press .pressimages img{
    display: block;
    width: 100%;
}

.contact.press .pressimages .elle{
    width: 50%;
}

.contact ul{
    color: #999;
    list-style: square;
    margin-left: 4em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.contact ul li{
        line-height: 1.3em;
}

.contact.privacy p{
    margin: 1em 0;
    line-height: 1.3em;
}

.contact.privacy h1{
    padding-left: 0.8em;
}

.christmasOpening{
    margin-top: 2em;
}
.uppercase{
    font-size: 1em;
    text-transform: uppercase;
}
/*************************************************************
******************         About          ********************
**************************************************************/

.contact.about h1{
    color: #bdbdbd;
    padding: 0;
    margin-bottom: 0.5em;
}

.contact.about h2{
    color: #bdbdbd;
    font-size: 1.4em;
    margin: 1em 0 0.5em 0;
}

.contact.about p{
    color: #bdbdbd;
}

.contact.about p{
    line-height: 1.4em;
    margin-bottom: 0.75em;
    padding: 0 0 0.5em 0;
}



.contact.about blockquote h3{
    color: #bdbdbd;
    font-size: 0.75em;
    padding-top: 0.5em;
}

.contact.about blockquote {
    float: right;
    border-left: 5px solid #999;
    font-size: 0.9em;
    margin: 1em 0 2em 0;
    padding: 0 0 0 0.5em;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    float: left;
}

.contact.about blockquote p{
    line-height: 1.3em;
	padding: 0;
}

.contact.about article{
    padding: 2em;
}



/**************************************************************
***************         dining-rooms.html         *************
**************************************************************/
.diningRooms {
  *zoom: 1;
  background: url("../images/tile-test-2.jpg") repeat scroll 0 0 #3b3839;
  font-family: "GillSansMTStd-Light"; }
  .diningRooms:before, .diningRooms:after {
    content: "";
    display: table; }
  .diningRooms:after {
    clear: both; }
  .diningRooms img {
    max-width: 100%;
    display: block; }
  .diningRooms article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    background: #fff;
    padding: 3em 2em 1.5em 2em; }
  .diningRooms p {
    color: #999999;
    line-height: 1.5em;
    margin-bottom: 1em; }

.diningRooms a{
    text-decoration: none;
}

/**************************************************************
***********       kitchen-todays-menu.html         ************
**************************************************************/
.kitchenTodaysMenu {
  *zoom: 1;
  background: url("../images/tile-test-2.jpg") repeat scroll 0 0 #3b3839;
  color: #666666;
  font-family: adobe-garamond-pro, serif; }
  .kitchenTodaysMenu:before, .kitchenTodaysMenu:after {
    content: "";
    display: table; }
  .kitchenTodaysMenu:after {
    clear: both; }
  .kitchenTodaysMenu img {
    float: left;
    width: 100%;
    margin: 0 0%;
    display: block; }
  .kitchenTodaysMenu article {
    background: #fff;
    padding: 2em; }
    .kitchenTodaysMenu article section {
      *zoom: 1;
      margin: 0 0 1.5em 0; }
      .kitchenTodaysMenu article section:before, .kitchenTodaysMenu article section:after {
        content: "";
        display: table; }
      .kitchenTodaysMenu article section:after {
        clear: both; }
  .kitchenTodaysMenu strong {
    font-weight: bold; }

.kitchenTodaysMenu > img{
    float: none;
    max-width: 56.25em;
    margin: 0 auto;
}

.menuArea {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0%;
  *zoom: 1;
  background: #fff;
  padding: 1.5em 0; }
  .menuArea:before, .menuArea:after {
    content: "";
    display: table; }
  .menuArea:after {
    clear: both; }

.date {
  text-align: center;
  margin: 0 0 2em 0; }

.dish {
  display: inline;
  float: left;
  width: 75%;
  margin: 0 0%;
  float: left;
  margin: 0 0 0.5em 0; }

.price {
  display: inline;
  float: left;
  width: 25%;
  margin: 0 0%;
  float: right;
  text-align: right; }

.notes {
  margin: 0 1em 0.5em 1em;
  text-align: center; }

/**************************************************************
***********       kitchen-booking.html         ************
**************************************************************/
.kitchenBooking {
  *zoom: 1;
  background: url("../images/tile-test-2.jpg") repeat scroll 0 0 #3b3839;
  display: block;
  font-family: "GillSansMTStd-Light"; }
  .kitchenBooking:before, .kitchenBooking:after {
    content: "";
    display: table; }
  .kitchenBooking:after {
    clear: both; }
  .kitchenBooking img {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%; }
  .kitchenBooking article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff;
    padding: 2em; }
    .kitchenBooking article:before, .kitchenBooking article:after {
      content: "";
      display: table; }
    .kitchenBooking article:after {
      clear: both; }
    .kitchenBooking article h1 {
      font-size: 1.5em;
      margin: 0 0 0.5em 0;
text-align: center;
text-transform: uppercase;}
    .kitchenBooking article h2 {
      color: #999999;
      font-size: 1em;
      line-height: 1.5em;
      margin: 0 0 0.5em 0; 
      text-transform: uppercase; }
    .kitchenBooking article h3 {
      font-size: 1.3em;
      margin: 2em 0 1em 0; }
    .kitchenBooking article p {
      color: #999999;
      line-height: 1.5em; 
margin-bottom: 0.5em;}

.kitchenBooking .kitchContact{
    margin: 3em 0;
    text-align: center;
}

.kitchenBooking .kitchContact p{
    margin-bottom: 0.75em;
}

.kitchenBooking .kitchContact a{
    display: block;
    margin-bottom: 0.75em;
    text-decoration: none;
}

.kitchenBooking .kitchContact a:link{
    color: #000;
}

.kitchenBooking .kitchContact a:visited{
    color: #000;
}

.kitchenBooking .kitchContact a:hover{
    color: #000;
}

.kitchenBooking .kitchContact a:active{
    color: #000;
}

.kitchenBooking h4{
    margin: 0.75em 0;
}

.newsletter-form{
    display: block;
    margin: 0 auto;
    padding-bottom: 2em;
    max-width: 500px;
}

.captchaimg{
    max-width: 200px;
}

.newsletter-form > section{
    max-width: 250px;
    display: block;
    margin: 0 auto;
    padding: 2em 0;
}

.newsletter-form > section .cat_button{
    cursor: pointer;
    font-family: "GillSansMTStd-Light";
    background: transparent;
    color: #999999;
    display: inline;
    float: left;
    width: 200px;
    margin: 0 0%;
    border-radius: 0.3em;
    padding: 0.7em 0.25em 0.5em 0.25em;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 0.9em;
}
    
.kitchenBooking a{
    text-decoration: none;
}

.kitchenBooking a:link{
    color: #000;
}

.kitchenBooking a:visited{
    color: #000;
}

.kitchenBooking a:hover{
    color: #000;
}

.kitchenBooking a:active{
    color: #000;
}

/**************************************************************
***********       kitchen-explore.html         ************
**************************************************************/
.kitchenExplore {
  *zoom: 1;
  background: url("../images/tile-test-2.jpg") repeat scroll 0 0 #3b3839;
  font-family: "GillSansMTStd-Light"; }
  .kitchenExplore:before, .kitchenExplore:after {
    content: "";
    display: table; }
  .kitchenExplore:after {
    clear: both; }
  .kitchenExplore article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff; }
    .kitchenExplore article:before, .kitchenExplore article:after {
      content: "";
      display: table; }
    .kitchenExplore article:after {
      clear: both; }
  .kitchenExplore h2 {
    color: #666;
    font-size: 1.8em;
    margin: 2em 0 0.5em 0;
    text-align: center; }

.kitchenExplore img {
  max-width: 100%; }

/**************************************************************
***************         house-entrance.html         *************
**************************************************************/
.houseEntrance {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  color: #666666;
  font-family: Times; }
  .houseEntrance:before, .houseEntrance:after {
    content: "";
    display: table; }
  .houseEntrance:after {
    clear: both; }
  .houseEntrance img {
    max-width: 100%;
    display: block; }
  .houseEntrance article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    /*background: #fff;*/
    padding: 3em 2em 1.5em 2em; }
  .houseEntrance h2 {
    color: #666666;
    font-size: 1.8em;
    margin: 0.5em 0 0.5em 0; }
  .houseEntrance h3 {
    font-family: "ltc-bodoni-175";
    font-size: 1.3em;
    margin: 2em 0 1em 0; }
  .houseEntrance p {
    line-height: 1.5em;
    margin-bottom: 1em; }

.houseEntrance .inlineNav a:link{
    color: #535353;
}

.houseEntrance .inlineNav a:visited{
    color: #535353;
}

.houseEntrance .inlineNav a:hover{
    color: #535353;
}

.houseEntrance .inlineNav a:active{
    color: #535353;
}

.houseEntrance a{
    text-decoration: none;
}

/**************************************************************
***************         house-to-rent.html         *************
**************************************************************/
.houseToRent {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  color: #666666;
  font-family: "GillSansMTStd-Light"; }
  .houseToRent:before, .houseToRent:after {
    content: "";
    display: table; }
  .houseToRent:after {
    clear: both; }
  .houseToRent img {
    max-width: 100%;
    display: block; }
  .houseToRent article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    padding: 3em 2em 1.5em 2em; }
  .houseToRent h2 {
    color: #000;
    font-family: "ltc-bodoni-175";
    font-size: 1.5em;
    margin: 0.5em 0 1em 0; }
  .houseToRent p {
    color: #666666;
    font-family: "ltc-bodoni-175";
    line-height: 1.75em;
    margin-bottom: 1.5em; }

.house-booking-form{
    margin-top: 2em;
}
.house-booking-form label{
    color: #000;
}
.house-booking-form table{
    margin-top: 0.5em;
}

.house-booking-form form {
    width: 100%;
}

.house-booking-form table.webform {
    table-layout: fixed;
}

.house-booking-form table tbody tr td input {
    display: inline;
    float: left;
    margin: 0 0%;
    margin: 1em 0 1em 0;
    max-width: 243px;
}

.house-booking-form table tbody tr td textarea {
    display: inline;
    float: left;
    margin: 0 0%;
    margin: 1em 0 2em 0;
    max-width: 243px;
}

.house-booking-form table tbody tr td input[type="submit"] {
  background: #786860;
    border: none;
    color: #ccc;
    cursor: pointer;
  display: inline;
  float: left;
    font-size: 1em;
  font-family: "GillSansMTStd-Light";
  width: 33.3333333333%;
  margin: 0 0%;
  margin: 1em 0 2em 0; 
    padding: 0.5em 1em 0.4em 1em;
}
    

/**************************************************************
*************         house-opening-times.html         ***********
**************************************************************/
.houseOpeningTimes {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  color: #666666;
  font-family: "ltc-bodoni-175"; }
  .houseOpeningTimes:before, .houseOpeningTimes:after {
    content: "";
    display: table; }
  .houseOpeningTimes:after {
    clear: both; }
  .houseOpeningTimes img {
    max-width: 100%;
    display: block; 
	width: 100%;}
  .houseOpeningTimes article {
    display: inline;
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 0%;
    padding: 1em 0 1em 0; }
  .houseOpeningTimes h2 {
    border-bottom: 1px solid #dfdfdf;
    color: #666666;
    font-size: 1.8em;
    margin: 0.5em 0 0.5em 0; }
  .houseOpeningTimes h3 {
    font-size: 1.3em;
    margin: 0.5em 0 0.5em 0; }
  .houseOpeningTimes p {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 1em; }

.houseOpeningTimes .openings{
    float: left;
}

.houseOpeningTimes .openings article{
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
}

.details {
  margin: 2em 0 0 0; }

strong {
  font-weight: bold !important;
  font-size: 1.2em; }

em, i {
  font-style: italic; }

.houseOpeningTimes article.times{
    padding: 2em 2em 0 2em;
    text-align: left;
}

.houseOpeningTimes a{
    text-decoration: none;
}

.houseOpeningTimes a:link{
	color: #666666;
}

.houseOpeningTimes a:visited{
	color: #666666;
}

.houseOpeningTimes a:hover{
	color: #666666;
}

.houseOpeningTimes a:active{
	color: #666666;
}



/**************************************************************
***********       house-explore.html         ************
**************************************************************/
.houseExplore {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  font-family: "ltc-bodoni-175"; }
  .houseExplore:before, .houseExplore:after {
    content: "";
    display: table; }
  .houseExplore:after {
    clear: both; }
  .houseExplore article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff; }
    .houseExplore article:before, .houseExplore article:after {
      content: "";
      display: table; }
    .houseExplore article:after {
      clear: both; }
  .houseExplore h2 {
    color: #666;
    font-family: "ltc-bodoni-175";
    font-size: 1.8em;
    margin: 2em 0 0.5em 0;
    text-align: center; }

.houseExplore img {
  max-width: 100%; }

.houseExplore .expander .expanderTitle, .houseExplore .expander .toggleContent h3, .houseExplore .expander .toggleContent h2{
    font-family: "ltc-bodoni-175";
}

.houseExplore .expander p{
    font-family: "ltc-bodoni-175";
}

/**************************************************************
***************         house-christmas.html         *************
**************************************************************/
.houseChristmas {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  color: #999999;
  font-family: "ltc-bodoni-175";}
  .houseChristmas:before, .houseChristmas:after {
    content: "";
    display: table; }
  .houseChristmas:after {
    clear: both; }
  .houseChristmas img {
    max-width: 100%;
    display: block; }
  .houseChristmas article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    padding: 3em 4em 1.5em 4em; }
  .houseChristmas h2 {
    color: #000;
    font-family: "ltc-bodoni-175";
    font-size: 1.5em;
    margin: 0.5em 0 0.5em 0; }
  .houseChristmas p {
    font-family: "ltc-bodoni-175";
    line-height: 1.75em;
    margin-bottom: 1em; }

.events a:link{
    color: #000;
}

.events a:visited{
    color: #000;
}

.events a:hover{
    color: #000;
}

.events a:active{
    color: #000;
}

.houseOpeningTimes strong{
    display: block;
    margin-top: 1.75em;
}
.houseOpeningTimes dl{
    display: block;
    float: left;
    margin-top: 2em;
}

.houseOpeningTimes dt, .houseOpeningTimes dd{
    margin-bottom: 1em;
}

.houseOpeningTimes dt{
    clear: both;
    width: 45%;
    float: left;
}

.times dd{
    padding-left: 1em;
    line-height: 1.3em;
    width: 55%;
    float: left;
}


.houseOpeningTimes .times .address{
    margin-top: 2em;
}
/**************************************************************
***************         house-restoration.html         *************
**************************************************************/
.houseRestoration {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  color: #666666;
  font-family: "ltc-bodoni-175";}
  .houseRestoration:before, .houseRestoration:after {
    content: "";
    display: table; }
  .houseRestoration:after {
    clear: both; }
  .houseRestoration img {
    max-width: 100%;
    display: block; }
  .houseRestoration article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    padding: 1em 2em 1.5em 2em; }
  .houseRestoration h2 {
    color: #000;
    font-family: "ltc-bodoni-175";
    font-size: 1.5em;
    margin: 2em 0 0.5em 0; }
  .houseRestoration h3{
    color: #000;
    font-family: "ltc-bodoni-175";
    font-size: 1.3em;
    margin: 2em 0 1em 0;
  }
  .houseRestoration p {
    color: #666666;
    font-family: "ltc-bodoni-175";
    line-height: 1.75em;
    margin-bottom: 1em; }

.houseRestoration h1{
    color: #000;
    font-family: "ltc-bodoni-175";
    font-size: 1.8em;
    margin: 1em 0;
}

.houseRestoration a{
    text-decoration: none;
}

.houseRestoration a:link{
    color: #000;
}

.houseRestoration a:visited{
    color: #000;
}

.houseRestoration a:hover{
    color: #000;
}

.houseRestoration a:active{
    color: #000;
}

/**************************************************************
***********       school-hall.html         ************
**************************************************************/
.schoolHall {
  *zoom: 1;
  background: url("../images/paper-bg.jpg") repeat scroll 0 0 #3b3839;
  display: block;
  font-family: "GillSansMTStd-Light"; }
  .schoolHall:before, .schoolHall:after {
    content: "";
    display: table; }
  .schoolHall:after {
    clear: both; }
  .schoolHall img {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%; }
	.schoolHall p{
    color: #999999;
	}
  .schoolHall article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff;
    padding: 2em; }
    .schoolHall article:before, .schoolHall article:after {
      content: "";
      display: table; }
    .schoolHall article:after {
      clear: both; }
    .schoolHall article h1 {
      font-size: 2.2em;
      margin: 0 0 0.5em 0;
      text-transform: uppercase; }
    .schoolHall article h2 {
      font-size: 1.8em;
      margin: 0 0 0.5em 0; }
    .schoolHall article h3 {
      margin: 0.5em 0 0.5em 0; }
    .schoolHall article p {
      line-height: 1.5em; }

.schoolHall a{
    text-decoration: none;
}

.schoolHall a:link{
    color: #000;
}

.schoolHall a:visited{
    color: #000;
}

.schoolHall a:hover{
    color: #000;
}

.schoolHall a:active{
    color: #000;
}

/**************************************************************
***********       professional-courses.html         ************
**************************************************************/
.professionalCourses {
  *zoom: 1;
  background: url("../images/paper-bg.jpg") repeat scroll 0 0 #3b3839;
  display: block;
  font-family: "GillSansMTStd-Light"; }
  .professionalCourses:before, .professionalCourses:after {
    content: "";
    display: table; }
  .professionalCourses:after {
    clear: both; }
  .professionalCourses img {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%; }
  .professionalCourses article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff;
    padding: 2em; }
    .professionalCourses article:before, .professionalCourses article:after {
      content: "";
      display: table; }
    .professionalCourses article:after {
      clear: both; }
    .professionalCourses article h1 {
      font-size: 2.2em;
      margin: 0 0 0.5em 0; }
    .professionalCourses article h2 {
      font-size: 1.5em;
      margin: 0 0 0.5em 0; }
    .professionalCourses article h3 {
      font-size: 1.3em;
      margin: 2em 0 1em 0; }
    .professionalCourses article p {
      color: #999999;
      line-height: 1.75em; }

.professionalCourses article a{
        text-decoration: none;
}

.professionalCourses article .courseNav a{
    display: block;
    margin: 1.5em 0 0.5em 0;
}

.professionalCourses article .courseNav img{
    display: block;
    margin-bottom: 2em;
    max-width: 320px;
}

.professionalCourses article a:link{
    color: #000;
}

.professionalCourses article a:visited{
    color: #000;
}

.professionalCourses article a:hover{
    color: #000;
}

.professionalCourses article a:active{
    color: #000;
}

.professionalCourses article .courseNav a.location, .cookingSchool article .courseNav a.location{
    float: left;
    margin: 0.5em 0 1em 0;
    width: 100%;
}

.professionalCourses p{
    margin-bottom: 1em;
}
    


/**************************************************************
***********       booking.html         ************
**************************************************************/
.booking {
  *zoom: 1;
  background: url("../images/paper-bg.jpg") repeat scroll 0 0 #3b3839;
  display: block;
  font-family: "GillSansMTStd-Light"; }
  .booking:before, .booking:after {
    content: "";
    display: table; }
  .booking:after {
    clear: both; }
  .booking img {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%; }
  .booking article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff;
    padding: 2em; }
    .booking article:before, .booking article:after {
      content: "";
      display: table; }
    .booking article:after {
      clear: both; }
    .booking article h1 {
      font-size: 2.2em;
      margin: 0 0 0.5em 0;
      text-transform: uppercase; }
    .booking article h2 {
      font-size: 1.5em;
      margin: 0 0 1em 0; }
    .booking article h3 {
      font-size: 1.3em;
      margin: 2em 0 1em 0; }
    .booking article p {
      color: #999999;
      line-height: 1.75em; }

.booking .mainContent a{
    text-decoration: none;
}

.booking .mainContent a:link{
    color: #000;
}

.booking .mainContent a:visited{
    color: #000;
}

.booking .mainContent a:hover{
    color: #000;
}

.booking .mainContent a:active{
    color: #000;
}

/**************************************************************
***********       house-explore.html         ************
**************************************************************/
.schoolExplore {
  *zoom: 1;
  background: url("../images/paper-bg.jpg") repeat scroll 0 0 #3b3839;
  font-family: "GillSansMTStd-Light"; }
  .schoolExplore:before, .schoolExplore:after {
    content: "";
    display: table; }
  .schoolExplore:after {
    clear: both; }
  .schoolExplore article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff; }
    .schoolExplore article:before, .schoolExplore article:after {
      content: "";
      display: table; }
    .schoolExplore article:after {
      clear: both; }
  .schoolExplore h2 {
    color: #666;
    font-size: 1.8em;
    margin: 2em 0 0.5em 0;
    text-align: center; }

.schoolExplore img {
  max-width: 100%; }

.schoolExplore a{
    text-decoration: none;
}

.schoolExplore .expander .toggleContent h2{
    text-align: left;
}

/**************************************************************
***********       cooking-school.html         ************
**************************************************************/
.cookingSchool {
  *zoom: 1;
  background: url("../images/paper-bg.jpg") repeat scroll 0 0 #3b3839;
  display: block;
  font-family: "GillSansMTStd-Light"; }
  .cookingSchool:before, .cookingSchool:after {
    content: "";
    display: table; }
  .cookingSchool:after {
    clear: both; }
  .cookingSchool img {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%; }
  .cookingSchool article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff;
    padding: 2em; }
    .cookingSchool article:before, .cookingSchool article:after {
      content: "";
      display: table; }
    .cookingSchool article:after {
      clear: both; }
    .cookingSchool article h1 {
      font-size: 2.2em;
      margin: 0 0 0.5em 0; }
    .cookingSchool article h2 {
      font-size: 1.5em;
      margin: 0 0 1em 0; }
    .cookingSchool article h3 {
      font-size: 1.3em;
      margin: 1em 0 0 0; 
float: left;
width: 100%;
margin-bottom: 1em;}
    .cookingSchool article p {
      color: #999999;
      line-height: 1.6em; 
margin: 1.4em 0;
    letter-spacing: 0.02em;}

.cookingSchool a{
    text-decoration: none;
}

.cookingSchool a:link{
    color: #000;
}

.cookingSchool a:visited{
    color: #000;
}

.cookingSchool a:hover{
    color: #000;
}

.cookingSchool a:active{
    color: #000;
}

.cookingSchool.foodProp .mainContent img, .cookingSchool.fishcook .mainContent img{
    width: 33.33%;
    display: block;
    float: left;
}

.cookingSchool .withQuote h3, .professionalCourses .withQuote h3{
    font-size: 1.6em;
    margin-top: 1em;
}

.cookingSchool blockquote, .professionalCourses blockquote{
    margin: 0 0 2em 0;
    width: 100%;
    display: inline-block;
    float: left;
    border-left: 5px solid black;
    font-size: 0.9em;
    margin: 1em 0 2em 0;
    padding: 0 0 0 1em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.cookingSchool article img{
    display: block;
    margin-bottom: 2em;
    max-width: 320px;
}

.foodTravelWriting article h2, .cookingSchool article h2{
    margin-bottom: 1em;
}

/**************************************************************
***************         exhibitions.html         *************
**************************************************************/
.exhibitions {
  *zoom: 1;
  background: #000;
  color: #cccccc;
  font-family: "GillSansMTStd-Light"; }
  .exhibitions:before, .exhibitions:after {
    content: "";
    display: table; }
  .exhibitions:after {
    clear: both; }
  .exhibitions img {
    max-width: 100%;
    display: block;
    margin: 4em 0 0 0; }
  .exhibitions article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    background: #000;
    padding: 3em 2em 1.5em 2em; }
  .exhibitions p {
    background: #000;
    color: #cccccc;
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 1em;
    text-align: center; }

/**************************************************************
***************         exhibition-scissors         *************
**************************************************************/

.exhibitionScissors img{
    display: block;
    margin: 2em auto;
    max-width: 90%;
}

.exhibitionTitle{
    color: rgb(192, 80, 77);
    text-align: center;
    font-family: "GillSansMTStd-Light";
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.4em;
    padding-left: 0.4em;
    text-transform: uppercase;
}

.comingSoon{
    color: #999999;
    font-family: "GillSansMTStd-Light";
    text-align: center;
    margin: 2em 0 5em 0;
}

/**************************************************************
***************         homestore-counter.html         *************
**************************************************************/
.homestoreCounter {
  *zoom: 1;
  background: #000;
  font-family: "GillSansMTStd-Light"; }
  .homestoreCounter:before, .homestoreCounter:after {
    content: "";
    display: table; }
  .homestoreCounter:after {
    clear: both; }
  .homestoreCounter img {
    max-width: 100%;
    display: block;
 	width: 100%}
  .homestoreCounter article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    background: #000;
    padding: 3em 2em 1.5em 2em; }
  .homestoreCounter p {
    color: #999999;
    line-height: 1.5em;
    margin-bottom: 1em; }

/**************************************************************
***************         collections.html         *************
**************************************************************/
.collections {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  font-family: "GillSansMTStd-Light"; }
  .collections:before, .collections:after {
    content: "";
    display: table; }
  .collections:after {
    clear: both; }
  .collections img {
    max-width: 100%;
    display: block;
    margin: 0 0 2em 0; }
  .collections article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839; }
  .collections p {
    color: #999999;
    line-height: 1.5em;
    margin-bottom: 1em; }

.collections .inlineNav a:link{
    color: #535353;
}

.collections .inlineNav a:visited{
    color: #535353;
}

.collections .inlineNav a:hover{
    color: #535353;
}

.collections .inlineNav a:active{
    color: #535353;
}
    
.collectionProductLinks{
    position: relative;
}

.collectionProductLinks svg{
    position: absolute;
    top: 0;
    left: 0;
}

/**************************************************************
***********       homestore-explore.html         ************
**************************************************************/
.homestoreExplore {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  font-family: "GillSansMTStd-Light"; }
  .homestoreExplore:before, .homestoreExplore:after {
    content: "";
    display: table; }
  .homestoreExplore:after {
    clear: both; }
  .homestoreExplore article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    background: #fff; }
    .homestoreExplore article:before, .homestoreExplore article:after {
      content: "";
      display: table; }
    .homestoreExplore article:after {
      clear: both; }
  .homestoreExplore h2 {
    color: #666;
    font-size: 1.8em;
    margin: 2em 0 0.5em 0;
    text-align: center; }

.endSection{
    margin-bottom: 2em;
}

.homestoreExplore img {
  max-width: 100%; }

.homestoreExplore .inlineNav a:link{
    color: #535353;
}

.homestoreExplore .inlineNav a:visited{
    color: #535353;
}

.homestoreExplore .inlineNav a:hover{
    color: #535353;
}

.homestoreExplore .inlineNav a:active{
    color: #535353;
}

.homestoreExplore .expander .dictionary{
    font-family: "Times new roman";
}

.homestoreExplore .expander .dictionary p{
    font-style: italic;
    margin-bottom: 1em;
}

.homestoreExplore .expander .dictionary strong{
    color: #000;
    font-size: 2em;
    font-style: normal;
}



/**************************************************************
***********       homestore-restoration.html         ************
**************************************************************/
.homestoreRestoration {
  *zoom: 1;
  background: url("../images/bg.jpg") repeat scroll 0 0 #3b3839;
  display: block;
  font-family: "GillSansMTStd-Light"; }
  .homestoreRestoration:before, .homestoreRestoration:after {
    content: "";
    display: table; }
  .homestoreRestoration:after {
    clear: both; }
  .homestoreRestoration img {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%; }
  .homestoreRestoration article {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0%;
    *zoom: 1;
    /*background: #fff;*/
    background: rgba(255, 255, 255, 0.5);
    padding: 2em 2em;
    text-align: center; }
    .homestoreRestoration article:before, .homestoreRestoration article:after {
      content: "";
      display: table; }
    .homestoreRestoration article:after {
      clear: both; }
    .homestoreRestoration article h1 {
      font-size: 1.7em;
      margin: 1em 0 0.5em 0; }
    .homestoreRestoration article h2 {
      color: #999999;
      font-size: 1em;
    line-height: 1.5em;
      margin: 0 0 1em 0;
	  text-transform: uppercase;}
    .homestoreRestoration article h3 {
      font-size: 1.1em;
      margin: 2em 0 1em 0; }
    .homestoreRestoration article p {
      color: #999999;
      line-height: 1.5em;
      margin: 0 0 0.5em 0; }

.homestoreRestoration .mainContent article{
    text-align: left;
}

.homestoreRestoration .inlineNav a:link{
    color: #535353;
}

.homestoreRestoration .inlineNav a:visited{
    color: #535353;
}

.homestoreRestoration .inlineNav a:hover{
    color: #535353;
}

.homestoreRestoration .inlineNav a:active{
    color: #535353;
}

.homestoreRestoration blockquote {
    border-left: 5px solid black;
    font-size: 0.9em;
    margin: 0 0 2em 0;
    padding: 0 0 0 0.5em;
    text-transform: uppercase;
    width: 100%;
}

.homestoreRestoration .withQuote h3{
    color: #3f3f3f;
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 0.25em 0 0.5em 0;
}

/**************************************************************
******************         TERMS          ********************
**************************************************************/

.homestoreRestoration article p.footnote{
    display: block;
    font-size: 0.8em;
    margin-top: 2em;
}

.homestoreRestoration a{ 
    text-decoration: none;
}

.homestoreRestoration a:link h2, .homestoreRestoration a:link{
    color: #000;
}

.homestoreRestoration a:visited h2, .homestoreRestoration a:visited{
    color: #000;
}

.homestoreRestoration a:hover h2, .homestoreRestoration a:hover{
    color: #000;
}

.homestoreRestoration a:active h2, .homestoreRestoration a:active{
    color: #000;
}

.homestoreRestoration article .bookAddress{
    margin-left: 1em;
}

.homestoreRestoration article .bookAddress p{
    margin: 0;
}

.bookAddress{
    margin-bottom: 0.5em;
}

.diningRooms p, .kitchenBooking article p, .houseEntrance, .houseOpeningTimes, .schoolHall p, .cookingSchool article p, .professionalCourses article p, .booking article p{
    color: #707070;
}

.kitchen .inlineNav a:link, 
.diningRooms .inlineNav a:link, 
.kitchenTodaysMenu .inlineNav a:link, 
.kitchenBooking .inlineNav a:link, 
.kitchenExplore .inlineNav a:link,
.school .inlineNav a:link,
.schoolHall .inlineNav a:link,
.professionalCourses .inlineNav a:link,
.schoolExplore .inlineNav a:link{
    color: #707070;
}
.kitchen .inlineNav a:visited, 
.diningRooms .inlineNav a:visited, 
.kitchenTodaysMenu .inlineNav a:visited, 
.kitchenBooking .inlineNav a:visited, 
.kitchenExplore .inlineNav a:visited,
.school .inlineNav a:visited,
.schoolHall .inlineNav a:visited,
.professionalCourses .inlineNav a:visited,
.schoolExplore .inlineNav a:visited{
    color: #707070;
}
.kitchen .inlineNav a:hover, 
.diningRooms .inlineNav a:hover, 
.kitchenTodaysMenu .inlineNav a:hover, 
.kitchenBooking .inlineNav a:hover, 
.kitchenExplore .inlineNav a:hover,
.school .inlineNav a:hover,
.schoolHall .inlineNav a:hover,
.professionalCourses .inlineNav a:hover,
.schoolExplore .inlineNav a:hover{
    color: #707070;
}
.kitchen .inlineNav a:active, 
.diningRooms .inlineNav a:active, 
.kitchenTodaysMenu .inlineNav a:active, 
.kitchenBooking .inlineNav a:active, 
.kitchenExplore .inlineNav a:active,
.school .inlineNav a:active,
.schoolHall .inlineNav a:active,
.professionalCourses .inlineNav a:active,
.schoolExplore .inlineNav a:active{
    color: #707070;
}

/****************************************************************************************************************
*****************************************************************************************************************
*************                 MINOR BREAKPOINTS FOR NOTICE/BLOG PAGE             *********************
*****************************************************************************************************************
****************************************************************************************************************/


/* 400px */
@media (min-width: 25em) { 
    
    .notices .mainContent{
        padding: 0 2em;
    }
    
    #tabSection{
        margin: 0 auto;
        max-width: 25em;
    }
    
    .expanderTitle{
    	position: relative;
    	left: 0.8em;
	}
}


/* 500px */
@media (min-width: 31.25em) {  
    
    .notices .mainContent{
        padding: 0 2.5em;
    } 
    
    .expanderTitle{
    	position: relative;
    	left: 1.2em;
	}
}



/****************************************************************************************************************
*****************************************************************************************************************
*************                 MOVING TO 2 COLUMN LAYOUT  - OVER 600 PIXELS WIDE             *********************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 37.5em) {
    
    .contact.about .mainContent blockquote{
        margin-left: 50%;
    }
    
    .expanderTitle{
    	position: relative;
    	left: 1.8em;
	}
    
    .withQuote{
        width: 40%;
        display: inline-block;
        float: left;
        padding-right: 1em;
    }

	.expander .toggleContent blockquote {
        margin: 0 0 2em 0;
        width: 60%;
        display: inline-block;
        float: left;
	}
    
    .homestoreRestoration blockquote{
        border-left: 5px solid black;
    }
        
    .homestoreRestoration blockquote, .contact.about blockquote {
        font-size: 0.9em;
        margin: 0 0 2em 0;
        padding: 0 0 0 1em;
        text-transform: uppercase;
        width: 60%;
        display: inline-block;
        float: left;
    }
    
    .contact.about blockquote{
        float: right;
        margin-left: 1.5em;
    }
    
    .contact.about .withQuote h3 {
        padding-right: 1em;
    }
    
    .house-booking-form table tbody tr td input{
        max-width: 343px;
    }
    
    .house-booking-form table tbody tr td textarea {
        max-width: 343px;
    }
    
  /**************************************************************
  ******************         Navigation        ****************
  **************************************************************/
  nav {
    font-size: 1.1em;
    padding: 1.5em 2.5em 1.5em 6em;
    position: absolute;
    width: 100%; }
    nav a {
      color: #aeaeae;
      text-decoration: none; }
      nav a:visited {
        color: #aeaeae; }
    nav > div > ul {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; }

  nav > div > ul > li > a {
    text-transform: uppercase; }


  nav > div > ul > li:not(:first-child) {
    margin: 1em 0 0 0; }

  nav > div > ul > li > ul {
    margin: 0.5em 0 0 0; }

  nav > div > ul > li > ul > li {
    margin: 0.35em 0 0 0; }

  nav > div > ul > li > ul > li > ul > li {
    margin: 0.35em 0 0 0; }

  /************  INLINE NAV   ************/
  .inlineNav li {
    padding: 0.85em; }
  .inlineNav a {
    border-radius: 0.3em;
    padding: 1.1em 0.85em 0.85em 0.85em; }

  /**************************************************************
  ******************         index.html         ****************
  **************************************************************/
  #index {
    *zoom: 1;
    background: #000; }
    #index:before, #index:after {
      content: "";
      display: table; }
    #index:after {
      clear: both; }

  #index article {
    display: inline;
    float: left;
    width: 43.75%;
    margin: 0 0%;
    margin-left: 4.1666666667%;
    *zoom: 1;
    background: #000; }
    #index article:before, #index article:after {
      content: "";
      display: table; }
    #index article:after {
      clear: both; }
    
    .brushPopUp, .scissorsPopUp{
        width: 50%;
        right: 2em; 
    }
    
    .brushPopUp{
        top: 5%;
    }
    
    .scissorsPopUp{
        top: 50%;
    }

  /**************************************************************
  **********         kitchen-todays-menu.html         **********
  **************************************************************/
  .kitchenTodaysMenu article {
    padding: 4em 6em; }

  /**************************************************************
  ***********       kitchen-booking.html         ************
  **************************************************************/
  .kitchenBooking article {
    padding: 4em; }

  /**************************************************************
  ******************         HANDY-HINTS.HTML         **************
  **************************************************************/
  /*.handyHints img {
    display: inline;
    float: left;
    width: 43.75%;
    margin: 0 0%;
    margin-left: 4.1666666667%;
    margin-top: 1em;
    margin-bottom: 1em; }*/
    
    
    .handyHints article{
        display: inline-block;
        padding: 2%;
        margin: 2%;
        width: 45%;
        vertical-align: top;
    }
    
    .handyHints .textContainer blockquote { 
	width: 45%;}
    
    .makeDo{
        width: 45%;
    }
    
  /**************************************************************
  ******************         NOTICE/BLOG         **************
  **************************************************************/
    .notices .mainContent{
        margin: 0 auto;
        max-width: 37.25em;
        padding: 0 3em;
    } 
    
    .notices img{
        display: block;
        margin: 0 auto;
        max-width: 37.25em;
    }

  /**************************************************************
  ******************         CONTACT.HTM         *****************
  **************************************************************/
  .contact h1 {
    padding: 0.5em 0.5em 0.5em 0.78em; }
  .contact p {
    padding: 0 0 0.5em 2em; }
  .contact a {
    padding: 0 0 0 2em; }

  .contact form {
    padding: 0;
    margin: 0; }

  .contact table tbody tr td input {
    display: inline;
    float: left;
    width: 91.6666666667%;
    margin: 0 0%;
    margin: 1em 0 1em 0; }

  .contact table tbody tr td textarea {
    display: inline;
    float: left;
    width: 91.6666666667%;
    margin: 0 0%;
    margin: 1em 0 2em 0; }

  .addresses {
    display: inline;
    float: left;
    width: 50%;
    margin: 0 0%; }

  .contactForm {
    display: inline;
    float: left;
    width: 41.6666666667%;
    margin: 0 0%;
    *zoom: 1;
    margin-top: 1em; }
    .contactForm:before, .contactForm:after {
      content: "";
      display: table; }
    .contactForm:after {
      clear: both; }
    .contactForm p {
      margin: 0;
      padding: 0; } 
    

    /**************************************************************
    ***************         exhibition-scissors         *************
    **************************************************************/
    
    .exhibitionTitle{
        font-size: 4.5em;
    }
    
    .comingSoon{
        color: #999999;
        font-family: "GillSansMTStd-Light";
        text-align: center;
        margin: 2em 0 5em 0;
    }
    
    /**************************************************************
    ***************         dining-rooms         *************
    **************************************************************/
    
    .diningRooms article {
    	padding: 3em 4em 1.5em 4em; }
	

	/**************************************************************
    ***************         houseOpeningTimes        *************
    **************************************************************/
	
	.houseOpeningTimes article:not(.times){
        display: inline-block;
        float: none;
        padding: 1em;
        vertical-align: top;
        width: 49%;
    }
    
    
    .houseOpeningTimes .openings article{
        margin-left: 0;
        margin-right: 0;
    }

    
    .houseOpeningTimes .mainContent{
        padding: 0;
        position: relative;
    }
    
    .openings{
        padding: 1em;
    }
    
    
    .houseOpeningTimes.events .openings{
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .houseOpeningTimes.events .mainContent > img{
        padding: 2em 0 0 2em;
    }
    
    
    
    .houseOpeningTimes.events .mainContent > img, .houseOpeningTimes.events .times, .houseOpeningTimes.events .openings{
        width: 50%;
    }
    
    .schoolHall.fireRecipes blockquote, .schoolHall.twoBrothers blockquote{
        width: 60%;
    }
    
    .schoolHall.twoBrothers blockquote{
        margin-top: 2em;
        margin-bottom: 5.15em;
    }
    
    .cookingSchool blockquote, .professionalCourses blockquote{
        width: 60%;
    }
    
    
}

/****************************************************************************************************************
*****************************************************************************************************************
*************             CHANGE NAV FROM HAMBURGER TO LIST                                         *************
*************             FIX WIDTH OF MAIN CONTENT, CENTER ON SCREEN  - OVER 900 PIXELS WIDE       *************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 56.25em) {
    
    .expanderTitle{
    	position: relative;
    	left: 3.4em;
	}
    
  .mainContent, .headerContent, .footerContent {
    *zoom: 1;
    margin: 0 auto;
    max-width: 56.25em; }
    .mainContent:before, .mainContent:after, .headerContent:before, .headerContent:after, .footerContent:before, .footerContent:after {
      content: "";
      display: table; }
    .mainContent:after, .headerContent:after, .footerContent:after {
      clear: both; }
    
    .houseOpeningTimes .times .address{
        margin-top: 7.3em;
    }
    
    .course{
        float: left;
    	width: 46%;
    	margin-left: 2%;
    	margin-right: 2%;
        margin-bottom: 1em;
    }
    
    .cookingSchool article .course img{
        max-width: none;
    }

  /**************************************************************
  ******************         HEADER          ********************
  **************************************************************/
  header {
    background: url("../images/head-bg.jpg");
    height: 100px; 
  }

  #logo {
    float: left;
    margin: 2.1em 1em 0 2em; }

  #hamburger {
    display: none; }

  #headerSocial {
    display: block;
    float: right;
    margin: 0 2em 0 0; }
    #headerSocial a {
      margin: 0 0 0 0.25em;
      text-decoration: none; }

  /**************************************************************
  ******************         NAV          **********************
  **************************************************************/
    
    /* making courses children show on mobile */
    nav > div > ul .parent.courses > ul{
        display:none;
    }
    
    nav > div > ul .parent.courses:hover > ul{
        display: block;
    }
    
    nav > div > ul .parent.workshops > ul,
    nav > div > ul .parent.professional-courses > ul{
        display: none;
    }
    
    nav > div > ul .parent.workshops:before,
    nav > div > ul .parent.professional-courses:before{
        content: "";
    }
    
    
  nav {
    background: none;
    display: block!important;
    font-size: 0.9em;
    left: 50%;
    margin-left: -25.125em;
    width: 56.25em;
    padding: 0 2em 0 0;
    text-align: right;
    top: 4em; 
        overflow-y: visible;
    max-height: none;
    }

  nav a {
    color: #a7a5a6; }

  nav a:visited {
    color: #a7a5a6; }

  nav li a:hover {
    color: #cdcdcd; }

  nav > div > ul > li:not(.parent) > a:hover {
    border-bottom: 1px solid #786860;
    padding-bottom: 1em; }

  nav > div > ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; }

  nav > div > ul > li {
    margin: 0 0 0 1em; }

  nav > div > ul > li:not(:first-child) {
    margin: 0 0 0 1em; }

  nav li {
    display: inline-block; }

  nav > div > ul > li > ul {
    background: rgba(68, 60, 60, 0.85);
    display: none;
    margin: 0;
    padding: 1em 0 0.5em 0.5em;
    position: absolute;
    text-align: left; 
    width: 12em;}

  nav > div > ul > li:hover > ul {
    display: block; }

  nav > div > ul > li > ul > li {
    display: block;
    padding: 0 1em 0.5em 0; 
    }

  nav > div > ul > li li a:before {
    content: ""; }

  nav > div > ul > li > ul > li > ul {
    background: rgba(68, 60, 60, 0.85);
    display: none;
    margin: 0;
    padding: 1em 1em 0.5em 0.5em;
    position: absolute;
    left: 5em;
    text-align: left; 
        
    width: 12em;}

  nav > div > ul > li > ul > li:hover > ul {
    display: block; }

  nav > div > ul > li > ul > li > ul > li {
    padding: 0 1em 0.5em 0; }
    
    nav > div > ul > li > ul > li > ul > li > ul{
        display: none;
        background: rgba(68, 60, 60, 0.85);
    display: none;
    margin: 0;
    padding: 1em 1em 0.5em 0.5em;
    position: absolute;
    left: 5em;
    text-align: left; 
        top: 0;
    width: 12em;
        z-index: 701;
    }
    
    nav > div > ul > li > ul > li > ul > li:hover ul{
        display: block; }
    
    
    /*new*/
    nav > div > ul > li > ul li.parent{
        position: relative;
    }
    
    nav > div > ul > li > a:link{
        color: #a7a5a6;
    }
    
    nav > div > ul > li > a:visited{
        color: #a7a5a6;
    }
    
    nav > div > ul > li > a:hover{
        color: #a7a5a6;
    }
    
    nav > div > ul > li > a:active{
        color: #a7a5a6;
    }
    
    nav > div > ul > li > a{
        letter-spacing: 0;
    }
    
    nav > div > ul > li > ul > li > ul{
        margin: 0;
        padding: 0;
        top: -0.34em;
    }
    
    nav > div > ul > li > ul > li > ul > li > ul{
        display: none!important;
    }
    
    nav > div > ul > li > ul > li > ul > li, 
    nav > div > ul > li > ul > li > ul > li > ul >li{
        line-height: 14.4px;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    nav > div > ul > li > ul > li > ul > li > a, 
    nav > div > ul > li > ul > li > ul > li > ul > li > a{
        display: block;
        padding: 0.35em 1em 0.5em 0.5em;
        width: 100%;
        height: 100%;
    }
    
    

  /**************************************************************
  ******************         FOOTER          **********************
  **************************************************************/
  #handUp {
    cursor: pointer;
    height: 60px;
    position: fixed;
    bottom: 3em;
    right: 0;
    width: 75px; }

  /**************************************************************
  ******************         index.html         ****************
  **************************************************************/
  #index article {
    display: inline;
    float: left;
    width: 20.8%;
    margin: 0 0%;
    margin-left: 4.1666666667%;
    *zoom: 1;
    background: #000; }
    #index article:before, #index article:after {
      content: "";
      display: table; }
    #index article:after {
      clear: both; }

  #index img#handDown {
    cursor: pointer;
    display: block;
    height: 60px;
    position: fixed;
    bottom: 3em;
    right: 0;
        max-width: 75px;
    width: 75px; 
    z-index: 700;}
    
    .brushPopUp, .scissorsPopUp{
        max-width: 380px;
        width: 40%;
        right: 20%; 
    }
    
    .brushPopUp{
        top: 10%;
    }
    
    .scissorsPopUp{
        top: 45%;
    }
    
    /**************************************************************
  ******************         contact.html         ****************
  **************************************************************/
    
    .contact img#contactHandDown {
    cursor: pointer;
    display: block;
    height: 60px;
    position: fixed;
    bottom: 3em;
    right: 0;
    width: 75px; 
    z-index: 700;}


	/**************************************************************
  ******************         NOTICE/BLOG         ****************
  **************************************************************/

    .notices{
        *zoom: 1;
        padding: 3em;
        position: relative;
        margin: 0 auto;
        max-width: 56.25em;
        z-index: 600;
    }	
    
    .notices:before, .notices:after{
        content: "";
        display: table; 
    }
    
    .notices:after {
        clear: both; 
    }
    
    .notices .mainContent{
        float: left;
        margin: 0;
        padding: 0 3em;
    } 
    
    .notices img{
        display: block;
        float: left;
        margin: 0;
        max-width: 37.25em;
    }
    
    
    #tabSection{
    	width: 15em;
        position: absolute;
        right: 1em;
        top: 6em;
    }
    
    /**************************************************************
    ***************         houseOpeningTimes        *************
    **************************************************************/
	
    .houseOpeningTimes article.times{
        display: block;
        float: left;
        width: 50%;
    }
    
    /*.openEventsNav{
        width: 50%;
    }*/
    
	.houseOpeningTimes article:not(.times){
        display: inline-block;
        float: none;
        padding: 1em;
        vertical-align: top;
        width: 49%;
    }
    
    .openings{
        display: block;
        float: left;
        padding: 1em;
        width: 50%;
    }
    
    /**************************************************************
    ***************         homestoreRestoration        *************
    **************************************************************/
    
    .homestoreRestoration article {
        padding: 2em 4em;
    }

}


    /**************************************************************
    ***************         rogers stuff!        *************
    **************************************************************/



.action_button {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    border-color:#ccc;
    box-shadow: none;
    display: block;
    float: left;
    font-size: 0.9em;
    padding: 12px 2px;
    position: relative;
    margin: 1%;
    text-align: center;
    width: 47%;
}
.action_button:hover {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: #000;
    color:#000;
}

@media (min-width: 37.5em) {
    
    .action_button {
        font-size: 1em;
        padding: 12px 2px;
        position: relative;
        margin: 1%;
        max-width: 226px;
        text-align: center;
        width: 47%;
    }
    
}