@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,300,400);

/* ==========================================================================
   GENERAL
   ========================================================================== */
.img-responsive {
  width:100%\9;/* IE 8 */
}

body { font-family: 'Open Sans', sans-serif; color:#222222; font-weight:300; background-color:#FFFFFF;}
blockquote {font-size: 16px; line-height: 1.4; border-left: #DEC7E3 solid 5px; color:#666}
blockquote strong {font-size: 14px; line-height: 1.5; color:#996699; font-weight:600}

h1,h2,h3,h4,h5,p {margin-top:0}

a {color: #cc66cc}

h1, a h1, h1 a {font-size:32px; color:#444444; font-weight:300; line-height:1.5; margin-bottom:0}
h2, a h2, h2 a {font-size:24px; color:#996699; line-height:1.5; font-weight:300}
h3, a h3, h3 a {font-size:16px; color:#444444; line-height:1.5}
h4, a h4, h4 a {font-size:14px; color:#996699; text-transform:uppercase; letter-spacing: 1px}
h5, a h5, h5 a {font-size:12px; color:#999999; text-transform:uppercase; letter-spacing: 1px}
#header a {color:EEE; text-decoration:none}
#header a:hover {color:#9C3}
p+h3, p+h4, p+h5 {margin-top:30px}


#header {background: #FFFFFF; padding-top:0px; padding-bottom: 18px;border-bottom: solid 1px #eee}
#header #headTel {width:100%; text-align:center; margin-top:20px}
#logo {margin-top:10px}
#nav {background: #FFF}
#footer {background: #333333; padding-top:10px; padding-bottom: 10px; font-size:12px; margin-top:20px}
#footer, #footer a {color:#CCC}
#footnote {background: #FFF; padding-top:10px; padding-bottom: 10px; font-size:12px}
#footnote, #footnote a {color:#222222;}

a.feature {color: #336633; text-decoration:none;margin-bottom:20px;	}
a.feature:hover {color: #99cc66; text-decoration:none;}
a.feature img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
a.feature:hover img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

.pdf{display:inline-block;height:32px;padding-left:40px;background-image:url(../img/Adobe-Acrobat-Distiller-32.png);background-repeat:no-repeat;position:0;line-height:32px;}
.word{display:inline-block;height:32px;padding-left:40px;background-image:url(../img/Microsoft-Word-32.png);background-repeat:no-repeat;position:0;line-height:32px;}

.center-xs {text-align: center}
.center-sm {text-align: center}

.block {padding-top: 30px; padding-bottom: 30px;border-bottom: solid 1px #eee}
#aside .block {padding-top: 20px; padding-bottom: 10px; border-bottom:none}

.twitter-block {background-color:#774477; color:#FFFFFF; padding-top:20px; padding-bottom: 20px; margin-bottom:30px}
.twitter-block ul{ list-style-type: none; margin: 0; padding: 0}
.twitter-block ul li {font-size: 14px; font-weight:300}
.twitter-block ul li a {color: #ffccff}
.twitter-block ul li a:hover {color: #FFF}
.twitter-block ul li .date {color: #ffccff; font-size: 13px}

.button {
  -webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;color: #ffffff;font-size: 18px;
  background: #774477;padding: 10px 20px 10px 20px;text-decoration: none; border: none;
  margin-top: 20px;display: inline-block;}
.button:hover {background: #660066;text-decoration: none; color:#FFF}

.ivoryred {font-weight: 400; opacity:0.2}

.owl-item img{ margin-top:20px; margin-bottom:20px}
/* ==========================================================================
   LISTS
   ========================================================================== */

/*BEADCRUMB*/
#breadcrumbs{padding-top:20px;padding-bottom:0px;font-size:12px; border-bottom: solid 1px #c4c4c4; text-transform:uppercase}
#breadcrumbs ul{list-style-type:none;margin-top:0;margin-bottom:10px;}
#breadcrumbs ul li{display: inline-block; margin-left:5px; margin-right:5px}
#breadcrumbs ul li.youarehere {color:#336633; font-weight:500}
#breadcrumbs ul li a{color:#336633;}
/*SIDE NAV*/
.aside{position:relative;}
.aside ul {margin-bottom:20px !important}
.aside ul,.aside ul ul{list-style-type:none;margin:0;padding:0;}
.aside ul li{font-size:14px;margin:0;padding:0;}
.aside ul li a{display:block;color:#99cc66;margin:0;padding:5px 10px;}
.aside ul ul li a{color:#99cc66;}
.aside ul a:hover,.aside ul a.selected{color:#363;text-decoration:none;}
/*FOOTER*/
ul.footerMenu {list-style-type: none; margin: 0 0 10px;padding:0;}
ul.footerMenu li {display: inline}
ul.footerMenu li a {display: inline-block; margin-right: 10px}
#footnote ul.footerMenu li a { border-right: thin solid #ddd}
#footnote ul.footerMenu li:last-child a{ border-right: none !important}

/*SOCIAL*/
ul.social {float: none !important ; list-style-type:none; display:inline-block; margin-bottom: 10px; margin-left:0px; background:#FFF; overflow:hidden; padding: 10px}
ul.social li {float:left;}
ul.social li a{background-repeat:no-repeat;display:block;width:32px;height:32px;margin-left:2px; margin-right:2px;text-indent:9999px; overflow:hidden}
ul.social li a:hover{opacity:0.7;}
/* ==========================================================================
   BANNERS
   ========================================================================== */

/* Prevent the slideshow from flashing on load */
#slides {display: none}
#slides {margin-top:20px}

/* Show active item in the pagination */
.slidesjs-pagination .active {color:red;}

#slides .slidesjs-navigation{margin-top:3px;}
#slides .slidesjs-previous{margin-right:5px;float:left;}
#slides .slidesjs-next{margin-right:5px;float:left;}
.slidesjs-pagination{margin:6px 0 0;float:right;list-style:none;}
.slidesjs-pagination li{float:left;margin:0 1px;}
.slidesjs-pagination li a{display:block;width:13px;height:0;padding-top:13px;background-image:url(../img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{background-position:0 -13px;}
.slidesjs-pagination li a:hover{background-position:0 -26px;}
#slides a:link,#slides a:visited{color:#333;}
#slides a:hover,#slides a:active{color:#9e2020;}
.navbar{overflow:hidden;}

/* ==========================================================================
   GALLERY
   ========================================================================== */


/* ==========================================================================
   BLOG
   ========================================================================== */

#newsfeed .date, a .date{ color:#336633; font-size:15px;background: #efefef; width:30px; height: 30px; line-height:31px; text-align:center; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom:5px; display:inline-block; font-weight:400}
#newsfeed .datemonth {font-size:14px; text-transform:uppercase;  color:#336633}
#newsfeed .excerpt .mini {border-bottom: solid 1px #efefef; margin-bottom:20px; padding-bottom:5px}
#newsfeed img {margin-bottom:20px}
.cats a {margin-right:5px; display:inline-block; background-color: #f4f4f2; padding: 5px 10px}
.cats a:hover {text-decoration:none; background-color:#9C6;color:#FFF}
.archive h1 {margin-top:20px}

/* ==========================================================================
   FORMS
   ========================================================================== */
   
.enquiry textarea,.enquiry input,.enquiry select{width:90%;}
.error{color:#D00;}
.trip{display:none;}
input[type=submit] {width: auto !important}
label {font-weight:300}
.enquiry {margin-bottom: 30px}


/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

/* Print */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.center-xs {text-align: inherit}
 
 ul.social {float: right !important ; list-style-type:none; display:inline-block; margin-bottom: 10px; margin-left:20px; background:#774477; overflow:hidden; padding: 10px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
 #header #headTel {width:auto; text-align:right; margin-top:10px}

 .twitter-block ul li {font-size: 20px; font-weight:300}

 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.center-sm {text-align: inherit}
.text-right {text-align: right}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }