@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

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

table td {vertical-align:top;}
body {color:#333333}
/*.container {max-width:1080px}*/
.cmsmap img {
    max-width: none;
}
.cmsmap  {
	width:100%;
	height:250px;
	margin-bottom:20px;
}

/*standard text colour */
h1,h2,h3,h4,h5 {margin-top:0; color:#00718f}
h1, a h1 {font-size:28px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
h2, a h2 {font-size:22px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
h3, a h3 {font-size:16px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
h4, a h4 {font-size:14px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
h5, a h5 {font-size:14px; }
a {margin-top:0; color:#00718f}
a:hover {color:#999999}
#banner a:hover {color:#000}
#header h2 {text-transform: none; font-size: 16px}

/*blue background text colour */
.kenickblue { background-color:#00718f; color:#FFFFFF !important}
.kenickblue h1, .kenickblue h2, .kenickblue h3, .kenickblue h4, .kenickblue h5 { color:#FFF}
.kenickblue h4 { margin-bottom:15px; padding-bottom:12px; border-bottom: solid 1px #FFFFFF}
.kenickblue p { color:#ffffff}
.kenickblue a { color:#b2d4dd}
.kenickblue a:hover { color:#CCCCCC}
/*yellow background text colour */
.kenickyellow { background-color:#555555; color:#FFFFFF}
.kenickyellow h1, .kenickyellow h2, .kenickyellow h3, .kenickyellow h4, .kenickyellow h5 { color:#00718f}
.kenickyellow p, .kenickyellow a { color:#222222}
.kenickyellow a:hover { color:#00718f}
.kenickgrey { background-color:#f4f4f4}
p+h1, p+h2, p+h3, p+h4 {margin-top:20px}
div+h2, div+h3, div+h4 {margin-top: 20px}
blockquote{color:#00718f; font-size:15px; line-height:20px; font-style:italic; border-left: #ffe716 solid 4px; margin:20px 0 30px }
blockquote p {margin-bottom:0}

.pad10 {padding-top: 10px; padding-bottom:10px}
.pad30 {padding-top: 30px; padding-bottom:30px}

.relative {position:relative;float: left; width: 100%}
#cssmenu {position: relative; bottom:0; left:0; }
#header #logo {margin-bottom:10px; margin-top:20px}
.minigal:hover {opacity:0.5}

.feature a{text-decoration:none; text-align:center; background: none; padding:10px; display:block;	margin-bottom:20px}
.feature a:hover {text-decoration:none;background:#fff;}
.feature a hr {border-top: solid 4px #00718f; margin-right:30%; margin-left:30%}
.feature a img {margin-bottom:20px;}
.feature a:hover hr {border-top: solid 4px #00718f; margin-right:10%; margin-left:10%;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.feature a:hover { color:#00718f;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.feature a:hover img  {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s 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 */
}

.product-link {display: inline-block; vertical-align: top;margin-top:20px; float: none !important; margin-left:-3px /* minus helps fix grid row count */}
.product-img{border: solid 1px #00718f; margin-bottom:10px;}
.product-link:hover .product-img {opacity:0.5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.product-link:hover { text-decoration:none; cursor: pointer}

.product-link h3 {font-size: 14px; margin-bottom:0}
.product-link h4 {font-size:13px; color:#999; margin-bottom:0}


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


/* ==========================================================================
   LISTS
   ========================================================================== */
#icon_links ul {list-style-type:none; margin:10px 0 0 0; padding: 0; text-align:center}
#icon_links ul li {display:inline}
#icon_links ul  li a {color: #00718f; font-style:italic; font-size:16px; display: inline-block; margin-left:10px; padding:10px 40px 8px 10px; background-image:url(../images/k_icon_new.jpg); background-repeat:no-repeat; background-position:center right}
#icon_links ul  li a:hover {color: #555555; background-image:url(../images/k_icon_new_hover.jpg); text-decoration:none}


/*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;}
/*CATEGORY NAV*/
.subnav{position:relative;}
.subnav ul {margin-bottom:20px !important}
.subnav ul,.aside ul ul{list-style-type:none;margin:0;padding:0;}
.subnav ul li{font-size:12px;margin:0;padding:0;}
.subnav ul li a{display:block; text-transform:uppercase;margin:0;padding:8px 10px; border-bottom: dotted 1px #00718f}
.subnav ul a:hover,.subnav ul li.active{text-decoration:none; background-color:#ffe716; color:#00718f;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;}
.subnav ul li.active:hover {opacity:0.5}
/*.subnav ul li:last-child a{ border-bottom: none !important}*/
/*SUB NAV*//*Sub Navigation */
.subnav.page ul li a { font-size:16px !important;font-weight: 500; text-transform: uppercase;padding-left:0;font-family: 'Montserrat', sans-serif;}
.subnav.page ul li a:hover {background:#FFF; color:#222; }
.subnav.page ul ul li a { font-size:12px !important ;padding-left:10px}
.subnav.page ul ul li a:hover {background:#ffe716; color:#00718f; }



/*FOOTER*/
#footer {margin-top:20px}
ul.footer {list-style-type:none; margin:0; padding:0; text-transform:uppercase}
ul.footer a {display:block; color:#FFFFFF; padding:7px 2px; border-bottom:dotted 1px #b2d4dd; font-size:12px}
ul.footer a:hover {text-decoration:none}
ul.footer li:last-child a{ border-bottom: none !important}
#footnote {background: #b2d4dd; font-size:13px}
#footnote p {margin-bottom: 0}
#footnote ul {list-style-type:none; margin:0; padding:0;}
#footnote ul li {display:inline}
#footnote ul li a {display:inline-block}
#footnote  ul li a{ border-right: thin solid #00718f; padding-right:5px; margin-right:5px}
#footnote ul li:last-child a{ border-right: none !important}

ul.tags {list-style-type: none; margin:0; padding:0}
ul.tags li {float:left}
ul.tags li a {display: inline-block; padding: 5px 10px; margin-bottom:5px; margin-right:5px; background-color: #00718f; color: #FFF}

.bx-wrapper {margin-top:40px}
ul.bxslider li {border: solid 1px #ccc; padding:5px}
ul.bxslider li:hover {opacity:0.6}

ul.downloads {list-style-type:none; margin:0; padding:0; }
ul.downloads li {display:block; margin-bottom:10px}

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

.pdf{display:inline-block;height:32px;padding-left:40px;background-image:url(../images/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(../images/Microsoft-Word-32.png);background-repeat:no-repeat;position:0;line-height:32px;}
.file{display:inline-block;height:32px;padding-left:40px;background-image:url(../images/linedpaper32.png);background-repeat:no-repeat;position:0;line-height:32px;}
/* ==========================================================================
   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}
.feature a{margin-bottom:0px}
#cssmenu ul {text-align:left}
#icon_links {margin-bottom:20px}

 }

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

.center-sm {text-align: inherit}
.text-right {text-align: right}
#icon_links ul {text-align:right}

}

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