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

/* = = = = = = = = = = = = = = = =
= LAYOUT S A N D B O X
= = = = = = = = = = = = = = = = = */    

#block-mainaccommodationoptionblock, 
#block-contactblock, 
#block-address-2 {
    display: inline-block;
    vertical-align:top;
    width: 100%;
    text-align:center;

}
@media all and (min-width: 740px) {
	#block-mainaccommodationoptionblock, 
	#block-contactblock, 
	#block-address-2 {
	    width: 49.6%;
	    margin: 0 auto;
	}
}
@media all and (min-width: 1024px) {
	#block-mainaccommodationoptionblock, 
	#block-contactblock, 
	#block-address-2 {
	    width: 33%;
	}
}
@media all and (max-width: 1024px) {
	#block-mainaccommodationoptionblock, 
	#block-contactblock, 
	#block-address-2 {
	      text-align:center;
	}
}

div#name-slogan {display: none;}


/* = = = = = = = = = = = = = = = =
= S A N D B O X ENDS
= = = = = = = = = = = = = = = = = */


/*== 01 ========================== 0px -> 479px (and all) ====================*/
@media all and (min-width: 0px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%;
  	position:fixed; /* Logo and menu area fixed + resize */
    z-index:1; }
    body.user-logged-in .header-layout {position:relative;}
    .header-layout:before, .header-layout:after {
      content: "";
      display: table; }
    .header-layout:after {
      clear: both; }
    .header-layout .region--header {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      float: left;
      margin-bottom: 0;
      background:url('/sites/teanaufarmstay.co.nz/themes/duskyridges_o/assets/wood-texture-pages.jpg');
      background-size:cover;
      background-position:center top;
      /*background-color:rgba(255,255,255,0.75);*/	}
    body.path-frontpage .region-header {display:none;} /* Hide header from front page */
    .header-layout .region--menu {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      float: left;
      margin-bottom: 0;
	  background-color:/*#00394A*/#979897; }
    body.path-frontpage .header-layout .region--menu {
/*      background:url('/sites/teanaufarmstay.co.nz/themes/duskyridges_o/assets/wood-texture-home.jpg')*/;
      background-size:cover;
      background-position:center top; 
      background-color:transparent;}
      
  .preface-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .preface-layout:before, .preface-layout:after {
      content: "";
      display: table; }
    .preface-layout:after {
      clear: both; }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .core-layout:before, .core-layout:after {
      content: "";
      display: table; }
    .core-layout:after {
      clear: both; }
    .core-layout .region--highlighted {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%;
    padding:2em 0 5em 0; }
    .main-layout:before, .main-layout:after {
      content: "";
      display: table; }
    .main-layout:after {
      clear: both; }
    .main-layout .region--preface-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--content {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .postscript-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .postscript-layout:before, .postscript-layout:after {
      content: "";
      display: table; }
    .postscript-layout:after {
      clear: both; }
    .postscript-layout .region--postscript-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .footer-layout:before, .footer-layout:after {
      content: "";
      display: table; }
    .footer-layout:after {
      clear: both; }
    .footer-layout .region--footer {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding) */
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0;
      background-color:#00394A; 
      padding-top: 3em;
      padding-bottom: 4em;
      text-align: center; }
    .footer-layout .region--footer-second {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding)*/
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0;
      padding-top: 3em;
      padding-bottom: 2%;
      background-color:#867B6E; }
    .footer-layout .region--postscript-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding)*/
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0;
      padding-top: 1em;
      padding-bottom: 1em;
      background-color:#867B6E;
      border-top:solid 9px #ad3939;	}
@media all and (max-width: 479px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .header-layout:before, .header-layout:after {
      content: "";
      display: table; }
    .header-layout:after {
      clear: both; }

  .preface-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .preface-layout:before, .preface-layout:after {
      content: "";
      display: table; }
    .preface-layout:after {
      clear: both; }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .core-layout:before, .core-layout:after {
      content: "";
      display: table; }
    .core-layout:after {
      clear: both; }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .main-layout:before, .main-layout:after {
      content: "";
      display: table; }
    .main-layout:after {
      clear: both; }

  .postscript-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .postscript-layout:before, .postscript-layout:after {
      content: "";
      display: table; }
    .postscript-layout:after {
      clear: both; }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .footer-layout:before, .footer-layout:after {
      content: "";
      display: table; }
    .footer-layout:after {
      clear: both; } 
}
/*== 02 ========================= 480px -> 767px =============================*/
@media all and (min-width: 480px) and (max-width: 767px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .header-layout:before, .header-layout:after {
      content: "";
      display: table; }
    .header-layout:after {
      clear: both; }

  .preface-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .preface-layout:before, .preface-layout:after {
      content: "";
      display: table; }
    .preface-layout:after {
      clear: both; }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .core-layout:before, .core-layout:after {
      content: "";
      display: table; }
    .core-layout:after {
      clear: both; }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .main-layout:before, .main-layout:after {
      content: "";
      display: table; }
    .main-layout:after {
      clear: both; }

  .postscript-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .postscript-layout:before, .postscript-layout:after {
      content: "";
      display: table; }
    .postscript-layout:after {
      clear: both; }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .footer-layout:before, .footer-layout:after {
      content: "";
      display: table; }
    .footer-layout:after {
      clear: both; } 
}
/*== 03 ========================= 768px -> 1023px =============================*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .header-layout:before, .header-layout:after {
      content: "";
      display: table; }
    .header-layout:after {
      clear: both; }
    .header-layout .region--header {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      float: left;
      margin-bottom: 0; }
    .header-layout .region--menu {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      float: left;
      margin-bottom: 0; }

  .preface-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .preface-layout:before, .preface-layout:after {
      content: "";
      display: table; }
    .preface-layout:after {
      clear: both; }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .core-layout:before, .core-layout:after {
      content: "";
      display: table; }
    .core-layout:after {
      clear: both; }
    .core-layout .region--highlighted {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 768px; } /* 100% */
    .main-layout:before, .main-layout:after {
      content: "";
      display: table; }
    .main-layout:after {
      clear: both; }
    .main-layout .region--preface-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--content {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .postscript-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .postscript-layout:before, .postscript-layout:after {
      content: "";
      display: table; }
    .postscript-layout:after {
      clear: both; }
    .postscript-layout .region--postscript-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .footer-layout:before, .footer-layout:after {
      content: "";
      display: table; }
    .footer-layout:after {
      clear: both; }
    .footer-layout .region--footer {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding) */
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0; 
      background-color:#00394A; }
    .footer-layout .region--footer-second {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding) */
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0; 
      background-color:#867B6E; }
    .footer-layout .region--postscript-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding)*/
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0;
      padding-top: 1em;
      padding-bottom: 1em;
      background-color:#867B6E; }
}
/*== 04 ======================== 1024px -> 1219px ============================*/
@media all and (min-width: 1024px) and (max-width: 1219px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .header-layout:before, .header-layout:after {
      content: "";
      display: table; }
    .header-layout:after {
      clear: both; }
    .header-layout .region--header {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      float: left;
      margin-bottom: 0; }
    .header-layout .region--menu {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      float: left;
      margin-bottom: 0; }

  .preface-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .preface-layout:before, .preface-layout:after {
      content: "";
      display: table; }
    .preface-layout:after {
      clear: both; }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .core-layout:before, .core-layout:after {
      content: "";
      display: table; }
    .core-layout:after {
      clear: both; }
    .core-layout .region--highlighted {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 1024px; } /* 100% */
    .main-layout:before, .main-layout:after {
      content: "";
      display: table; }
    .main-layout:after {
      clear: both; }
    .main-layout .region--preface-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--content {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .postscript-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .postscript-layout:before, .postscript-layout:after {
      content: "";
      display: table; }
    .postscript-layout:after {
      clear: both; }
    .postscript-layout .region--postscript-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .footer-layout:before, .footer-layout:after {
      content: "";
      display: table; }
    .footer-layout:after {
      clear: both; }
    .footer-layout .region--footer {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding) */
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0; 
      background-color:#00394A; }
    .footer-layout .region--footer-second {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding) */
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0; 
      background-color:#867B6E; }
    .footer-layout .region--postscript-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding)*/
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0;
      padding-top: 1em;
      padding-bottom: 1em;
      background-color:#867B6E; }
}
/*== 05 ================= 1220px -> v. expensive screen :) ===================*/
@media all and (min-width: 1220px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .header-layout:before, .header-layout:after {
      content: "";
      display: table; }
    .header-layout:after {
      clear: both; }
    .header-layout .region--header {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .header-layout .region--menu {
      display: block;
      position: relative;
      clear: none;
      width: 100% /*97.91667%*/;
      padding-right: 1.04167%; /* Changed from margin */
      padding-left: 1.04167%; /* Changed from margin */
      *width: 100% /*97.8125%*/;
      *padding-right: 0.9375%; /* Changed from margin */
      *padding-left: 0.9375%; /* Changed from margin */
      float: left;
      margin-bottom: 0; }

  .preface-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .preface-layout:before, .preface-layout:after {
      content: "";
      display: table; }
    .preface-layout:after {
      clear: both; }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .core-layout:before, .core-layout:after {
      content: "";
      display: table; }
    .core-layout:after {
      clear: both; }
    .core-layout .region--highlighted {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 1024px; } /*100%*/
    .main-layout:before, .main-layout:after {
      content: "";
      display: table; }
    .main-layout:after {
      clear: both; }
    .main-layout .region--preface-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--content {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--sidebar-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .main-layout .region--preface-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .postscript-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .postscript-layout:before, .postscript-layout:after {
      content: "";
      display: table; }
    .postscript-layout:after {
      clear: both; }
    .postscript-layout .region--postscript-first {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-second {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }
    .postscript-layout .region--postscript-third {
      display: block;
      position: relative;
      clear: none;
      width: 97.91667%;
      margin-right: 1.04167%;
      margin-left: 1.04167%;
      *width: 97.8125%;
      *margin-right: 0.9375%;
      *margin-left: 0.9375%;
      float: left;
      margin-bottom: 0; }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.89583%;
    *zoom: 1;
    max-width: 100%; }
    .footer-layout:before, .footer-layout:after {
      content: "";
      display: table; }
    .footer-layout:after {
      clear: both; }
    .footer-layout .region--footer {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding) */
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0; 
      background-color:#00394A; }
    .footer-layout .region--footer-second {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding) */
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0; 
      background-color:#867B6E; }
    .footer-layout .region--postscript-fourth {
      display: block;
      position: relative;
      clear: none;
      width: 100%; /*97.91667%;*/
      /* (margins replaced by padding)*/
      padding-right: 1.04167%;
      padding-left: 1.04167%;
      *width: 100%; /*97.8125%;*/
      *padding-right: 0.9375%;
      *padding-left: 0.9375%;
      float: left;
      margin-bottom: 0;
      padding-top: 1em;
      padding-bottom: 1em;
      background-color:#867B6E; }
}

/*# sourceMappingURL=primary-layout.css.map */