@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Prociono|Sorts+Mill+Goudy|Noto+Sans|Raleway);
/*
font-family: 'Sorts Mill Goudy', serif; - General
font-family: 'Prociono', serif; - Headings
font-family: 'Noto Sans', sans-serif; - body font
font-family: 'Raleway', sans-serif; - new heading
*/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/*NORMALISE END*/

/*MAIN STYLES START*/
body {
	background-color: #B7D3FF;
	/*
	background-attachment: fixed;
	background-image: url(images/banners/background-grass-01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	*/
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	margin:0;
	color:#CC0066;
	text-shadow: 0 2px 2px #C4C4C4;
}
h1 {
	font-size:1.8em;
}
h2 {
	font-size:1.6em;
}
h3 {
	font-size:1.4em;
}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:1.2em;
}
h6 {
	font-size:1.2em;
}
.iFrame {
	width:100%;
	height:500px;
}
#wrapper {
	width:100%;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
}
header {
	width:100%;
	background-color:;
	height:auto;
	overflow:hidden;
	padding-bottom:1%;
}
header #left {
	float:left;
	width:27%;
	margin-left:2%;
	margin-right:1%;
	margin-top:1%;
	text-align:center;
	background-color:;
}
header #logo {
	float:left;
	width:38%;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	text-align:center;
	background-color:;
}
header #logo img {
	width:100%;
	max-width:320px;
}
header #right {
	float:left;
	width:27%;
	margin-left:1%;
	margin-right:2%;
	margin-top:1%;
	text-align:center;
	background-color:;
}
header .head-title {
	font-family: 'Prociono', serif;
	font-size:1.6em;
	font-weight:400;
	color:#003366;
	padding-top:0;
	padding-bottom:5px;
	margin-top:0;
	margin-bottom:1%;
	border-bottom:solid 1px #F36;
}
header .head-list {
	list-style:none;
	font-size:0.9em;
	font-weight:none;
	color:#069;
	margin-top:5%;
	margin-bottom:0;
	padding-left:3%;
}
#banner-container {
	width:100%;
	height:auto;
	overflow:hidden;
	clear:both;
	background-color:#9CD2FA;
}
#banner {
	float:left;
	width:100%;
	margin-bottom:-4px;
}
#banner img {
	width:100%;
	max-width:1280px;
	border:none;
}
#banner-block {
	float:left;
	width:30%;
	height:auto;
	overflow:hidden;
}
.shop-online-title {
	font-size:1.4em;
	text-align:center;
}
button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#42aaff 0%,
		#003366);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#42aaff),
		to(#003366));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
button.css3button:hover {
	background:#F06;
}
/*Navigation*/
nav {
	width:100%;
	clear:both;
	overflow:auto;
	border-bottom:solid 3px #036;
	background: rgb(0,108,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,108,183,1) 0%, rgba(0,62,96,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,108,183,1)), color-stop(100%,rgba(0,62,96,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb7', endColorstr='#003e60',GradientType=0 ); /* IE6-9 */
}
nav ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	display:;
}
nav ul li {
	float:left;
	display:block;
	width:18%;
	text-align:center;
	background-color:#009966;
	background: rgb(0,108,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,108,183,1) 0%, rgba(0,62,96,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,108,183,1)), color-stop(100%,rgba(0,62,96,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,108,183,1) 0%,rgba(0,62,96,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb7', endColorstr='#003e60',GradientType=0 ); /* IE6-9 */
}
nav ul li:first-child {
	width:10%;
}
nav ul li a {
	display:block;
	width:99%;
	height:100%;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:;
	padding-right:;
	text-decoration:none;
	color:#D5E3EC;
	font-weight:bold;
	text-shadow: 2px 2px 5px #036;
	border-right:solid 1px #ccc;
}
nav ul li:last-child a {
	border-right:none;
}
nav ul li:hover {
	background: rgb(0,62,96); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,62,96,1) 0%, rgba(0,35,53,1) 85%, rgba(0,35,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,62,96,1)), color-stop(85%,rgba(0,35,53,1)), color-stop(100%,rgba(0,35,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,62,96,1) 0%,rgba(0,35,53,1) 85%,rgba(0,35,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,62,96,1) 0%,rgba(0,35,53,1) 85%,rgba(0,35,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,62,96,1) 0%,rgba(0,35,53,1) 85%,rgba(0,35,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,62,96,1) 0%,rgba(0,35,53,1) 85%,rgba(0,35,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e60', endColorstr='#002335',GradientType=0 ); /* IE6-9 */
}
nav ul li a:hover {
	color:#FFF;
}
/*Main content areas*/
#content-container {
	width:100%;
	overflow:auto;
	font-family: 'Noto Sans', sans-serif;
	font-size:1.4em;
	color:#333333;
	background-color: rgba(255, 255, 255, 0.8);
}
#full-width-content {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0;
}
#address {
	float:left;
	width:52%;
	padding:2%;
	margin-left:3%;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:1%;
	background: #4191CB;
	color:#000;
	border-bottom:solid 3px #036;
}
#address:hover {
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
	background: #DC0067;
}
#online-shop {
	float:left;
	width:32%;
	padding:2%;
	margin-left:1%;
	margin-right:3%;
	margin-top:1%;
	margin-bottom:1%;
	background:#D66;
	color:#000;
	border-bottom:solid 3px #906;
}
#online-shop:hover {
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
	background: #006CB7;
}
#address, #online-shop {
	
}
#main-content {
	float:left;
	width:66%;
	padding-left:2%;
	padding-right:2%;
	padding-top:1%;
	padding-bottom:1%;
	background-color:;
}
aside {
	float:left;
	width:26%;
	height:auto;
	overflow:hidden;
	padding-left:2%;
	padding-right:2%;
	padding-top:1%;
	padding-bottom:1%;
	background-color:;
}
#map-container { /*was google maps block on home page*/
	width:60%;
	float:left;
	clear:both;
	background-color:#99CC66;
}
#map-container #map {
	width:85%;
	margin-left:auto;
	margin-right:auto;
}
footer {
	width:96%;
	min-height:50px;
	padding-left:2%;
	padding-right:2%;
	padding-top:1%;
	padding-bottom:1%;
	clear:both;
	overflow:auto;
	background-color: rgba(255, 255, 255, 0.8);
}
footer #copy {
	float:left;
	width:65%;
	font-size:0.8em;
}
footer #jkm {
	float:right;
	width:35%;
	font-size:0.8em;
	text-align:right;
}
.block-title {
	font-size:1.3em;
	font-weight:bold;
}
.block-text1 {
	font-size:0.9em;
}
.image-left-250 {
	float:left;
	max-width:130px;
	height:auto;
	padding-right:1%;
}
.top-page {
	font-family:"Courier New", Courier, monospace;
	font-size:0.7em;
	color:#036;
}
/*MEDIA QUERIES*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 1px) 
and (max-width : 768px) {
/* Styles */
header #left {
	display:none;
	float:left;
	width:27%;
	margin-left:2%;
	margin-right:1%;
	margin-top:1%;
	text-align:center;
	background-color:;
}
header #logo {
	float:none;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1%;
	text-align:center;
	background-color:;
}
header #logo img {
	width:100%;
	max-width:320px;
}
header #right {
	display:none;
	float:left;
	width:27%;
	margin-left:1%;
	margin-right:2%;
	margin-top:1%;
	text-align:center;
	background-color:;
}
nav ul li {
	width:33.33%;
}
nav ul li:first-child {
	width:33.33%;
}
#main-content {
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	padding-top:1%;
	padding-bottom:1%;
	background-color:;
}
aside {
	float:left;
	width:96%;
	height:auto;
	overflow:hidden;
	padding-left:2%;
	padding-right:2%;
	padding-top:1%;
	padding-bottom:1%;
	background-color:;
}
footer #copy {
	float:none;
	clear:both;
	width:100%;
	font-size:0.8em;
	text-align:center;
}
footer #jkm {
	float:none;
	clear:both;
	width:100%;
	font-size:0.8em;
	text-align:center;
}
}
@media (max-width: 640px) {
	h1 {
		font-size:1.5em;
	}
	h2 {
		font-size:1.3em;
	}
	h3 {
		font-size:1.2em;
	}
	h4 {
		font-size:1.2em;
	}
	h5 {
		font-size:1.2em;
	}
	h6 {
		font-size:1.2em;
	}
	#banner img {
		width:100%;
		max-width:1280px;
		min-width:600px;
		border:none;
		background-position:center;
	}
	nav ul li {
		width:100%;
	}
	nav ul li:first-child {
		width:100%;
	}
	nav ul li a {
		border-right:none;
	}
	#main-content {
		text-align:center;
	}
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}