/* colours */
/* mixins */
/* =============================================================================
   Font face
   ========================================================================== */
@font-face {
  font-family: 'SourceSansProLight';
  src: url('fonts/SourceSansPro-Light-webfont.eot');
  src: url('fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Light-webfont.woff') format('woff'), url('fonts/SourceSansPro-Light-webfont.ttf') format('truetype'), url('fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansProRegular';
  src: url('fonts/SourceSansPro-Regular-webfont.eot');
  src: url('fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansProSemiboldItalic';
  src: url('fonts/SourceSansPro-SemiboldIt-webfont.eot');
  src: url('fonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'), url('fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'), url('fonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* extras ----------------------------------------*/
/* image gallery -------------------------- */
aside.slideshow {
  margin: 0;
  clear: both;
}
div.slideshow_btm {
  height: 1px;
  margin: 0 0 30px;
}
/* map ----------------------------------- */
div.map_holder {
  margin: 0 0 20px 0;
  border: 8px solid #cccccc;
}
div.map_holder div.map_inner {
  height: 350px;
}
/* flash ----------------------------------- */
div.flash_holder {
  padding: 0;
  margin: 0 0 20px !important;
}
/* audio */
div.audio_holder {
  max-width: 800px;
}
div.audio_holder h4 {
  padding: 0;
}
div.audio_holder ul {
  margin: 0;
  padding: 0;
  background: #fff;
  border-left: 1px solid #e1e0df;
  border-right: 1px solid #e1e0df;
}
div.audio_holder ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e1e0df;
}
div.audio_holder ul li a {
  padding: 5px;
  display: block;
  text-decoration: none;
}
/* images ---------------------------------- */
div.page_img {
  margin: 0 0 30px;
  text-align: center;
  background: #eee;
}
div.page_img p {
  background: #eee;
}
div.page_img_left {
  float: left;
  width: 36.36363636%;
  margin: 0 20px 20px 0;
}
div.page_img_right {
  float: right;
  width: 36.36363636%;
  margin: 0 -2.27272727% 20px 20px;
}
div.page_img p,
div.page_img_left p,
div.page_img_right p {
  text-align: left;
  color: #666;
  font-size: 0.75em;
  padding: 0 10px;
}
div.page_img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
div.page_img_left img,
div.page_img_right img {
  max-width: 100%;
  display: block;
}
/* quote ----------------------------- */
blockquote {
  clear: both;
  background: url("../images/quote-icon.png") 0 0 no-repeat;
}
blockquote h4 {
  margin: 0;
  padding: 0 0 10px 100px;
  border: none;
  line-height: 1.3;
}
blockquote footer {
  font-size: 0.8em;
  padding: 0px 0px 15px 100px;
}
/* download file ----------------------------- */
article#about section p.download a {
  background: url("../images/download-icon.png") 0 10px no-repeat;
  padding: 10px 0 7px 35px;
  color: #fff;
}
p.download {
  padding: 10px 0 10px 10px;
  background: #0089d0;
  margin-bottom: 50px;
  clear: right;
}
p.download a {
  color: #fff;
}
/* email form --------------------------------- */
div.page_form_box {
  margin: 0 0 30px;
  background: #eee;
  border: none;
  padding: 10px;
}
div.page_form_box p.warning {
  background: yellow;
  padding: 5px;
  margin: 0 0 15px;
  color: #333;
  text-align: left;
}
div.page_form_box p.warning_happy {
  background: green;
  padding: 5px;
  margin: 0 0 15px;
  color: #fff;
  text-align: left;
}
div.form_submit_btn {
  margin: 10px 0 0;
}
div.form_submit_btn p {
  padding: 0;
}
/* tooltip -------------------------- */
#tooltip {
  position: absolute;
  z-index: 3000;
  background: url("../../images/b80.png");
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5px;
  width: 200px;
  font-size: 75%;
}
span.tip {
  color: #333333;
  text-decoration: underline;
  font-size: 0.7em;
  margin: 0 0 0 5px;
  font-family: Arial, sans-serif;
  cursor: help;
}
/* forms --------------------------------------- */
form.page_form {
  margin: 0;
  padding: 0;
}
/* labels --------------------------------------- */
form.page_form label {
  margin: 0 0 10px;
  font-size: 0.8em;
  color: #666;
  font-weight: 500;
}
form.page_form label span {
  font-size: 0.8em;
}
/* inputs --------------------------------------- */
input.standard_text {
  width: 96%;
  border: 0;
  padding: 5px;
  margin: 0 0 10px;
  background: #fff;
  border: 5px solid #cccccc;
  font-size: 0.8em;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #000;
  -webkit-appearance: none;
}
input.standard_text_small {
  width: 180px;
  border: 0;
  padding: 5px;
  margin: 0 0 10px;
  background: #fff;
  border: 5px solid #cccccc;
  font-size: 0.8em;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #000;
  -webkit-appearance: none;
}
input.standard_text:focus,
input.standard_text_small:focus {
  outline: none;
  border: 1px solid #a93300;
}
/* textareas --------------------------------------- */
textarea.standard_textarea {
  width: 96%;
  padding: 5px;
  margin: 0 0 10px;
  background: #fff;
  border: 5px solid #cccccc;
  font-size: 0.8em;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
textarea.standard_textarea:focus {
  outline: none;
  border: 1px solid #641991;
}
/* error classes --------------------------------------- */
input.error,
textarea.error {
  border: 1px solid #f82f1d;
}
input.error:focus,
textarea.error:focus {
  border: 1px solid #b81506;
}
/* buttons */
input.submit_btn {
  background: none repeat scroll 0 0 #0089d0;
  text-align: center;
  border: none;
  padding: 7px 12px 5px;
  display: block;
  color: #fff;
  font-size: 1.125;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
  font-family: 'Source Sans Pro', serif;
}
input.submit_btn:hover {
  background: #00679d;
}
/* at and above 960 */
@media screen and (min-width: 960px) {
  div.audio_holder {
    display: block;
  }
}
/* 768 - 959 */
@media screen and (max-width: 959px) {
  /* images */
  div.page_img_left {
    width: 50%;
  }
  div.page_img_right {
    width: 50%;
  }
}
/* 600 - 767 */
/* 480 - 599 */
@media screen and (max-width: 599px) {
  div.page_img_left {
    margin-left: -2.27272727%;
  }
  div.page_img_left p,
  div.page_img p {
    padding-left: 10px;
  }
  div.page_img {
    margin-left: -2.27272727%;
    margin-right: -2.27272727%;
  }
}
/* anything below 479 */
@media screen and (max-width: 479px) {
  div.map_holder div.map_inner {
    height: 200px;
  }
  /* images */
  div.page_img_left,
  div.page_img_right {
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  div.page_img_left,
  div.page_img_right {
    margin-left: -2.27272727%;
    margin-right: -2.27272727%;
  }
  div.page_img_right p {
    padding-left: 10px;
  }
}
