/* ==================== Site StyleSheet + Table of Contents =================================================================
	1 Reset
	2 Typography
		Font Family
		Base Colour
		Headings
		Paragraph / Blockquote / Hr
		Bullet Lists

	3 Site Elements
		Links
		Font Classes
		Floats / Aligns
		Clears
		Wraps
		Button Style

	4 Layout Blocks
	5 Page Styles
	
	6 Modules
		GridBlocks
	7 FlexSlider
		ArticleBox
		PagMenu	
	8 Navigation / Site-Menu
		FixedNav
		MenuBar
		TopMenu
	9 Media Queries

==== Z-index/Stacking Order ================================
	banner = 10
	selectmenu = 5
	nav/menu = 5
	right = 0
	left = 0
	container = 1
	footer = 0
	#wrapper = 0
	html/body = 0
================================================================================================================ */
/* ========== 1 Reset ============================================== */
* {margin: 0;padding: 0;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}input[type=text], input[type=submit], input[type=password], input[type=button] {padding: 0px;margin: 0px;border: 1px solid #000000;}hr {border: solid #CCC;border-width: 1px 0 0;clear: both;margin: 0.5em 0 1em;height: 0;}ol, ul, li {padding: 0px;margin: 0px;list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-style: none;border-width: 0px;border-collapse: collapse;border-spacing: 0;}td {vertical-align: middle;}body {line-height: 1;padding: 0;margin: 0;background: #FFFFFF;color: #000000;font-family: Arial, Helvetica,sans-serif;font-size: 1em;line-height: 1.2em;text-align: center;background-image: none;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}img {-ms-interpolation-mode: bicubic;}textarea {overflow: auto;resize: none;}span.skype_pnh_container {display: none!important;}span.skype_pnh_print_container {display: inline!important;}span[class^='skype_pnh_container'] {display: none!important;}span[class^='skype_pnh_print_container'] {display: inline!important;}
/* ========== 2 Typography ========================================== */
h1, h2, h3, h4, h5, h6, p, blockquote, ul, li, table, td, th, label, .bttn 
{padding: 0px;margin: 0px;border-style: none;font-family: Arial, Helvetica, sans-serif;color: #000000;text-align: left;text-indent: 0px;white-space: normal;word-spacing: normal;letter-spacing: normal;font-weight: normal;background-image: none;text-transform: none;font-size: 1em;line-height: 1.5em;text-rendering: optimizeLegibility;}
/* ==== FontFamily =============================== */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, li, table, td, th, label, form, .bttn, input {
	font-family: "Tahoma", Segoe UI, Geneva, Verdana, sans-serif;
}
/* ==== BaseColour ============================== */
h1, h2, h3, h4, h5, h6, p, blockquote, ul, li, table, td, th, label, form, input {
	color: #3C3C3C;
}
/* ==== .Base Elements ==== */
.base, .base h6, .base p, .base li {
	color: #808080;
}
/* ==== Headings ================================ */
h1 {
	font-size: 1.35em;
	line-height: 1.15em;
	margin-top: 0.75em;
}
h2 {
	font-size: 1.25em;
	line-height: 1em;
}
h3 {
	font-size: 1.25em;
	line-height: 1em;
	margin-bottom: 0.4em;
}
h4 {
	font-size: 1.15em;
	line-height: 1em;
	margin-bottom: 0.3em;
}
h5 {
	font-size: 1.15em;
	line-height: 1em;
	margin-bottom: 0.3em;
}
h6 {
	font-size: 1.1em;
	line-height: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
/* ==== Paragraphs/Blockquotes/Hr ===================== */
p {
	font-size: 0.8em;
	line-height: 1.35em;
	margin-bottom: 1.25em;
}
blockquote {
	padding: 0em 0em 0.1em 1em;
	margin: 1em 2em 1.75em 1em;
	border-left: 2px #009933 solid;
	border-left-width: 2px;
	border-left-color: #009933;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: left;
	font-style: italic;
}
blockquote span {
	color: #009933;
	font-size: 90%;
	line-height: 1.5em;
	text-align: left;
	font-style: normal;
	display: block;
	padding: 0em;
	margin: 0em;
}
hr {
	border-color: #CCC;
}
/* ==== Breadcrumbs ====================== */
h1.crumbtitle {line-height: 1.1em;padding: 0em;margin: 0em 0em 0.1em 0em;}
.breadcrumb {
	font-size: 0.65em;
	line-height: 1.0em;
	color: #00B039;
	margin-top:0.5em;
	margin-bottom:1.5em;
}

.breadcrumb a, .breadcrumb a:visited {
	color: #007c33;
	text-decoration: none;
	font-weight: normal;
}
.breadcrumb a:hover, .breadcrumb a:active {
	color: #000;
	text-decoration: none;
}
.breadcrumb a:first-child, .breadcrumb a:first-of-type {font-weight: normal;}
/* ==== BulletLists =============================== */
.points ul, .points ul ul {
	padding: 0em;
	margin: 1em 0em 1.5em 1.25em;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
}
.points ul li {
	padding: 0em;
	margin: 0em 0em 0.75em 0em;
	font-size: 1.0em;
	line-height: 1.2em;
	list-style-type: square;
	list-style-position: outside;
	font-weight: normal;
	text-transform: none;
	text-align: left;
}
.points ul ul {
	margin: 0.75em 1em 0.75em 1.75em;
}
.points ul ul li {font-size: 1em;}
.points ul li a, .points ul li a:visited {text-decoration: none;}
.points ul li a:hover {text-decoration: none;}
.points ul.bulleted li {
	list-style-type: none;
	list-style-image: url('../images/bullet.png');
	list-style-position: outside;
	margin: 0em 0em 0.5em 0em;
}
/* ========== 3 Site Elements ======================================== */
a, a:visited {
	color: #00B039;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #3E5313;
	cursor: pointer;
	outline: none;
}
a:active {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
	outline: none;
}
a:focus {outline: none;}
/* ==== Font Classes ================================ */
em, i {font-style: italic;line-height: inherit;}
strong, b {font-weight: bold;line-height: inherit;}
small {font-size: 60%;line-height: inherit;}
code {font-family: Consolas, "Liberation Mono", Courier, monospace;font-weight: bold;color: #7f0a0c;}
.fontbold {font-weight: bold;}
.fontnormal {font-weight: normal;}
.fontitalic {font-style: italic;}
.fontsmall {font-size: 60%;}
.fontbig {font-size: 140%;}
.fontcolour {color: #009933;}
.sup {vertical-align: super;font-size: 70%;}
.txtshadow {text-shadow: 0px -1px 0px #000;}
/* ==== Backgound Colours ==== */
.bggreen {background-color: #E3F2C6;}
.bgcream {background-color: #f4ebd7;}
.bglight {background-color: #f5f5f5; border: 1px solid #CCC;}
.bgastro {background-color: #ffff; border: 1px solid #6db43e; color: #3e5313;}
/* ==== Images ==================================== */
img.flexy 
{font-size: 1em;text-align: right;vertical-align: top;border-style: none;width: 40%;height: auto;display: block;float: right;clear: none;padding: 0em;	margin: 0em 0em 0.5em 0.5em;}
img.responsive 
{font-size: 1em;text-align: left;vertical-align: top;border-style: none;width: 100%;height: auto;display: block;float: none;padding: 0em;margin: 0em;line-height: 1em;}
/* ==== Figure Img+Captions =========================== */
figure, figure.problems, figure.hero {
	font-size: 1em;
	line-height: 1em;
	text-align: left;
	vertical-align: top;
	padding: 0em;
	margin: 0em 0em 0.5em 0em;
	display: block;
	float: none;
	position: relative;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
}
figure.problems {margin: 0em;}
figure img, figure.problems img, figure.hero img {width: 100%;height: auto;display: block;float: none;padding: 0em;margin: 0em;}
figcaption, .figcaption, .herocaption
{font-size: 0.9em;line-height: 1.25em;padding: 0.25em 0em 0em 0em;margin: 0em 0em 0.25em 0em;font-weight: 300;text-align: center;display: block;float: none;clear: both;}
.herocaption {
	padding: 0.5em 55px 0.5em 0.5em;
	margin: 0em;
	font-size: 1em;
	text-align: left;
	line-height: 1.25em;
	line-height: 50px;
	color: #3E5313;
	background-color: #E3F2C6;
	background-image: url('../images/tick.png');
	background-position: right center;
	background-repeat: no-repeat;
	min-height: 50px;
}
/* ==== OverLay Link Icon =========
<div class="overlay">
	<a class="linkicon" href="#"></a>
</div><!-- overlay -->
========================= */
.overlay {
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #3E5313;
	background-color: rgba(62, 83, 19, 0);
	filter: Alpha(opacity=00);
}
.overlay a.linkicon {
	background-image: url('../images/linkiconbig.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.5);
	display: block;
	position: absolute;
	top: -50%;
	left: 50%;
	border-radius: 3px;
	transition: all 0.4s ease-in-out 0s;
	padding: 10px;
	width: 30px;
	height: 30px;
	margin-top: -25px;
	margin-left: -25px;
}
.overlay:hover a.linkicon {
	top: 50%;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 1);
	filter: Alpha(opacity=100);
}
.overlay:hover {
	background-color: rgba(62, 83, 19, 0.75);
	filter: Alpha(opacity=75);
}
/* ==== Floats / Aligns =============================== */
.fltleft {float: left;}
.fltright {float: right;}
.fltmid {margin-right: auto;margin-left: auto;}
.agnleft {text-align: left;}
.agnright {text-align: right;}
.agnmid {text-align: center;}
.botgap {margin-bottom: 2em;}
.nobotmarg {margin-bottom: 0em;}
/* ==== Clears ==================================== */
.afltclear, .aclear, .allfloatclear 
{overflow: hidden;border-style: none;padding: 0px;margin: 0px;width: 100%;height: 0;visibility: hidden;clear: both;display: block;background-image: none;float: none;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* ==== Wraps ==================================== */
.rowwrap {padding: 0em;margin: 0em;text-align: center;vertical-align: top;}
.wrap {padding: 0em;margin: 0em;text-align: center;vertical-align: top;}
.fiftypercent {width: 50%;}
/* ==== Show/Hide ==== */
.shown {visibility: visible;}
.hidden {font-size: 0px;line-height: 0px;padding: 0px;margin: 0px;width: 0px;height: 0px;visibility: hidden;display: none;overflow: hidden;}
/* ==== BorderBox Model ============================ */
.bbox 
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* ==== ContentBox Model ============================ */
.cbox 
{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
/* ==== Button Style (bttn) ============================ */
/* ==== Button Hero ==== */
.bttn, .bttn:visited, a.bttn, a.bttn:visited {
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	outline: none;
	display: block;
	color: #FFFFFF!important;
	border: 1px solid #2B390D;
	background-image: none;
	border-radius: 0px;
	text-shadow: none;
	box-shadow: none;
	background-color: #3E5313;
}
/* === Button (Transition) === */
.bttn, .bttn:visited, a.bttn, a.bttn:visited 
{-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
/* === Hover State === */
.bttn:hover, .bttn:active, a.bttn:hover, a.bttn:active {
	border-color: #D3EBA9;
	background-color: #E3F2C6;
	text-decoration: none;
	color: #3E5313!important;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	background-color: #E3F2C6;
}
/* ======== 4 Layout Blocks ========================================== */
html, body {width: 100%;height: 100%;background-color: whitesmoke;}
body {font-size: 1em;text-align: center;padding: 0em;margin: 0em;border-style: none;}
/* ==== Element Re-set ==== */
.wrapper, .strap, #banner, #footer, #contentcontainer, #menubar, .strap 
{font-size: 1em;line-height: 1.5em;border-style: none;display: block;position: relative;}
.strap {
	padding: 0em;
	margin: 0em;
	display: block;
	z-index: 0;
	position: static;
	float: none;
	clear: both;
}
.wrapper {
	padding: 0em;
	margin: 0em auto 0em auto;
	width: 80%;
	text-align: center;
	max-width: 1300px;
	z-index: 0;
	position: static;
}
#banner {
	padding: 0.3em 0em 0em 0em;
	margin: 0em;
	text-align: center;
	float: none;
	clear: both;
	width: 100%;
	z-index: 5;
	border-bottom: 1px solid #000000;
}
#topnav {
	padding: 0em;
	margin: 0em;
	text-align: center;
	float: none;
	clear: both;
	z-index: 5;
	transition: all 0.25s ease-in-out 0s;
	font-size: 1em;
	line-height: 50px;
	vertical-align: middle;
	display: block;
	height: 50px;
}
.footer {
	padding: 1em 0em 1em 0em;
	background-color: #333;
}
#contentcontainer {
	overflow: hidden;
	padding: 0%;
	margin: 0em;
	text-align: left;
	float: none;
	clear: both;
	width: 100%;
	z-index: 1;
}
/* == Float Clearing == */
.wrapper:after, .strap:after, #banner:after, #footer:after, #contentcontainer:after, #menubar:after 
{content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
/* ========== 5 Page Styles ========================================== */
/* ==== StrapClasses =============================== */
.header {background-color: #FFFFFF;}
.feature {overflow: hidden;background-image: url('../images/stadium.jpg');background-repeat: no-repeat;background-position: center bottom;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.base {padding: 1em 0em 1em 0em;margin: 0em 0em 1em 0em;background-color: #111111;}
.feature .wrapper {padding: 1em 0em 1em 0em;}
#container {padding: 1em 0em 1em 0em;}
/* ==== FeatureBG (For IE 8+7) ==== */
img.bg {display: none;}
/* ==== SiteLogo ========================== */
.sitelogo {
	text-align: left;
	vertical-align: top;
	padding: 0em;
	margin: 0em;
	display: block;
	float: left;
	clear: none;
	width: 60%;
}
.sitelogo img {
	padding: 0em;
	margin: 0em;
	width: 100%;
	height: auto;
}
/* ==== BannerContact ====================== */
.bannercontact {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	text-align: left;
	width: 28%;
	display: block;
	float: right;
	clear: none;
}
.bannercontact h6.phonenumber {
	padding: 0em;
	margin: 0em;
	text-align: right;
	font-size: 1.8em;
	font-weight: 400;

}
.bannercontact p {
	margin-bottom: 0.5em;
	font-weight: normal;
	text-align: right;
}
/* ==== Content ========================== */
.linkbar {
	font-size: 1em;
	padding: 0em;
	margin: 0em;
	text-align: right;
	height: 2em;
	display: block;
	float: none;
	clear: both;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0em;
	right: 0em;
}
.linkbar a, .linkbar a:visited {
	border: none;
	font-size: 1em;
	line-height: 2em;
	text-align: center;
	padding: 0em 1em 0em 1em;
	margin: 0em;
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0em;
	height: 2em;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3E5313;
}
.linkbar a, .linkbar a:visited {
	color: #FFFFFF;
	background-color: #3E5313;
}
.linkbar a:hover, .linkbar a:active {
	color: #FFFFFF;
	background-color: #111111;
	text-decoration: none;
}
/* ==== BrochureBox ======== */
.brochurebox {
	font-size: 1em;
	line-height: 1em;
	vertical-align: top;
	text-align: left;
	padding: 1em;
	margin: 0em;
	display: block;
}
/* == Float Clearing == */
.brochurebox:after, .brochurebox-media:after, .brochurebox-body:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.brochurebox-media, .brochurebox-body {display: block;clear: none;width: 50%;}
.brochurebox-media {float: right;}
.brochurebox-body {float: left;}
/* ==== BrochureBox Inner ==== */
.brochureinner {
	font-size: 1em;
	padding: 0em;
	margin: 0em;
	display: block;
	position: relative;
}
.brochurebox-body .brochureinner {
	padding-right: 1em;
}
.brochureinner h6, .brochureinner p {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 1em;
}
.brochureinner h6 {
	color: #3E5313;
	font-size: 1.2em;
	margin-bottom: 0.25em;
}
.brochureinner p {
	font-weight: bold;
}
.brochurebox-body .brochureinner p:last-of-type {
	padding-bottom: 3.3em;
}
/* ==== LinkBar ==== */
.brochurebox .linkbar {
	right: 1em;
}
.brochurebox .linkbar a:after {
	padding: 0em;
	margin: -0.75em 0em 0em 0em;
	border-style: solid;
	border-width: 0.75em;
	border-color: transparent transparent transparent #3E5313;
	position: absolute;
	content: '';
	right: -1.4em;
	font-size: 1em;
	top: 50%;
}
/* == ColourMatching == */
.brochurebox .linkbar a:after {
	border-color: transparent transparent transparent #3E5313;
}
/* == Hover == */
.brochurebox .linkbar a:hover:after {
	border-color: transparent transparent transparent #111111;
}
/* ==== PromoBox ======== */
.promobox {
	font-size: 1em;
	line-height: 1.3em;
	padding: 1em 1em 1em 1em;
	margin: 0em 0em 1.3em 0em;
	display: block;
	float: none;
	clear: both;
	width: 100%;
}

.greybox {
	font-size: 1em;
	line-height: 1.3em;
	padding: 1em 1em 0em 1em;
	margin: 0em 0em 1.3em 0em;
	display: block;
	float: none;
	clear: both;
	width: auto;
}
.promobox {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/* == Float Clearing == */
.promobox:after, .promobox-media:after, .promobox-body:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.promobox-media, .promobox-body {display: block;clear: none;}
.promobox-media {
	float: left;
	width: 40%;
}
.promobox-body {
	float: right;
	width: 60%;
}
/* ==== PromoBox SWITCH ==== */
.promobox.switch .promobox-media {float: right;clear: none;}
.promobox.switch .promobox-body {float: left;clear: none;}
/* ==== PromoBox Inner ==== */
.promoboxinner {
	font-size: 0.85em;
	padding: 0em;
	margin: 0em;
	display: block;
	position: relative;
}

.promoboxinner h2 {
	border: none;
	font-size: 1.2em;
	line-height: 2em;
	text-align: left;
	padding: 0em 1em 0em 1em;
	margin: 0em;
	margin-bottom: 0.5em;
	display: block;
	position: relative;
	top: 0px;
	left: 0em;
	height: 2em;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3E5313;
}

.promoboxinner h2 a, .promoboxinner h2 a:visited {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}
.promoboxinner h2 a:hover {
	text-decoration: none;
	color: #00B039;
	cursor: pointer;
	outline: none;
}
.promoboxinner h2 a:active {
	color: #00B039;
	text-decoration: none;
	background-color: transparent;
	outline: none;
}


.promobox-body .promoboxinner {
	padding: 0em 1em 0em 1em;
}
.promobox-body .promoboxinner p:last-of-type {
	padding-bottom: 3.3em;
}
/* ==== LinkBar ==== */
.promobox .linkbar {
	text-align: left;
	height: 2em;
	bottom: 0;
	left: 1em;
	right: 1em;
}
.promobox.switch .linkbar {text-align: right;}
.promobox .linkbar a:before {
	padding: 0em;
	margin: -0.75em 0em 0em 0em;
	border-style: solid;
	border-width: 0.75em;
	border-color: transparent #3E5313 transparent transparent;
	position: absolute;
	content: '';
	left: -1.4em;
	font-size: 1em;
	top: 50%;
}
.promobox.switch .linkbar a:before {display: none;}
.promobox.switch .linkbar a:after {
	padding: 0em;
	margin: -0.75em 0em 0em 0em;
	border-style: solid;
	border-width: 0.75em;
	border-color: transparent transparent transparent #3E5313;
	position: absolute;
	content: '';
	right: -1.4em;
	font-size: 1em;
	top: 50%;
}
/* == ColourMatching == */
.promobox .linkbar a:before {
	border-color: transparent #3E5313 transparent transparent;
}
.promobox.switch .linkbar a:after {
	border-color: transparent transparent transparent #3E5313;
}
/* == Hover == */
.promobox .linkbar a:hover:before {
	border-color: transparent #111111 transparent transparent;
}
.promobox.switch .linkbar a:hover:after {
	border-color: transparent transparent transparent #111111;
}

.darklink a {
	color:#666;
	}
	
.darklink a:hover {
	color:#007c33;
	}
	
.greytext p {
	font-size: 0.7em;
	margin-top: 1em
	}	
	
/* ==== BorderBox ======== */
.borderbox {
	font-size: 1em;
	text-align: left;
	padding: 1em 1em 3em 1em;
	margin: 0em 0em 1.3em 0em;
	display: block;
	float: none;
	clear: left;
	border: 1px solid #3E5313;
	background-image: url('../images/sport-ball-background.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100% auto;
	background-color: #FFFFFF;
}
.borderbox ul {max-width: 45%;}
/* ==== PaddedBox ======== */
.padded {
	font-size: 1em;
	vertical-align: top;
	text-align: left;
	padding: 1em;
	margin: 0em;
	display: block;
	border-style: none;
}
/* ==== Footer ========================== */
/* ==== Footer ========================== */
.footerimgs {
	font-size: 1em;
	text-align: center;
	vertical-align: bottom;
	line-height: 1em;
	padding: 0em;
	margin: 0em;
	width: 100%;
	display: block;
	float: none;
	clear: both;
}
.footerimgs span {
	padding: 1em 1% 1em 1%;
	font-size: 1em;
	text-align: center;
	width: 100%;
	display: inline-block;
}
.footerimgs span img {
	height: auto;
	padding: 0em;
	margin: 0em auto 0em auto;
	display: block;
	width: 90%;
}
img.van {
	position: absolute;
	z-index: 1;
	width: 35%;
	right: 0em;
	bottom: -1.5em;
	font-size: 1em;
}
/* ==== QuickLinkBox ============================== */
.qlbox {
	text-align: left;
	display: block;
	font-size: 1em;
}

/* ==== QLink H6 Heading ==== */
.qlbox h6 {
	border-style: none;
	padding: 0.5em;
	margin: 0em 0em 1em 0em;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	line-height: 1.3em;
	text-align: left;
	background-color: #FFFFFF;
	position: relative;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 0.075em;
}
/* == Qlink H6 Arrow == */
.qlbox h6:after {
	padding: 0em;
	margin: 0em;
	border-style: solid;
	border-width: 11px;
	border-color: #FFFFFF transparent transparent transparent;
	position: absolute;
	content: '';
	left: 20px;
	font-size: 16px;
	top: 100%;
}
/* ==== QLink:Hover H6 ==== */
.qlbox:hover h6 {
	color: #73C0EE;
}
/* ==== QLink H5 Heading ==== */
.qlbox h5 {
	padding: 0em 0em 0.25em 0em;
	margin: 0em 0em 1em 0em;
	font-size: 1.0em;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	position: relative;
	border-bottom: 1px #CCC solid;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 0.025em;
}
/* == Qlink H5 Arrow == */
.qlbox h5:after, .qlbox h5:before {
	padding: 0em;
	margin: 0em;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
	position: absolute;
	content: '';
	font-size: 16px;
	left: 30px;
	top: 100%;
	border-width: 10px;
	margin-left: -10px;
}
/* == Qlink H5 Arrow (Border) == */
.qlbox h5:before {
	border-color: #CCC transparent transparent transparent;
	border-width: 11px;
	margin-left: -11px;
	margin-top: 1px;
}

.qlbox {margin: 0px 10px 0px 15px;width: 300px;float: left;padding: 0px;}
.qlbox p {padding: 0px;margin: 0px 0px 10px 0px;font-size: 12px;}
span.tidy, span.tidy2 {width: 70px;text-align: right;display: inline-block;padding: 0px 10px 0px 0px;margin: 0px;}
span.tidy2 {width: 40px;}
span.tidy3 {width: 90px;text-align: right;display: inline-block;padding: 0px 10px 0px 0px;margin: 0px;}
.qlbox ul {padding: 0px;list-style: none;margin-bottom: 10px;}
.qlbox ul li {font-size:12px; color:#fff;}
.qlbox ul li a {color: #C0C0C0;	display: inline;}
.qlbox ul li a:hover, .footerColumns ul li a:active {color: #ffffff;}
/* Info Lists */
.qlbox.borderlist ul li,
ul.borderlist li {padding: 5px 0px 5px 0px;border-bottom: 1px solid #373635;box-shadow: 0px 1px 0px #5F5C5A;-moz-box-shadow: 0px 1px 0px #5F5C5A;-webkit-box-shadow: 0px 1px 0px #5F5C5A;text-align: left;}
ul.addresslist li {padding: 5px 0px 5px 0px;text-align: left;}
.qlbox.borderlist ul li:last-of-type,
ul.borderlist li:last-of-type {;border-bottom: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
ul.addresslist li {padding: 5px 0px 5px 0px;text-align: left;}

#opening ul {padding: 0px;list-style: none;margin-bottom: 10px;font-size: 0.9em;}
	

.footerBase {font-size: 1em;padding: 10px 20px 10px 0px;margin: 0px;display: block;float: none;clear: both;text-align: center;line-height: 30px;background-image: none; background-color: #ff0000;}
.footerBase p.baseSocial {font-size: 14px;text-align: left;padding: 0px;margin: 0px;width: 45%;line-height: 28px;height: 30px;display: block;float: left;clear: both;color: #C0C0C0;}
p.baseSocial {overflow: hidden;text-align: right;float: right; clear: none;padding: 0px;margin: 0px;}
p.baseSocial a {overflow: hidden;padding: 0px;margin: 0px 0px 0px 5px;width: 25px;height: 25px;display: inline-block;background-repeat: no-repeat;background-position: center center;text-align: center;}
p.Social {overflow: hidden;text-align: left;float: left;clear: none;padding: 0px;margin: 0px;}
p.Social a {overflow: hidden;padding: 0px;margin: 0px 0px 0px 5px;width: 25px;height: 25px;display: inline-block;background-repeat: no-repeat;background-position: center center;text-align: center;}
/* social link classes */
a.base-insta {	background-image: url('../images/insta-grey.png');}
a.base-insta:hover, a.base-insta:active {background-image: url('../images/insta-blue.png');}
a.base-linkedin {	background-image: url('../images/linkedin-grey.png');}
a.base-linkedin:hover, a.base-linkedina:active {background-image: url('../images/linkedin-blue.png');}
a.base-google {background-image: url('../images/google-grey.png');}
a.base-google:hover, a.base-google:active {background-image: url('../images/google-red.png');}
a.base-twitter {background-image: url('../images/twitter-grey.png');}
a.base-twitter:hover, a.base-twitter:active {background-image: url('../images/twitter-blue.png');}
a.base-facebook {background-image: url('../images/facebook-grey.png');}
a.base-facebook:hover, a.base-facebook:active {background-image: url('../images/facebook-blue.png');}
p.baseSocial a {*display:block;*float:right;*vertical-align: top;*clear: none;}

/* Slideshow */

.Container { width: 1100px; margin: 0 auto; max-width: 90%; }
.Transition { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.Clear { clear: both; width: 100%; position: relative; }

#Slider { width: 100%; position: relative; }
#SliderContainer {  }
#SlideImage, #SlideText { width: 100%; height: 500px; overflow: hidden; z-index: 1; }
#SlideImage{ position: relative; z-index: 1; }
#SlideText { position: absolute; z-index: 3; }
.Slide { width: 100%; height: 100%; position: absolute; display: none; }
.SlideContent { width:100%; height: 100%; position: relative; text-align: center; }
.SlideContent  h2 { color: white; text-transform: uppercase; font-size: 32px; max-width: 750px; margin: 0 auto 25px auto; font-weight: 900; text-shadow: 0px 0px 5px #181818; text-align: center;  }
.SlideContent  p { color: white; font-size: 18px; max-width: 750px; margin: 0 auto 25px auto; font-weight: 900; text-shadow: 0px 0px 5px #181818; text-align: center; }
.SlideContent ul {display: block; text-align: center; }
.SlideContent li { text-shadow: 0px 0px 3px #181818; position: relative; cursor: pointer; display: inline-block; font-weight: bold; padding: 15px 25px; border: 3px solid white; margin: 10px; font-size: 18px; color: white; background: none; text-transform: uppercase;}
.SlideContent li:hover { background: white; color: #004d16; text-shadow: 0px 0px 1px #004d16; }
.Slide img { min-width: 100%; min-height: 500px; height: auto; }
.SlideSelector { opacity: 0; width: 100px; height: 500px; position: absolute; z-index: 4; }
#SliderContainer:hover .SlideSelector { opacity: 1; }
.SlideSelector .OuterContainer { margin: 200px 0; width: 60px; height: 60px; padding: 20px; }
.SlideSelector  .InnerContainer { position: relative; width: 60px; height: 60px; cursor: pointer; background: rgba(255,255,255,0.5); border-radius: 50%; }
.SlideSelector  .InnerContainer:hover { background: rgba(255,255,255,1); text-align: center;}
.SlideSelector  .InnerContainer img{ position: relative; width: 60px; height: 60px; }
#PreviousSlide { float: left; }
#NextSlide { margin-left: 1000px; }
@media screen and (max-width: 1210px) {
#NextSlide { margin-left: 0; right: 5%; }
}
@media screen and (max-width: 1080px) {
#SlideImage, #SlideText { height: 400px; }
.SlideSelector { height: 400px; }
.SlideSelector .OuterContainer { margin: 150px 0;}
.Slide img { min-height: 400px; }
}
@media screen and (max-width: 768px) {
#SlideImage, #SlideText { height: 300px; }
.SlideSelector { height: 300px; opacity: 1; width: 60px; }
.SlideSelector .OuterContainer { margin: 100px 0; width: 40px; height: 40px; padding: 30px 10px; }
.SlideSelector  .InnerContainer { width: 40px; height: 40px; }
.SlideSelector  .InnerContainer img{ width: 40px; height: 40px; }
.SlideContent  h2 { font-size: 24px; max-width: 400px; margin: 0 auto 10px auto; font-weight: 700; }
.SlideContent ul { width: 250px; margin: 0 auto; }
.SlideContent li { display: inline-block; padding: 10px 15px; border: 3px solid white; margin: 10px; font-size: 14px; clear: both; }
.SlideContent li:hover { background: white; color: #004d16; }
.Slide img { min-height: 300px; }
}

/* nonSlideshow */

.Container { width: 1100px; margin: 0 auto; max-width: 90%; }
.Clear { clear: both; width: 100%; position: relative; }

#nonSlider { width: 100%; position: relative; }
#nonSliderContainer {  }
#nonSlideImage, #nonSlideText { width: 100%; height: 500px; overflow: hidden; z-index: 1; }
#nonSlideImage{ position: relative; z-index: 1; }
#nonSlideText { position: absolute; z-index: 3; }
.nonSlide { width: 100%; height: 100%; position: absolute; display: none; }
.nonSlideContent { width:100%; height: 100%; position: relative; text-align: center; }
.nonSlideContent  h2 { color: white; text-transform: uppercase; font-size: 32px; max-width: 750px; margin: 0 auto 25px auto; font-weight: 900; text-shadow: 0px 0px 5px #181818; text-align: center;  }
.nonSlideContent  p { color: white; font-size: 18px; max-width: 750px; margin: 0 auto 25px auto; font-weight: 900; text-shadow: 0px 0px 5px #181818; text-align: center; }
.nonSlideContent ul {display: block; text-align: center; }
.nonSlideContent li { text-shadow: 0px 0px 3px #181818; position: relative; cursor: pointer; display: inline-block; font-weight: bold; padding: 15px 25px; border: 3px solid white; margin: 10px; font-size: 18px; color: white; background: none; text-transform: uppercase;}
.nonSlideContent li:hover { background: white; color: #004d16; text-shadow: 0px 0px 1px #004d16; }
.nonSlide img { min-width: 100%; min-height: 500px; height: auto; }
#nonSliderContainer:hover { opacity: 1; }
@media screen and (max-width: 1080px) {
.nonSlide img { min-height: 400px; }
}
@media screen and (max-width: 768px) {
#nonSlideImage, #nonSlideText { height: 300px; }
.nonSlideContent  h2 { font-size: 24px; max-width: 400px; margin: 0 auto 10px auto; font-weight: 700; }
.nonSlideContent ul { width: 250px; margin: 0 auto; }
.nonSlideContent li { display: inline-block; padding: 10px 15px; border: 3px solid white; margin: 10px; font-size: 14px; clear: both; }
.nonSlideContent li:hover { background: white; color: #004d16; }
.nonSlide img { min-height: 300px; }
}


/* ==== Copyright Bar ============================= */
.copy {
	font-size: 0.85em;
	text-align: left;
	padding: 0em 0em 0.2em 0em;
	margin: 0em 0em 0.2em 0em;
	float: left;
	color: #AAA;
}
.copy a, .copy a:visited {text-decoration: none;color: #CCC;}
.copy a:hover, .copy a:active {text-decoration: none;color: #73C0EE;}

/* ==== Copyright Bar ============================= */
.footertext {
	font-size: 0.75em;
	text-align: left;
	padding: 0.25em 0em 0.1em 0em;
	margin: 0em 0em 0.1em 0em;
	color: #fff;
	display: block;
	float: left;
	clear: both;
}
.footertext a, .footertext a:visited {text-decoration: none;color: #CCC;}
.footertext a:hover, .footertext a:active {text-decoration: none;color: #73C0EE;}

/* ==== SiteLinks ================================ */
.sitelinks {font-size: 1em;}
.sitelinks .grid-inner {margin-bottom: 0.25em;font-size: 1em;text-align: center;line-height: 1.2em;}
.sitelinks a, .sitelinks a:visited {text-decoration: none;font-size: 0.75em;line-height: 1.15em;}
.sitelinks a, .sitelinks a:visited {color: #CCC;}
.sitelinks a.currentsite {color: #73C0EE;}
.sitelinks a:hover, .sitelinks a:active {color: #2E3378;}
/* ==== Designer Link ============================= */
.designer {
	padding: 0em;
	margin: 0em 0em 1.5em 0em;
	text-align: right;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 2em;
	display: block;
}
/* ========== 6 Modules ============================================= */
/* ==== GridBlocks ================================= */
/* ==== GridBlock-Wrap ======== */
.gridblocks-wrap 
{padding: 0em;margin: 0em -1em 1em -1em;text-align: center;vertical-align: top;font-size: 1em;display: block;float: none;clear: both;line-height: 1.5em;}
/* == Float Clearing == */
.gridblocks-wrap:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
/* ==== GridBlocks ==== */
.gridblocks-wrap .gridblock,
.gridblocks-wrap .gridblock2,
.gridblocks-wrap .gridblock3,
.gridblocks-wrap .gridblock4,
.gridblocks-wrap .gridblock5,
.gridblocks-wrap .gridblock6,
.gridblocks-wrap .gridblock75,
.gridblocks-wrap .gridblock25,
.gridblocks-wrap .gridblock34,
.gridblocks-wrap .gridblock14,
.gridblocks-wrap .gridblock60,
.gridblocks-wrap .gridblock40 
{font-size: 1em;line-height: 1.5em;text-align: center;vertical-align: top;padding: 0em;margin: 0em;display: block;width: 100%;height: auto;-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;box-sizing: border-box;}
/* ==== Inner ==== */
.gridblock-inner {font-size: 1em;display: block;float: none;padding: 0em;margin: 0em 0.5em 0.8em 0.5em;}
.gridblock-inner2 {font-size: 1em;display: block;float: none;padding: 0em;margin: 0em 0.5em 0.2em 0.5em;}
/* ==== GridBlock 100% ======== */
.gridblocks-wrap .gridblock {width: 100%;padding: 0em 0.5em 0em 0.5em;float: none;}
/* ==== GridBlock 50% ======== */
.gridblocks-wrap .gridblock2 {width: 50%;padding: 0em 0.5em 0em 0.5em;float: left;}
/* ==== 50% Float CSS ==== */
.gridblocks-wrap .gridblock2:nth-child(odd) {float: left;clear:both;}
.gridblocks-wrap .gridblock2:nth-child(even) {float: right;clear:none;}
/* ==== GridBlock 33% ======== */
.gridblocks-wrap .gridblock3 {width: 33.33%;float: left;padding: 0em 0.5em 0em 0.5em;}
/* ==== GridBlock 25% ======== */
.gridblocks-wrap .gridblock4 {width: 25%;float: left;padding: 0em 0.5em 0em 0.5em;}
/* ==== GridBlock 20% ======== */
.gridblocks-wrap .gridblock5 {width: 20%;float: left;padding: 0em 0.5em 0em 0.5em;}
/* ==== GridBlock 16.66% ======== */
.gridblocks-wrap .gridblock6 {width: 16.66%;float: left;padding: 0em 0.5em 0em 0.5em;}
/* ==== GridBlock 75+25% ======== */
.gridblocks-wrap .gridblock75 {width: 75%;float: left;clear: both;padding: 0em 0.5em 0em 0.5em;}
.gridblocks-wrap .gridblock25 {width: 25%;float: right;clear: none;padding: 0em 0.5em 0em 0.5em;}
/* ==== GridBlock 3/4+1/4 ======== */
.gridblocks-wrap .gridblock34 {width: 75%;float: right;clear: none;padding: 0em 0.5em 0em 0.5em;}
.gridblocks-wrap .gridblock14 {width: 25%;float: left;clear: both;padding: 0em 0.5em 0em 0.5em;}
/* ==== GridBlock 60+40 ======== */
.gridblocks-wrap .gridblock60 {width: 60%;float: left;clear: both;padding: 0em 0.5em 0em 0.5em;}
.gridblocks-wrap .gridblock40 {width: 40%;float: right;clear: none;padding: 0em 0.5em 0em 0.5em;}

/* ========== 7 FlexSlider ============================================= */
#flexwrapper.textpag {position: relative;z-index: 1;margin-bottom: 0em;}
#flexwrapper.textpag .flexslider {border-style: none;background-color: transparent;margin-bottom: 1em;}
.flexslider .slides li .articlebox {opacity: 0.00;-moz-opacity: 0.00;-webkit-opacity: 0.00;-khtml-opacity: 0.00;-ms-filter: "Alpha(opacity=00)";filter: Alpha(opacity=00);-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}
.flexslider .slides li.flex-active-slide .articlebox {opacity: 1.0;-moz-opacity: 1.0;-webkit-opacity: 1.0;-khtml-opacity: 1.0;-ms-filter: "Alpha(opacity=100)";filter: Alpha(opacity=100);-webkit-transition: all 0.5s 0.5s linear;-moz-transition: all 0.5s 0.5s linear;-o-transition: all 0.5s 0.5s linear;-ms-transition: all 0.5s 0.5s linear;transition: all 0.5s 0.5s linear;}
.flexslider .slides li .articlebox h2, .flexslider .slides li .articlebox p {position: relative;z-index: 0;left: 20em;opacity: 0.00;-moz-opacity: 0.00;-webkit-opacity: 0.00;-khtml-opacity: 0.00;-ms-filter: "Alpha(opacity=00)";filter: Alpha(opacity=00);-webkit-transition: all 0.95s linear;-moz-transition: all 0.95s linear;-o-transition: all 0.95s linear;-ms-transition: all 0.95s linear;transition: all 0.95s linear;}
.flexslider .slides li.flex-active-slide .articlebox h2, .flexslider .slides li.flex-active-slide .articlebox p {position: relative;z-index: 2;left: 0em;opacity: 1.0;-moz-opacity: 1.0;-webkit-opacity: 1.0;-khtml-opacity: 1.0;-ms-filter: "Alpha(opacity=100)";filter: Alpha(opacity=100);-webkit-transition: all 0.75s 0.5s linear;-moz-transition: all 0.75s 0.5s linear;-o-transition: all 0.75s 0.5s linear;-ms-transition: all 0.75s 0.5s linear;transition: all 0.75s 0.5s linear;}
/* ==== Article Box =============================== */
.articlebox, .articlebox2 {
	border: 1px solid #808080;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	padding: 0em;
	margin: 0em;
	display: block;
	float: none;
	clear: both;
	background-color: transparent;
	background-image: url('../images/trans.png');
	background-repeat: repeat;
	position: relative;
	z-index: 2;
}
/* ==== ImgWrap ==== */
.figwrap {overflow: hidden;padding: 0em;margin: 0em;width: 39%;vertical-align: top;text-align: left;display: table-cell;font-size: 1em;z-index: 1;border-right-style: solid;border-right-width: 1px;border-right-color: #808080;}
.figwrap img {border-style: none;padding: 0em;margin: 0em;height: auto;width: 100%;float: none;display: block;font-size: 1em;}
/* ==== TextWrap ==== */
.textwrap {margin: 0em;padding: 1em 1em 2.6em 1em;vertical-align: top;width: 55%;font-size: 1em;display: table-cell;text-align: left;position: relative;z-index: 1;}
.textwrap h2 {
	border: 1px solid #CCCCCC;
	color: #FFF;
	padding: 0.25em;
	font-weight: normal;
	margin: 0em 0em 1em 0em;
}
.textwrap p {
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	margin-bottom: 1em;
	padding: 0em;
}
/* == BoxLink == */
.boxlink {
	font-size: 1em;
	padding: 0em;
	margin: 0% 1em 0% 0%;
	text-align: right;
	height: 2.6em;
	display: block;
	float: none;
	clear: both;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
}
.boxlink a, .boxlink a:visited {
	border: 1px solid #808080;
	font-size: 1em;
	line-height: 2em;
	text-align: center;
	padding: 0em 1em 0em 1em;
	margin: 0em;
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0em;
	color: #FFFFFF;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.1);
}
.boxlink a:hover, .boxlink a:active {
	border-color: #364811;
	color: #FFFFFF;
	background-color: #3E5313;
	background-color: rgba(62, 83, 19, 1);
	text-decoration: none;
}
/* ==== Article Box2 =============================== */
.articlebox2 {
	font-size: 0.9em;
}
/* ==== TextWrap ==== */
.articlebox2 .textwrap {
	padding: 1em;
}

/* ==== PagMenu =============================== */
.pagmenu {font-size: 1em;text-align: center;line-height: 1em;border-style: none;padding: 0em;margin: 0em;display: block;width: 100%;background-image: none;list-style-type: none;position: relative;z-index: 2;float: none;clear: both;}
/* ==== ListItems ==== */
.pagmenu li {float: none;display: inline-block;}
.pagmenu li {font-size: 1em;text-align: center;padding: 0em;margin: 0em;border-style: none;display: inline-block;list-style-type: none;list-style-position: outside;clear: none;}
/* ==== LinkStyles ==== */
.pagmenu li a, .pagmenu li a:visited {
	color: #CCC;
	padding: 0.25em 0.5em 0.3em 0.5em;
	display: block;
	text-decoration: none;
	font-size: 1em;
	border: 1px solid #808080;
	margin: 0em 0.25em 0.5em 0.25em;
	line-height: 1.25em;
	text-align: center;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.1);
}
.pagmenu li a:hover {
	border-color: #CCCCCC;
	color: #3E5313;
	text-decoration: none;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.5);
}
/* === ActiveState === */
.pagmenu li a.flex-active {
	border-color: #364811;
	color: #FFFFFF;
	background-color: #3E5313;
	background-color: rgba(62, 83, 19, 1);
	text-decoration: none;
}
/* == Float Clearing == */
.articlebox:after, .pagmenu:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
/* ======== 8 Navigation / Site-Menu ===================================== */
/* ==== Reset ================================== */
nav, #nav, .nav, menu, #menu, .menu {padding: 0px;margin: 0px;border-style: none;font-size: 1em;position: relative;}
nav ul, #nav ul, .nav ul, menu ul, #menu ul, .menu ul, menu ul ul, #menu ul ul, .menu ul ul {padding: 0px;margin: 0px;font-size: 1em;}
nav li, #nav li, .nav li, menu li, #menu li, .menu li {padding: 0px;margin: 0px;list-style-type: none;list-style-image: none;font-size: 1em;}
nav a:active, #nav a:active, .nav a:active, menu a:active, #menu a:active, .menu a:active {outline: none;}
/* ==== MenuBar ========================= */
#menubar {
	margin: 0em;
	height: 50px;
	text-align: center;
	padding: 0.25em;
	background-image: none;
	display: block;
	float: none;
	clear: both;
	font-size: 1em;
	vertical-align: middle;
	line-height: 50px;
	background-color: #3E5313;
	z-index: 10;
}
#menubar {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: #3E5313;
}
.nav {font-size: 1em;text-align: left;padding: 0em;margin: 0em;display: block;float: none;clear: both;position: relative;z-index: 5;width: 100%;left: 0;top: 0;line-height: inherit;}
/* ==== Hide MenuBar ==== */
#menubar {display: none;}
/* ==== Navigation ============================== */
#nav {
	margin: 0em;
	border-style: none;
	height: 100%;
	text-align: center;
	padding: 0em;
	background-image: none;
	display: block;
	float: none;
	clear: both;
	font-size: 1em;
	width: 100%;
	z-index: 5;
}
/* ==== SiteMenu =============================== */
menu {
	font-size: 0.9em;
	padding: 0em;
	margin: 0em;
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5;
	border-left: 1px dashed #000000;
}
menu ul {padding: 0px;margin: 0px;width: 100%;height: 100%;}
/* ==== List Items (100 / number of Links = ?%) ==== */
menu ul li {
	list-style-type: none;
	float: left;
	background-image: none;
	padding: 0px;
	margin: 0px;
	height: 100%;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
	width: 12.5%;
	border-right: 1px dashed #000000;
}
/* ==== Links ==== */
menu ul li a, menu ul li a:visited {
	color: #333333;
	display: block;
	height: 50px;
	padding: 0em 0em 0em 0em;
	margin: 0em;
	font-size: 0.9em;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	text-transform: none;
	position: relative;
}
/* ==== HoverStyle ==== */
menu ul li a:hover, menu ul li a:active, menu ul li:hover > a, menu ul li:active > a {
	background-color: #E3F2C6;
	color: #3E5313;
}
/* ==== SubMenu ==== */
menu ul ul {
	background-image: none;
	border-style: none;
	padding: 0em;
	margin: 0em;
	width: 200%;
	text-align: center;
	position: relative;
	z-index: 5;
	left: 0px;
	top: 0px;
}
/* ==== SubMenu Class Position's (END right-align) ==== */
menu ul li.end ul {
	left: -100%;
	top: 0px;
}
/* ==== Hide SubMenu ==== */
menu ul ul {overflow: hidden;height: 0px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-o-transition: opacity 0.4s ease-out;-ms-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}
/* ==== Show SubMenu ==== */
menu ul li:hover ul {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	height: auto;
	opacity: 1.0;
	filter: alpha(opacity=100);
	z-index: 5;
}
/* ==== SubMenu ListItems ==== */
menu ul li ul li {
	background-image: none;
	border-style: none;
	width: 100%;
	height: 35px;
	display: inline-block;
}
/* ==== Hide SubMenu ListItems ==== */
menu ul li ul li {height: 0px;overflow: hidden;-webkit-transition: height 0.4s ease-in-out;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;-ms-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out;}
/* ==== Show SubMenu ListItems ==== */
menu ul li:hover ul li {
	height: 35px;
}
/* ==== SubMenu LinkStyle ==== */
menu ul li ul li a, menu ul li:hover ul li a {
	border-style: none;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: none;
	color: #3E5313;
	text-decoration: none;
	line-height: 35px;
	text-align: left;
	text-indent: 0px;
	white-space: inherit;
	word-spacing: normal;
	letter-spacing: normal;
	background-color: #E3F2C6;
	background-image: none;
	padding: 0em 0em 0em 0.5em;
	margin: 0em;
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	float: inherit;
	text-shadow: none;
	opacity: 0.90;
	filter: alpha(opacity=90);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ==== SubMenu Hover LinkStyle ==== */
menu ul li ul li a:hover, menu ul li:hover ul li:hover a {
	color: #FFFFFF;
	background-color: #3E5313;
	text-shadow: none;
	box-shadow: none;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
/* ==== SubMenu Mark-Up ========================= 
<ul><li><a href="#"><span class="hidden">- </span>submenu link</a></li></ul>
==== END SubMenu ============================= */
/* ==== Fixed Nav ================================================== */
#topnav.tacked {
	min-height: 0px;
	line-height: 1em;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 10;
	transition: all 0.4s ease-in-out 0s;
	background-color: #FFFFFF;
	padding: 0em;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #3E5313;
}
#topnav.tacked {width: 100%;margin: 0em;line-height: 50px;height: 52px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#topnav.tacked #nav {margin: 0em auto 0em auto;width: 80%;max-width: 1300px;}
/* ==== SelectMenu ============================= */
.nav select {margin: 0em;padding: 0em;width: 100%;height: 50px;line-height: 50px;text-transform: none;font-weight: bold;font-size: 1.25em;display: block;text-align: left;clear: none;vertical-align: middle;cursor: pointer;outline: none;position: relative;z-index: 5;border: 1px solid #666;color: #3E5313;background-color: #FFF;}
.nav select option {border-bottom: 1px #808080 solid;padding: 0.25em;font-weight: normal!important;font-size: 0.9em !important;text-transform: none;text-decoration: none;background: #FFFFFF!important;line-height: 1.25em;color: #333333;text-indent: 0.25em;outline: none;}
/* ==== Hide Select-Menu ==== */
.nav select {display: none;}

/* ======== 9 Media Queries (devices and browsers)  ========================= */
/* ========== Above 1200px ==================================== */
@media only screen and (min-width: 1199px) {
body {font-size: 1.15em;}
.wrapper {width: 80%;}
#topnav.tacked #nav {width: 80%;}
/* ==== Banner ================================= */
/* ==== SiteLogo ========================== */
/* HideImage */
.sitelogo img {background-color: transparent;opacity: 0.0;filter: alpha(opacity=00);}
/* Show Background */
.sitelogo {background-repeat: no-repeat;background-position: left top;background-size: 100% auto;}
.sitelogo {
	width: 60%;
}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}
/* ==== BannerContact ====================== */
.bannercontact {
	margin-top: 0.5em;
}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Normal (1024>1199px) =============================== */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
body {font-size: 1.0em;}
.wrapper {width: 90%;}
#topnav.tacked #nav {width: 90%;}
/* ==== SiteLogo ========================== */
/* HideImage */
.sitelogo img {background-color: transparent;opacity: 0.0;filter: alpha(opacity=00);}
/* Show Background */
.sitelogo {background-repeat: no-repeat;background-position: left top;background-size: 100% auto;}
.sitelogo {
	width: 55%;
}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}
/* ==== BannerContact ====================== */
.bannercontact {
	margin-top: 0.35em;
}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Normal (960>1023px) ================================ */
@media only screen and (min-width: 960px) and (max-width: 1023px) {
body {font-size: 0.9em;}
.wrapper {width: 94%;}
#topnav.tacked #nav {width: 94%;}
/* ==== SiteLogo ========================== */
/* HideImage */
.sitelogo img {background-color: transparent;opacity: 0.0;filter: alpha(opacity=00);}
/* Show Background */
.sitelogo {background-repeat: no-repeat;background-position: left top;background-size: 100% auto;}
.sitelogo {
	width: 50%;
}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}
/* ==== BannerContact ====================== */
.bannercontact {
	margin-top: 0.25em;
}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Tablet + Portrait (768>959px) =========================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body {font-size: 0.85em;}
.wrapper {width: 98%;}
#topnav.tacked #nav {width: 98%;}
/* ==== SiteLogo ========================== */
/* HideImage */
.sitelogo img {background-color: transparent;opacity: 0.0;filter: alpha(opacity=00);}
/* Show Background */
.sitelogo {background-repeat: no-repeat;background-position: left top;background-size: 100% auto;}
.sitelogo {
	width: 57%;
}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}
/* ==== BannerContact ====================== */
.bannercontact {
	margin-top: 0.6em;
}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== MenuSwap (767px) ================================= */
@media only screen and (max-width: 767px) {
body {font-size: 0.8em;}
.wrapper {width: 99%;}
#container {padding: 1.5em 0.5em 1.5em 0.5em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* ==== Banner ================================= */
#banner {border-style: none;margin: 55px 0em 0em 0em;padding: 1em 0em 1em 0em;}
/* ==== SiteLogo ========================== */
/* HideImage */
.sitelogo img {background-color: transparent;opacity: 0.0;filter: alpha(opacity=00);}
/* Show Background */
.sitelogo {background-repeat: no-repeat;background-position: left top;background-size: 100% auto;}
.sitelogo {width: 96%;}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}

/* ==== PromoBox ======== */
.promobox-media, .promobox-body {width: 100%;float: none;clear: both;}
/* ==== PromoBox ======== */
.promobox-body .promoboxinner, .promobox-body .promoboxinner p:last-of-type {padding: 0em;}
.promobox-body .promoboxinner {padding-top: 1em;}
.promobox .linkbar {height: auto;display: block;float: none;clear: both;position: relative;left: 0em;right: 0em;text-align: right;}
.promobox .linkbar a {height: auto;}
.promobox .linkbar a:before, .promobox .linkbar a:after, .promobox.switch .linkbar a:before, .promobox.switch .linkbar a:after {display: none;}
/* ==== Base =============================== */
.base .wrapper {padding: 0em 0.5em 0em 0.5em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* ==== QuickLinks ===============================*/
.qlbox {margin: 0em 0em 1em 0em;width: 100%;float: none;clear: both;}
/* ==== FlexSlider =============================== */
#flexwrapper.textpag 
{padding: 2em;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.figwrap {border-style: none;width: 100%;display: block;float: none;clear: both;padding: 0em;margin: 0em;}
.figwrap {border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #808080;}
.textwrap {width: auto;display: block;float: none;clear: both;padding: 1em;margin: 0em;}
.textwrap p {margin-bottom: 1em;}
.boxlink {margin: 0em;height: 2.5em;display: block;float: none;clear: both;position: relative;bottom: 0em;}
/* ==== GridBlocks ============================== */
/* ==== GridBlock-Wrap ======== */
.gridblocks-wrap {margin: 0em -0.5em 1em -0.5em;}
.gridblocks-wrap .gridblock,
.gridblocks-wrap .gridblock2,
.gridblocks-wrap .gridblock3,
.gridblocks-wrap .gridblock4,
.gridblocks-wrap .gridblock5,
.gridblocks-wrap .gridblock75,
.gridblocks-wrap .gridblock25,
.gridblocks-wrap .gridblock14,
.gridblocks-wrap .gridblock34,
.gridblocks-wrap .gridblock60,
.gridblocks-wrap .gridblock40 
{display: block;padding: 0em;margin: 0em;width: 100%;float: none;clear: both;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
/* ==== Show/Hide ==== */
.shown, .basecontact {visibility: hidden;display: none;}
.hidden {font-size: inherit;line-height: inherit;padding: inherit;margin: inherit;width: auto;height: auto;visibility: visible;display: block;overflow: auto;}
/* ==== SiteMenu =============================== */
.nav select {display: block;}
#nav, menu, #topnav {overflow: hidden;display: none;}
#menubar {display: block;}
/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Mobile + Landscape (480>767px) ======================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {font-size: 0.8em;}
/* ==== SiteLogo ========================== */
.sitelogo {width: 96%;}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}

/* ==== BrochureBox ======== */
.gridblock40 .brochurebox-media, .gridblock40 .brochurebox-body 
{display: block;clear: both;width: 100%;}
.gridblock40 .brochurebox-media {padding-top: 1em;}
.gridblock40 .linkbar {right: 0;}
.gridblock40 .brochurebox .linkbar a:after {display: none;}
.gridblock40 .brochurebox {padding: 1em;}
/* ==== GridBlocks ============================== */
.gridblocks-wrap .gridblock2,
.gridblocks-wrap .gridblock3,
.gridblocks-wrap .gridblock4,
.gridblocks-wrap .gridblock5,
.gridblocks-wrap .gridblock14,
.gridblocks-wrap .gridblock34,
.gridblocks-wrap .gridblock60,
.gridblocks-wrap .gridblock40 
{width: 50%;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;}
/* ==== 50% Float CSS ==== */
.gridblocks-wrap .gridblock2:nth-child(odd),
.gridblocks-wrap .gridblock3:nth-child(odd),
.gridblocks-wrap .gridblock4:nth-child(odd),
.gridblocks-wrap .gridblock5:nth-child(odd),
.gridblocks-wrap .gridblock14:nth-child(odd),
.gridblocks-wrap .gridblock34:nth-child(odd),
.gridblocks-wrap .gridblock60:nth-child(odd)
{float: left;clear:both;padding-right:0.5em;}
.gridblocks-wrap .gridblock2:nth-child(even),
.gridblocks-wrap .gridblock3:nth-child(even),
.gridblocks-wrap .gridblock4:nth-child(even),
.gridblocks-wrap .gridblock5:nth-child(even),
.gridblocks-wrap .gridblock14:nth-child(even),
.gridblocks-wrap .gridblock34:nth-child(even),
.gridblocks-wrap .gridblock40:nth-child(even)
{float: right;clear:none;padding-left:0.5em;}
/* ==== FlexSlider =============================== */
#flexwrapper.textpag {padding: 2em;}
.articlebox2 {margin: 2em;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Mobile + Portrait (241>479px) ========================== */
@media only screen and (min-width: 241px) and (max-width: 479px) {
body {font-size: 0.8em;}
/* ==== SiteLogo ========================== */
.sitelogo {width: 96%;}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}

/* ==== FlexSlider =============================== */
#flexwrapper.textpag {padding: 1em;}
.articlebox2 {margin: 1em;}
/* ==== Base =============================== */
/* ==== QuickLinks =========================== */
.qlbox {font-size: 1.25em;}
.footerimgs {width: 100%;}
img.van {visibility: hidden;overflow: hidden;display: none;}
/* ==== BaseBrochure ==== */
.basebrochure {margin: 0em auto;}
.base h6.mid {text-align: center;font-size: 1.5em;}
.base50, .base50.west, .base50.east {display: block;float: none;clear: both;width: 100%;margin: 0em 0em 1em 0em;}
.base50.east h6, .base50.east p {text-align: left;}
.base50.east .baseaddress h6, .base50.east .baseaddress p {text-align: center;font-size: 1.25em;}
/* ==== Tel-Buttons ==== */
.base a.more {text-align: right;line-height: 50px;min-height: 50px;font-size: 2em;}
.base a.more span {text-align: left;float: left;clear: none;}
.base a.more span.maile {visibility: hidden;overflow: hidden;display: none;}
.base a.more {background-repeat: no-repeat;background-position: 94% center;}
.base a.more.email {background-image: url('../images/icon-email.png');}
.base a.more.tele {background-image: url('../images/icon-phone.png');}
.base a.more.email:hover {background-image: url('../images/icon-email-hover.png');}
.base a.more.tele:hover {background-image: url('../images/icon-phone-hover.png');}
.hbspan {display: none;}
/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Mobile (>240px) ================================= */
@media only screen and (max-width: 240px) {
body {font-size: 0.85em;}
/* ==== SiteLogo ========================== */
.sitelogo {width: 100%;}
/* BackGround Image */
.sitelogo {
	background-image: url('../images/logos/hb-sports-surfaces-logo.png');
}
/* ==== FlexSlider =============================== */
.feature {overflow: hidden;padding: 0px;margin: 0px;visibility: hidden;display: none;}
/* ==== Base =============================== */
/* ==== QuickLinks ==== */
.qlbox {font-size: 1.25em;}
.footerimgs {width: 100%;}
img.van {visibility: hidden;overflow: hidden;display: none;}
/* ==== BaseBrochure ==== */
.basebrochure {margin: 0em auto;}
.base h6.mid {text-align: center;font-size: 1.5em;}
.base50, .base50.west, .base50.east {display: block;float: none;clear: both;width: 100%;margin: 0em 0em 1em 0em;}
.base50.east h6, .base50.east p {text-align: left;}
.base50.east .baseaddress h6, .base50.east .baseaddress p {text-align: center;font-size: 1.25em;}
/* ==== Tel-Buttons ==== */
.base a.more {text-align: right;line-height: 50px;min-height: 50px;font-size: 1.5em;}
.base a.more span {text-align: left;float: left;clear: none;}
.base a.more span.maile {visibility: hidden;overflow: hidden;display: none;}
.base a.more {background-repeat: no-repeat;background-position: 94% center;}
.base a.more.email {background-image: url('../images/icon-email.png');}
.base a.more.tele {background-image: url('../images/icon-phone.png');}
.base a.more.email:hover {background-image: url('../images/icon-email-hover.png');}
.base a.more.tele:hover {background-image: url('../images/icon-phone-hover.png');}
.hbspan {display: none;}
/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */

/* ========== Site StyleSheet END ===================================================================================== */