html, body { margin: 0; padding: 0; }

body {
  color: #6b5950;
  font-family: Georgia, "Times New Roman";
  font-size: 75%;
  line-height: 1em;
  background: #6b5950 url(../img/bg.jpg) repeat scroll center top;
  margin: 0; padding: 0;
}

strong, strong * {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* default styling */

h1, h2, h3, h4 {
  font-family: Georgia;
}

h1, h2 {
  font-size: 2em;
  /*line-height: 1.5em;
  margin-bottom: 0.65em;*/
}

h3 {
  font-size: 1.4em;
  line-height: 1.5em;
  margin-bottom: 0.65em;
}

h4 {
  font-size: 1.25em;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

h5 {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-bottom: 0.5em;
}

h6 { font-weight: bold;}

h6, p, ol, ul {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 1em;
}

ul  {
  line-height: 1.4em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, p a, li a {
  color: #6b5950;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  text-decoration: underline;
}

p a, li a {
  font-weight: bold;
}

p.bigger { font-size: 1.3em; line-height: 1.3em; }

/* site stuff */

#header,
#footer {
  width: 790px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
}

#header {
  position: relative;
}

#header h1,
#header h1 a,
#header h2 {
  display: block;
  width: 273px;
  height: 82px;
  background: transparent url(../img/logo.png) no-repeat scroll top left;
  text-indent: -1000em;
  margin: 0; padding: 0;
}
#header h1, #header h2 { position: absolute; top: 50px; }
#header h1 { background-image: none; left: 0; }
#header h2 { background-position: top right; width: 136px; right: 0; }

#main {
  width: 830px;
  margin: 0 auto;
  background: #f7f4e3 none;
}

#main ul#nav {
  display: block;
  width: 790px;
  height: 52px;
  margin: 0 auto;
  overflow: hidden;
}
#main ul#nav li {
  display: block;
  height: 24px;
  margin-top: 14px;
  padding: 0  24px 0 0;
  float: left;
}
#main ul#nav li.last { padding-right: 0 !important; float: right; }

#main ul#nav li, #main ul#nav li a { 
  font-size: 18px;
  line-height: 24px;
  color: #c2b59b;
  font-weight: normal;
}
#main ul#nav li a:hover,
#main ul#nav li.current a { color: #6b5950; }

#main .content { padding: 0 20px 0 20px; }


#footer { text-align: right; font-size: 0.8em; }
#footer p { color: #ece7cd; padding-top: 10px;  }

.cols_2,
.cols_3 {
  padding-bottom: 20px;
}

.cols_2 .left,
.cols_2 .right,
.cols_3 .left,
.cols_3 .middle,
.cols_3 .right {
  width: 250px;
  float: left;
  margin-right: 20px;
}
.cols_2 .left {
  width: 520px;
}
.cols_2 .right,
.cols_3 .right {
  float: right;
  margin: 0;
}

#delivery,
#queue_jump,
#contact {
  height: 260px;
  overflow: hidden;
  background: transparent url(../img/footer.gif) no-repeat scroll 0 0;
}
#queue_jump { background-position: -270px 0; }
#contact { background-position: right top; }

#delivery h3,
#queue_jump h3,
#contact h3 {
  display: block;
  padding: 0;
  margin: 0;
  text-indent: -1000em;
  height: 95px;
}
#delivery p,
#queue_jump p,
#contact p {
  font-size: 1.35em;
  line-height: 1.3em;
  margin: 0;
  padding: 0 20px 20px 20px;
}

#delivery p a,
#queue_jump p a,
#contact p a { text-decoration: underline; }

.hr {
  width: 790px;
  height: 1px;
  background: transparent url(../img/hr.png) no-repeat scroll top center;
  margin-bottom: 20px;
}
.hr hr { display: none; }


ul.submenu li { font-size: 32px; line-height: 32px; }
ul.submenu li a { color: #ccc5a8; font-weight: normal; }
ul.submenu li.cur a,
ul.submenu li a:hover { color: #6b5950; }

/* "modules" aka framed content */
.module {
  height: 400px;
  overflow: hidden;
}
.module h3 {
  display: block;
  margin: 0;
  padding: 0;
  height: 95px;
  text-indent: -1000em;
}
.module p { padding: 0 20px 20px 20px; }

#meetings { background: transparent url(../img/modules_meeting.jpg) no-repeat scroll top left; }
#meetings h3 { height: 150px; }

#toasty { background: transparent url(../img/modules_toasty.jpg) no-repeat scroll top left; }

#workinglunch { background: transparent url(../img/modules_workinglunch.jpg) no-repeat scroll top left; }
#workinglunch h3 { height: 175px; }

#chocsaway { background: transparent url(../img/modules_chocsaway.jpg) no-repeat scroll top left; }
#chocsaway h3 { height: 125px; }

#blackboard_autumn { background: transparent url(../img/modules_blackboard_autumn.jpg) no-repeat scroll top left; }
#blackboard_autumn h3, #blackboard_autumn h3 a,
#blackboard_autumn h4, #blackboard_autumn h4 a,
#blackboard_autumn ul li, #blackboard_autumn ul li a,
#blackboard_autumn p, #blackboard_autumn p a { color: #ffffff; }
#blackboard_autumn p { padding: 0 0 20px 0 !important; }
#blackboard_autumn { padding: 0 20px !important; }

#perfectlunch { background: transparent url(../img/modules_perfectlunch.jpg) no-repeat scroll top left; }
#perfectlunch h3 { height: 200px; }

#mostwanted { background: transparent url(../img/modules_mostwanted.jpg) no-repeat scroll top left; }
#mostwanted h3 { height: 130px; }

#preferolives { background: transparent url(../img/modules_preferolives.jpg) no-repeat scroll top left; }
#preferolives h3 { height: 150px; }

#preferolives_green { background: transparent url(../img/modules_preferolives_green.jpg) no-repeat scroll top left; }

#clock { background: transparent url(../img/modules_clock.jpg) no-repeat scroll top left; }
#tomato { background: transparent url(../img/modules_tomato.jpg) no-repeat scroll top left; }
#fairtrade { background: transparent url(../img/modules_fairtrade.jpg) no-repeat scroll top left; }
#apple { background: transparent url(../img/modules_apple.jpg) no-repeat scroll top left; }

#preferolives_green h3,
#clock h3,
#tomato h3,
#fairtrade h3,
#apple h3 { height: 190px; }

/* form */
form.tx_powermail_pi1_form {}
form.tx_powermail_pi1_form fieldset {}
form.tx_powermail_pi1_form legend,
form.tx_powermail_pi1_form label { display: none; }

form.tx_powermail_pi1_form input.powermail_text {
  border: 1px solid #cecece;
  padding: 2px;
  width: 170px;
}
form.tx_powermail_pi1_form input.powermail_submit {
  width: 40px;
}
form.tx_powermail_pi1_form div.tx_powermail_pi1_fieldwrap_html_text {
  width: 180px;
  float: left;
}

/* utility classes */

.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.pb_0 { padding-bottom: 0 !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.ml_1 { margin-left: 1em !important; }
.mr_1 { margin-right: 1em !important; }
.mb_1 { margin-bottom: 1em !important; }
.mb_20 { margin-bottom: 20px !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.w_half { width: 50%; }
.w_auto { width: auto !important; }

.black { color :#FFFFFF; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}

.hidden { display: none; visibility: hidden; opactity: 0; -moz-opacity: 0; height: 0;}
.hide { display: none; }
.placeholder { height: 1px; }

/* sifr */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

@media screen {
  .sIFR-active #main .content h2.big { font-family: Georgia; font-size:  48px; padding: 0; visibility: hidden; margin-bottom: 0px; }
  .sIFR-active #main .content h2 { font-family: Georgia; font-size:  26px; line-height: 32px; padding: 0; visibility: hidden; margin-bottom: 10px; line-height: 26px; }
  .sIFR-active ul.submenu li { visibility: hidden; font-size: 30px; line-height: 32px; margin-bottom: 10px; }
  .sIFR-active #main ul#nav li { visibility: hidden; font-size: 17px; /*padding-right: 10px;*/ }

}