@charset "utf-8";

/* STANDARD STYLES */

@font-face {
	font-family: "ChunkFiveRegular";
	src: url("Chunkfive-webfont.eot"),
	url("Chunkfive-webfont.eot?iefix") format("eot"),
	url("Chunkfive-webfont.woff") format("woff"),
	url("Chunkfive-webfont.ttf") format("truetype"),
	url("Chunkfive-webfont.svg#svgChunkFiveRegular") format("svg");
}

* {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 14px;
	color: #4e3219;
	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: 2px 2px 40px 2px; line-height: 0; text-align: center; }

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: #f4f0e5 url("images/016.png") repeat; margin: 0; padding: 0; }
#outer		{ margin: 0; padding: 0; min-height: 100%; position: relative; }
#wrapper	{ max-width: 620px; margin: 0 auto; padding: 0 0 42px 0; }
#logo		{ max-height: 212px; width: 100%; padding: 20px 0; text-align: center; background: url("images/banner.png") 0 51px repeat-x; }
#logo #print	{ display: none; }
#text, #map, #contactleft { padding: 25px; }


/* CSS3 SCREEN SIZE SPECIFIC STYLES */

@media (max-width: 630px) {
	#logo		{ background: none; }
}

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

@media (max-width: 600px) {
	*		{ font-size: 12px; line-height: 20px; }
	li		{ line-height: 18px; margin-bottom: 4px; }
}

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


/* DEFAULT STYLING */

h1, h2		{ color: #8e2d54; margin-top: 0; font-weight: normal; font-family: "ChunkFiveRegular", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: center; }
h1		{ font-size: 30px; }
h2		{ font-size: 18px; }

p { text-align: justify; }

a		{ color: #0066cc; text-decoration: underline; }
a:hover		{ color: #6699ff; }

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


/* CONTENT BOX */

#content	{ position: relative; overflow: hidden; height: auto; }
#text		{ overflow: hidden; }
.menu		{ width: 100%; max-width: 550px; }


/* CONTACT DETAILS */

#contact	{ overflow: auto; overflow: hidden; padding: 20px 10px 40px 10px; }
#contactcentred h2,
#contactcentred p	{ text-align: center; }
#contactleft	{ text-align: left; float: left; }
#contactleft, #map, #contactcentred { padding: 12.5px; }
#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%; min-height: 42px; }
#footer		{ background: url("images/banner.png") repeat; color: #d299b0; font-size: 10px; text-align: center; margin: 0; padding: 10px; }
#footer a	{ font-size: 10px; color: #d299b0; }
#footer img	{ vertical-align: middle; }


/* PRINT ONLY */

@media print {
	a:link:after	{ content: " (" attr(href) ")"; }
	a[href^="mailto:"]:after { content: ""; }
	#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 15px 0; }
	#content	{ box-shadow: none; }
	#text		{ padding: 0; }
	#contact	{ padding: 15px 0 0 0; }
	#contactleft, #map { padding: 0; }
	#map		{ padding-right: 15px; }
	#qrcode		{ display: inline-block; }
	#banner,
	#banner a { display: none; }
}