@charset "utf-8";

/* STANDARD STYLES */

@font-face {
	font-family: "AlexBrushRegular";
	src: url("AlexBrush-Regular-OTF-webfont.eot"),
	url("AlexBrush-Regular-OTF-webfont.eot?iefix") format("eot"),
	url("AlexBrush-Regular-OTF-webfont.woff") format("woff"),
	url("AlexBrush-Regular-OTF-webfont.ttf") format("truetype"),
	url("AlexBrush-Regular-OTF-webfont.svg#svgAlexBrushRegular") format("svg");
}

* {
	font-family: "Verdana", "Geneva", sans-serif;
	font-size: 13px;
	color: #684721;
	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; float: right; clear: right; line-height: 0; }

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: #f1ecd5 url("images/035.png") repeat; margin: 0; padding: 0; }
#outer		{ margin: 0; padding: 0; min-height: 100%; position: relative; }
#wrapper	{ max-width: 980px; margin: 0 auto; padding: 0 0 42px 0; }
#logo		{ max-height: 150px; max-width: 960px; margin: 15px 0 15px 0; text-align: left; }
#logo #print	{ display: none; }
#text, #map, #contactleft { padding: 25px; }


/* CSS3 SCREEN SIZE SPECIFIC STYLES */

@media (max-width: 470px) {
	#logo		{ margin: 0 0 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 (max-width: 650px) {
	.imgpara	{ float: none; }
}

@media (min-width: 600px) {
	*		{ font-size: 13px; line-height: 22px; }
	li		{ line-height: 20px; margin-bottom: 6px; }
}


/* DEFAULT STYLING */

h1, h2		{ color: #ce0d00; margin-top: 0; font-weight: normal; font-family: AlexBrushRegular, sans-serif; line-height: 30px; }
h1		{ font-size: 36px; }
h2		{ font-size: 29px; }

a		{ color: #0066cc; text-decoration: underline; }
a:hover		{ color: #6699ff; }

ul		{ list-style-position: outside; overflow: hidden; }


/* CONTENT BOX */

#content	{ position: relative; overflow: hidden; background: #e6e0c5; box-shadow: 0 0 15px #bbb391; height: auto; }
#text		{ overflow: hidden; }
.menu		{ width: 100%; max-width: 550px; }


/* CONTACT DETAILS */

#contact	{ overflow: auto; overflow: hidden; padding: 10px; }
#contactcentred	{ 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%; height: 42px; }
#footer		{ background: #80211b; color: #ffffff; font-size: 10px; text-align: center; margin: 0; padding: 10px; }
#footer a	{ font-size: 10px; color: #ffffff; text-decoration: underline; }
#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; }
/*	#logo #web	{ display: none; }
	#logo #print	{ display: inline-block; }*/
	#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; }
}
