@charset "utf-8";

/* STANDARD STYLES */

* {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #555555;
	line-height: 22px;
	word-wrap: break-word;
	width: auto;
	height: auto;
	max-width: 100%;
	border: 0;
	-webkit-text-size-adjust: none;
}

iframe, frame	{ width: 100%; max-width: 100%; line-height: 0; overflow: hidden; }

.imgpara	{ margin: 0; line-height: 0; }
.imgparaprint	{ display: none; }

table		{ border-collapse: collapse; padding: 0; margin: 0; }
table p		{ margin: 0; padding: 0; }
th, td		{ margin: 0; padding: 0; word-wrap: break-word; overflow: hidden; }
tr td:nth-child(even)	{ text-align: right; }


/* BODY & LAYOUT STYLING */

html, body	{ height: 100%; min-height: 100%; }

body		{ background: #c4cf82; margin: 0; padding: 0; }
#outer		{ margin: 0; padding: 0; min-height: 100%; position: relative; }
#wrapper	{ max-width: 980px; margin: 0 auto; padding: 60px 0 42px 0; }
#logo		{ max-height: 80px; max-width: 490px; margin: 0 auto; padding: 20px 0; }
#logo #print	{ display: none; }
#map, #contactleft { padding: 25px; }
#text		{ float: right; width: 570px; padding: 10px 25px; background: url("images/watermark.jpg") bottom right no-repeat; }


/* CSS3 SCREEN SIZE SPECIFIC STYLES */

@media (max-width: 470px) {
	.imgpara	{ float: none; }
	#logo		{ padding: 5px 0; }
	#map, #contactleft	{ padding: 20px; }
	#contactleft	{ float: left; }
}

@media (max-width: 1000px) {
	*		{ font-size: 12px; line-height: 20px; }
	li		{ line-height: 18px; margin-bottom: 4px; }
	#wrapper	{ max-width: 360px; }
	#text		{ float: none; width: auto; }
}

@media (min-width: 1000px) {
	*		{ font-size: 14px; line-height: 22px; }
	li		{ line-height: 20px; margin-bottom: 6px; }
}


/* DEFAULT STYLING */

h1, h2		{ margin-top: 0; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
h1		{ color: #666666; font-size: 22px; font-style: italic; }
h2		{ color: #222222; font-size: 18px; }

a		{ color: #3c6695; text-decoration: underline; }
a:hover		{ color: #8cbee4; }

ul		{ list-style-position: outside; overflow: hidden; }


/* CONTENT BOX */

#content	{ position: relative; overflow: hidden; background: #ffffff; box-shadow: 0 0 25px #888888; height: auto; }
#text		{ overflow: hidden; }
.menu		{ width: 100%; max-width: 550px; }


/* CONTACT DETAILS */

#contact	{ overflow: auto; overflow: hidden; padding: 30px 10px 10px 10px; }
#contactcentred	{ text-align: center; }
#contactleft	{ text-align: left; float: left; }
#contactleft, #map, #contactcentred { padding: 12.5px; }
#contact p	{ color: #222222; }
#qrcode		{ display: none; width: auto; height: 100px; }


/* INTERACTIVE MAP */

#map		{ float: left; }
#map div	{ height: 200px; overflow: hidden; }
#map iframe	{ height: 200px; }


/* FOOTER */

#foot		{ position: absolute; bottom: 0; width: 100%; height: 42px; }
#footer		{ background: #614c38; color: #d6c0ac; font-size: 10px; text-align: center; margin: 0; padding: 10px; }
#footer a	{ color: #c4cf82; font-size: 10px; }
#footer a:hover	{ color: #ffffff; }
#footer img	{ vertical-align: middle; }


/* PRINT ONLY */

@media print {
	a:link:after	{ content: " (" attr(href) ")"; }
	a[href^="mailto:"]:after { content: ""; }
	#wrapper	{ max-width: 980px; }
	#footer		{ display: none; }
	*		{ font-size: 12px; line-height: 18px; color: #333333; background: #ffffff; }
	h1, h2		{ color: #333333; }
	li		{ line-height: 16px; }
	#logo		{ margin: 0 0 25px 0; padding: 0; }
	#content	{ box-shadow: none; }
	#text		{ padding: 0; }
	.imgpara	{ display: none; }
	.imgparaprint	{ display: block; width: 200px; float: left; }
	#contact	{ padding: 30px 0 0 0; }
	#contactcentred	{ text-align: left; padding-left: 30px; }
	#contactleft, #map { padding: 0; }
	#map		{ padding-right: 15px; }
	#qrcode		{ display: inline-block; }
}