/* ==================== Site StyleSheet + Table of Contents =================================================================
	1 Reset / Base
	2 Typography
		Font Family
		Base FontColour
		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
	7 Forms		
	8 Navigation / Site-Menu
	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
==== Wrapper Sizing (px approx) =========================================
	IE 8+*7 = 1000/*1016 (*1000 content)
	1200 + up = 84% (990-1300max)
	1024 - 1199 = 92% (920-1090)
	960 - 1023 = 96% (900-960)
	768 - 959 = 98% (740-920)
	767 + down = 100% (0.5em padding)
================================================================================================================ */
/* ========== 1 Reset ================================================ */
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}html, body{width: 100%;height: 100%;padding: 0;margin: 0;border-style: none;}body{font-size: 1em;text-align: center;}article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}audio, canvas, progress, video {display: inline-block;*display: inline;*zoom: 1;vertical-align: baseline;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}a {background: transparent;}a:active, a:hover, a:focus {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b, strong {font-weight: bold;}dfn {font-style: italic;}mark {background: #CCC;color: #000;}small {font-size: 75%;}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: 0;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;overflow: auto;}code, kbd, pre, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 0.9em;color:#800000;}q {quotes: none;}q:before,q:after {content: '';content: none;}button, input, optgroup, select, textarea {color: inherit;font:inherit;font-size: 100%;margin: 0;}button {overflow: visible;}button, select {text-transform: none;vertical-align: baseline;*vertical-align: middle;}button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer;*overflow: visible;}button[disabled], html input[disabled]{cursor: default;}button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}button,input {line-height: normal;}form {margin: 0;}input {line-height: normal;}input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;}input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;}input[type=search] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #CCC;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}fieldset {font-size: 1em;text-align: left;padding: 0.5em 0em 0.5em 0em;margin: 0;line-height: 1.5em;display: block;border-style: none;}legend {border: 0;padding: 0;}textarea {overflow: auto;vertical-align: top;}optgroup {font-weight: bold;}table {border-collapse: collapse; border-spacing: 0;}td, th {padding: 0;}hr {border: solid #CCC;border-width: 1px 0 0;clear: both;margin: 0.5em 0 1em;}img {-ms-interpolation-mode: bicubic;}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;}
/* ========== 1b Base Settings =========================================== */
h1, h2, h3, h4, h5, h6, p, blockquote, div, ul, li {
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	margin-top:0;
}
/* ========== 2 Typography ============================================= */
/* ==== FontFamily =============================== */
html, button, input, select, textarea {
	font-family: Tahoma, "Segoe UI", Geneva, Verdana, sans-serif;
}
/* ==== Base FontColour =========================== */
html, button, input, select, textarea {
	color: #006633;
}
h1, h2, h3, h4, h5, h6 {
	color: #006633;
}
/* ==== Headings ================================ */
h1 {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	font-weight:bold;
}
h1.pageheading {
	font-size: 1.75em;
	line-height: 1.5em;
	color: #233972;
	border-bottom: 1px #233972 solid;
}
h2 {
	font-size: 1.25em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 1.05em;
	line-height: 1.1em;
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid;
}
h5 {
	font-size: 1.1em;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}
/* ==== Paragraphs/Blockquotes/Hr ==================== */
p {
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 1.6em;
}
blockquote {
	padding: 0em 1em 0em 1em;
	margin: 1.5em 1.5em 2.5em 1.5em;
	font-size: 0.85em;
	line-height: 1.4em;
	text-align: left;
	font-style: italic;
	border-right: 2px #DDD solid;
}
blockquote span.citeby {
	font-size: 90%;
	line-height: 1.5em;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	display: block;
	padding: 0.5em 0em 0em 0em;
	margin: 0em;
	color: #E00000;
}
blockquote.cite {
	border: 1px solid #DDD;
	margin: 1em;
	padding: 16px 16px 16px 48px;
	background-image: url('../images/site/cite.png');
	background-repeat: no-repeat;
	background-position: 16px 16px;
	background-color: #FFFFFF;
	text-align: left;
}
hr {
	border-color: #DDD;
}
/* ==== BulletLists =============================== */
ul, ul ul, ol, ol ol {
	padding: 0em 0em 0em 1.25em;
	margin: 0em 0em 1.6em 0em;
	text-align: left;
	font-size: 0.9em;
	line-height: 1em;
	vertical-align: middle;
}
ol {padding: 0em 0em 0em 0.3em;}
ol ol {padding: 0em 0em 0em 1.2em;}
ul li, ol li {
	padding: 0em;
	margin: 0em 0em 0.5em 0em;
	font-size: 1em;
	line-height: 1.25em;
	list-style-type: square;
	list-style-position: outside;
	text-align: left;
	display: list-item;
	vertical-align: inherit;
}
ol li {list-style-type: decimal;list-style-position: inside;}
/* ==== Nested Lists ==== */
ul ul, ol ol {margin: 0.5em 1em 0.5em 1em;}
ul ul li, ol ol li {font-size: 1.125em;}
ol ol li {list-style-type: upper-alpha;}
/* ==== List Anchors ==== */
ul li a, ul li a:visited, ol li a, ol li a:visited {text-decoration: none;}
ul li a:hover, ul li a:active, ol li a:hover, ol li a:active {text-decoration: none;}
/* ==== List Item Bullets (Adust Image Height for FontFamily) ==== */
ul.bullets {padding: 0em;}
ul.bullets li 
{padding: 0em 0em 0em 1.25em;background-size: auto;list-style-type: none;background-repeat: no-repeat;background-position: 0.25em 0.4em;}
ul.bullets li {background-image: url('../images/site/tri-red.png');
}
ul.bullets ul li {background-position: 0.25em 0.4em;}
ul.bullets li:hover {background-image: url('../images/site/tri-blue.png');
}
/* ==== List Item No-Bullets ==== */
ul.no-bullets li, li.no-bullets {list-style-type: none;background-image: none;}
/* ========== 3 Site Elements =========================================== */
a, a:visited {
	color: #233972;
	text-decoration: none;
}
a:hover {
	color: #E00000;
	text-decoration: none;
	cursor: pointer;
}
a:active {
	color: #1C41A4;
	text-decoration: none;
}
/* ==== Font Classes ============================== */
em, i {font-style: italic;line-height: inherit;}
strong, b {font-weight: bold;line-height: inherit;}
small {font-size: 75%;line-height: inherit;}
code {color: #7F0A0C;}
.fontbold {font-weight: bold;}
.fontnormal {font-weight: normal;}
.fontitalic {font-style: italic;font-weight: normal;}
.fontsmall {font-size: 70%;}
.fontbig {font-size: 130%;}
.fontcolour {color: #233972;}
.wordbreak {-ms-word-break: break-word;word-break: break-all;word-break: break-word;}
.sup {vertical-align: super;font-size: 70%;font-weight: normal;}
.sub {vertical-align: sub;font-size: 70%;font-weight: normal;}
/* ==== Breadcrumbs ============================== */
.crumbtitle {
	padding: 0em;
	margin: 0em 0em 0.1em 0em;
	line-height: 1.1em;
}
p.crumbs {
	font-size: 0.75em;
	line-height: 1.25em;
	display: block;
}
p.crumbs span {
	font-weight: normal;
}
p.crumbs a, p.crumbs a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666;
}
p.crumbs a:hover, p.crumbs a:active {
	text-decoration: none;
	color: #233972;
}
p.crumbs a:first-child, p.crumbs a:first-of-type {font-weight: bold;}
/* ==== Images ================================== */
img {font-size: 1em;line-height: 1em;display: block;vertical-align: top;padding: 0em;margin: 0em 0em 1em 0em;}
/* ==== Flexy-Images ==== */
img.flexyleft, img.flexyright, .flexyleft, .flexyright {
	border-style: none;
	text-align: center;
	width: 50%;
	height: auto;
	display: block;
}
img.flexyleft, .flexyleft {
	float: left;
	clear: both;
	text-align: left;
	margin: 0em 1em 1em 0em;
}
img.flexyright, .flexyright {
	float: right;
	clear: both;
	text-align: right;
	margin: 0em 0em 1em 1em;
}
/* ==== Images-Using Flexy as Wrap ==== */
.flexyleft img, .flexyright img {
	padding: 0em;
	margin: 0em;
	text-align: center;
	border-style: none;
	width: 100%;
	height: auto;
	display: block;
	float: none;
}
/* ==== Responsive-Images ==== */
img.responsive {
	text-align: left;
	border-style: none;
	width: 100%;
	height: auto;
	display: block;
	float: none;
	margin: 0em 0em 1em 0em;
}
img.responsive2 {
	text-align: left;
	border-style: none;
	width: 100%;
	height: auto;
	display: block;
	float: none;
	margin: 0em 0em 0em 0em;
}

img.guarantee {max-width: 560px;}
/* ==== 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;}
.lgbotmarg {margin-bottom: 2em;}
.smbotmarg {margin-bottom: 1em;}
.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) =========================== */
/* == Reset == */
.testbutton {font-size: 1em;text-align: left;padding: 0em;margin: 0em 0em 1em 0em;display: block;float: none;clear: both;}
.bttn {display: inline-block;line-height: normal;white-space: nowrap;vertical-align: baseline;text-align: center;cursor: pointer;outline: none;-webkit-user-drag: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.bttn {*display: inline;zoom: 1;}
.bttn::-moz-focus-inner {padding: 0;border: 0;}
/* ==== Button Hero (.bttn) ==== */
.bttn, .bttn:visited {
	font-family: inherit;
	font-size: 0.8em;
	padding: 0.35em 0.65em;
	margin-top:0.65em;
}
/* ==== Primary State ================ */
.bttn, .bttn:visited {
	color: #FFF;
	background-color: #80b39a;
}
/* ==== Primary Hover/Focus ==== */
.bttn:hover, .bttn:focus {
	color: #fff;
	background-color: #006633;
}
/* ==== Primary Active ==== */
.bttn:active {
	color: #FFFFFF;
	background-color: #006633;
}
.bttn a, .bttn a:visited {
	color: #FFF;
}
/* ==== Primary Hover/Focus ==== */
.bttn a:hover{
	color: #fff;
}
.bttn2 {display: inline-block;line-height: normal;white-space: nowrap;vertical-align: baseline;text-align: center;cursor: pointer;outline: none;-webkit-user-drag: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.bttn2 {*display: inline;zoom: 1;}
.bttn2::-moz-focus-inner {padding: 0;border: 0;}
.bttn2, .bttn2:visited {
	font-family: inherit;
	font-size: 0.8em;
	padding: 0.35em 0.65em;
	margin-top:0.65em;
}

.bttn2, .bttn2:visited {
	color: #FFF;
	background-color: #80b39a;
}
/* ==== Primary Hover/Focus ==== */
.bttn2:hover, .bttn2:focus {
	color: #fff;
	background-color: #006633;
}

.bttn2 a, .bttn2 a:visited {
	color: #FFF;
}
/* ==== Primary Hover/Focus ==== */
.bttn2 a:hover{
	color: #fff;
}
/* ==== Primary Active ==== */
.bttn2:active {
	color: #FFFFFF;
	background-color: #006633;
}
/* ==== Secondary State =============== */
.bttn.secondary, .bttn.secondary:visited {
	color: #fff;
	background-color: #80b39a;
}
/* ==== Secondary Hover/Focus ==== */
.bttn.secondary:hover, .bttn.secondary:focus {
	color: #FFF;
	background-color: #006633;
}
/* ==== Secondary Active ==== */
.bttn.secondary:active {
	color: #FFFFFF;
	background-color: #006633;
}

.bttn2.secondary, .bttn2.secondary:visited {
	color: #fff;
	background-color: #80b39a;
}
/* ==== Secondary Hover/Focus ==== */
.bttn2.secondary:hover, .bttn2.secondary:focus {
	color: #FFF;
	background-color: #006633;
}
/* ==== Secondary Active ==== */
.bttn2.secondary:active {
	color: #FFFFFF;
	background-color: #006633;
}
/* ==== Button Sizes ================== */
.smbttn {
	font-size: 75%;
}
.lgbttn {
	font-size: 125%;
}
.xlgbttn {
	font-size: 150%;
}
.bttn:focus {outline: 0;border-width: 1px;}
.bttn {-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;}
/* ==== IE7 ==== */
.bttn {*font-size: 90%;*overflow: visible;}
.bttn2:focus {outline: 0;border-width: 1px;}
.bttn2 {-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;}
/* ==== IE7 ==== */
.bttn2 {*font-size: 90%;*overflow: visible;}
.smbttn {*font-size: 80%;}
.lgbttn {*font-size: 120%;}
.xlgbttn {*font-size: 140%;}
input[type=submit].bttn {*border-style: solid;*border-width: 1px;}
/* ======== 4 Layout Blocks ========================================== */
html, body {background-color: #c6e9f4;}


/* ==== Blocks Re-set ==== */
#wrapper, #banner, #footer, #container, #main, #col
{font-size: 1em;line-height: 1.5em;padding: 0em;margin: 0em;border-style: none;display: block;min-height: 25px;position: relative;z-index: 0;}
/* ==== Page Layout ============================== */
#wrapper {
	margin: 0.5em auto 0em auto;
	width: 80%;
	text-align: center;
	max-width: 1300px;
}
#banner  {
	text-align: center;
	float: none;
	clear: both;
	z-index: 10;
}
#footer {
	margin: 0em 0.5em 0em 0.5em;
	padding: 2.0em 0em 0em 0em;
	text-align: center;
	float: none;
	clear: both;
	width:96%;
	border-top: 1px solid #669999;
}
#container {
	text-align: left;
	float: none;
	clear: both;
	width: 100%;
	z-index: 1;
	padding-top: 0em;
}
#main {
	padding: 0em 0em 0.25em 0em;
	margin: 0em 0em 0.5em 0em;
	width: 100%;
	text-align: left;
	clear: both;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



/* == Float Clearing == */
#wrapper:after, #banner:after, #footer:after, #container:after, #main:after, #col:after
{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.img-ralign {
	float:right;
	padding: 2px 0 9px 12px;
}

#footerbottom {
	width:100%;
	}

/* ==== GridBlocks ================================= */
/* ==== GridBlock-Wrap ======== */
.gridblocks-wrap 
{padding: 0em;margin: 0em -1em 0em -1em;text-align: center;vertical-align: top;font-size: 1em;display: block;float: none;clear: both;line-height: 1.5em;position:static;z-index: 0;}
/* == 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 .gridblock75,
.gridblocks-wrap .gridblock25,
.gridblocks-wrap .gridblock34,
.gridblocks-wrap .gridblock14,
.gridblocks-wrap .gridblock13,
.gridblocks-wrap .gridblock23,
.gridblocks-wrap .gridblock2third,
.gridblocks-wrap .gridblock1third
{font-size: 1em;line-height: 1.5em;text-align: center;vertical-align: top;padding: 0em 0.5em 0em 0.5em;margin: 0em;display: block;width: 100%;height: auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/* ==== Inner ==== */
.grid-inner {font-size: 1em;text-align: center;display: block;float: none;padding: 0em;margin: 0em 0.5em 1.5em 0.5em;position: relative;z-index: 0;}
.grid-inner2 {font-size: 1em;text-align: center;display: block;float: none;padding: 0em;margin: 0em 0.5em 0em 0.5em;position: relative;z-index: 0;}
.grid-inner3 {font-size: 1em;text-align: center;display: block;float: none;padding: 0em;margin: 0em 0em 0em 0em;position: relative;z-index: 0;}
/* ==== GridBlock 100% ======== */
.gridblocks-wrap .gridblock {width: 100%;float: none;}
/* ==== GridBlock 50% ======== */
.gridblocks-wrap .gridblock2 {width: 50%;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;}
/* ==== GridBlock 25% ======== */
.gridblocks-wrap .gridblock4 {width: 25%;float: left;}
/* ==== GridBlock 20% ======== */
.gridblocks-wrap .gridblock5 {width: 20%;float: left;}
/* ==== GridBlock 75+25% ======== */
.gridblocks-wrap .gridblock75 {width: 75%;float: left;clear:both;}
.gridblocks-wrap .gridblock25 {width: 25%;float: right;clear:none;}
/* ==== GridBlock 3/4+1/4 ======== */
.gridblocks-wrap .gridblock34 {width: 75%;float: right;clear:none;}
.gridblocks-wrap .gridblock14 {width: 25%;float: left;clear:both;}
/* ==== GridBlock 1/3+2/3 ======== */
.gridblocks-wrap .gridblock13 {width: 33.33%;float: left;clear:both;}
.gridblocks-wrap .gridblock23 {width: 66.66%;float: right;clear:none;}
.gridblocks-wrap .gridblock2third {width: 66.66%;float: left;clear:both;}
.gridblocks-wrap .gridblock1third {width: 33.33%;float: right;clear:none;}


/* ========== 5 Page Styles ========================================== */
/* ==== Banner ================================= */
.sitelogo {
	text-align: left;
	margin: 0em 0.5em 10px 0em;
	max-width: 375px;
	display: block;
	float: left;
	clear: both;
}
.sitelogo img {
	padding: 0em;
	margin: 0em;
	display: block;
	float: none;
	width: 100%;
	height: auto;
}
/* == IE7 == */
.sitelogo {*width: 375px;}
.sitelogo img {*margin-bottom: 10px;}
/* ==== ContactBar (CBar) ========================= */
#contactbar {text-align: center;vertical-align: top;line-height: 45px;float: right;clear: right;width: 50px;height: 165px;}
/* ==== CBar Anchors ==== */
#contactbar a {overflow: hidden;text-align: center;vertical-align: top;text-indent: -99em;padding: 0em;margin: 0em;margin-bottom: 10px;display: block;width: 50px;height: 45px;background-repeat: no-repeat;background-position: center center;background-size: 45px 45px;}
/* ==== CBar Anchor Default ==== */
#contactbar a {
	background-color: #006633;
}
/* ==== CBar Anchor Hover/Active ==== */
#contactbar a:hover, #contactbar a:active {
	background-color: #ff0000;
}
/* ==== CBar Anchor Classes ==== */
#contactbar a.cbartel {background-image: url('../images/banner/cbar-phone.png');}
#contactbar a.cbarmob {background-image: url('../images/banner/cbar-mob.png');}
#contactbar a.cbarmail {background-image: url('../images/banner/cbar-email.png');}
/* ==== CBar Hide ==== */
#contactbar {display:none;}
/* ==== BannerContact ============================ */
.bannercontact {
	text-align: right;
	line-height: 1.25em;
	display: block;
	float: right;
	clear: none;
	margin-top: 22px;
}
.bannercontact h6 {
	padding: 0px 40px 0px 0px;
	margin: 0em;
	text-align: right;
	font-size: 18px;
	font-weight: normal;
	height: 40px;
	line-height: 38px;
	background-repeat: no-repeat;
	background-position: right center;
	color: #006633;
}
/* ==== BannerContact Classes (bc*) ==== */
.bannercontact h6.bctel {
	font-size: 34px;
	font-weight: normal;
	margin-bottom: 0px;
}
.bannercontact h6.bctel {background-image: url('../images/banner/bc-phone.png');}
.bannercontact h6.bcmob {background-image: url('../images/banner/bc-mob.png');}
.bannercontact h6.bcemail {background-image: url('../images/banner/bc-email.png');}
/* ==== BannerContact Anchors (bc*) ==== */
.bannercontact a, .bannercontact a:visited {color: #006633;
}
.bannercontact a:hover, .bannercontact a:active {color: #669999;
}
/* ==== Footer =================================== */
p.copyright, p.sitemap {
	padding: 0.25em;
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 0em;
	display: block;
	font-weight: normal;
	text-align: left;
	width: 45%;
}
p.copyright {float: left;text-align: left;}
p.sitemap {text-align: right;float: right;clear: none;}
p.designerbar {
	font-size: 0.75em;
	text-align: right;
	padding: 1em 0em 0em 0em;
	margin: 0em;
	display: block;
	float: none;
	clear: both;
}
/* ==== QuickContact ============================= */
.qcontact {
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
	padding: 0em;
	margin: 0em;
	display: block;
}
/* ==== Heading ==== */
h6.qcontact-header {
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: bold;
}
/* ==== Quick-Buttons ==== */
a.qcontact-buttons {
	font-size: 2em;
	font-weight: bold;
	text-align: left;
	line-height: 50px;
	padding: 0em 0em 0em 0.5em;
	margin: 0em 0em 0.5em 0em;
	display: block;
	clear: both;
	float: none;
	text-shadow: none;
}
/* ==== Images ==== */
a.qcontact-buttons {background-size: 50px 50px;background-repeat: no-repeat;background-position: right center;}
a.qcontact-buttons.email {background-image: url('../images/footer/icon-footer-email.png');}
a.qcontact-buttons.tele {background-image: url('../images/footer/icon-footer-phone.png');}
/* ==== Hide QuickContact ==== */
.qcontact {display: none;}
/* ==== QuickLinkBox =========================== */
#footer .grid-inner {margin-bottom: 0em;}
.qlbox {
	padding: 10px 10px 0px 10px;
	text-align: left;
	display: block;
	font-size: 1em;
	position: relative;
	height: 100%;
}
/* ==== QLinks-List ==== */
.qlbox ul {
	padding: 0em;
	margin-bottom: 0em;
}
/* ==== QLinks-List Item ==== */
.qlbox ul li {
	font-size: 0.8em;
	padding: 0em 0em 0.5em 0em;
	margin: 0em;
	list-style-type: none;
	background-image: none;
	list-style-image: none;
}
/* ==== IE7+8 QLinks-List Item ==== */
.qlbox ul li {*margin-bottom: 0.25em;margin-bottom: 0.25em\9;}
/* ==== Col ===================================== */
#colboxwrap {
	margin: 0.25em 0em 0.5em 0em;
	padding: 0em;
	text-align: center;
	display: block;
	float: none;
	clear: both;
}
#colboxwrap {*margin: 0.25em 0em 0em 0em;}
.colbox {
	font-size: 0.75em;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 0px;
	display: block;
	line-height: 1.25em;
	background-color: #FFFFFF;
}
.colbox img {
	width: 100%;
	height: auto;
	display: block;
	float: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

/* ==== BorderBox ================================ */
.borderbox {
	margin: 0em 0em 1em 0em;
	background-color: #e3f5fa;
	border: 1px solid #006633;
	padding:0.5em 0.75em 0.25em 0.75em;
	clear: both;
}
/* ==== BoxHeading BorderBox Fixes ==== */
.borderbox .box-heading {margin-bottom: 0em;}
/* ==== BorderBox Borders ==== */
.borderbox.brdblue {
	border-color: #233972;
}
.borderbox.brdred {
	border-color: #E00000;
}
/* ==== BBox Borders + BoxHeadings ==== */
.borderbox.brdblue .box-heading {
	border-bottom-color: #233972;	
}
.borderbox.brdred .box-heading {
	border-bottom-color: #E00000;
}
/* ==== BorderBox Backgrounds ==== */
.borderbox.greybg {
	background-color: #F9F9F9;
}
.borderbox.greybg .box-heading {
	background-color: #F9F9F9;
}
/* ==== BorderBox Contents ==== */
.bboxinner {margin: 0em;padding: 16px;font-size: 1em;}
.bboxinner p {font-size: 0.75em;}
.bboxinner ul, .bboxinner .grid-inner {margin-bottom:0em;}
.bboxinner img.flexyleft, .bboxinner img.flexyright, .bboxinner .flexyleft, .bboxinner .flexyright {width: 50%;}
.bboxinner footer {
	font-size: 0.8em;
	padding: 0em;
	margin: 0em;
	font-weight: bold;
	text-align: left;
	clear: both;
	line-height: 1.25em;
}
/* ==== 100% Height ==== */
.grid-inner .borderbox {position: relative;height: 100%;margin: 0em;}
/* == Float Clearing == */
.borderbox:after, .bboxinner:after{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* ==== Box-Headings ============================= */
.box-heading {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 16px;
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1.15em;
	display: block;
	position: relative;
	z-index: 1;
	color: #233972;
	background-color: #FFFFFF;
	border-bottom: 1px #DDD solid;
}
/* ==== Box-Headings Links ==== */
.box-heading a {display:block;}
.box-heading a, .box-heading a:visited {
	color: #233972;
}
.box-heading a:hover, .box-heading a:active {
	color: #E00000;
}
.box-heading.bluebg {
	color: #233972;
	background-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #233972;
}
.box-heading.bluebg a, .box-heading.bluebg a:visited {
	color: #FFF;
}
.box-heading.bluebg a:hover, .box-heading.bluebg a:active {
	color: #E00000;
}

/* ========== 6 Modules ============================================= */
/* ==== GridBlocks ================================= */
/* ==== GridBlock-Wrap ======== */
.gridblocks-wrap 
{padding: 0em;margin: 0em 0em 0em 0em;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 .gridblock75,
.gridblocks-wrap .gridblock25,
.gridblocks-wrap .gridblock34,
.gridblocks-wrap .gridblock14,
.gridblocks-wrap .gridblock13,
.gridblocks-wrap .gridblock23,
.gridblocks-wrap .gridblock2third,
.gridblocks-wrap .gridblock1third
{font-size: 1em;line-height: 1.5em;text-align: center;vertical-align: top;padding: 0em 0em 0em 0em;margin: 0em;display: block;width: 100%;height: auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/* ==== Inner ==== */
.grid-inner {font-size: 1em;text-align: center;display: block;float: none;padding: 0em;margin: 0em 0.5em 1.5em 0.5em;position: relative;}
.grid-inner2 {font-size: 1em;text-align: center;display: block;float: none;padding: 0em;margin: 0em 0em 0em 0em;position: relative;}
.grid-inner3 {font-size: 1em;text-align: center;display: block;float: none;padding: 0em;margin: 0em 0em 0em 0em;position: relative;}
/* ==== GridBlock 100% ======== */
.gridblocks-wrap .gridblock {width: 100%;float: none;}
/* ==== GridBlock 50% ======== */
.gridblocks-wrap .gridblock2 {width: 50%;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;}
/* ==== GridBlock 25% ======== */
.gridblocks-wrap .gridblock4 {width: 25%;float: left;}
/* ==== GridBlock 20% ======== */
.gridblocks-wrap .gridblock5 {width: 20%;float: left;}
/* ==== GridBlock 75+25% ======== */
.gridblocks-wrap .gridblock75 {width: 75%;float: left;clear:both;}
.gridblocks-wrap .gridblock25 {width: 25%;float: right;clear:none;}
/* ==== GridBlock 3/4+1/4 ======== */
.gridblocks-wrap .gridblock34 {width: 75%;float: right;clear:none;}
.gridblocks-wrap .gridblock14 {width: 25%;float: left;clear:both;}
/* ==== GridBlock 1/3+2/3 ======== */
.gridblocks-wrap .gridblock13 {width: 33.33%;float: left;clear:both;}
.gridblocks-wrap .gridblock23 {width: 66.66%;float: right;clear:none;}
.gridblocks-wrap .gridblock2third {width: 66.66%;float: left;clear:both;}
.gridblocks-wrap .gridblock1third {width: 33.33%;float: right;clear:none;}
/* ========== 7 Form Styles ========================================== */
form {
	padding: 0em;
	margin: 0em 0em 1.5em 0em;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	width: auto;
}
/* ==== Form Stucture ============================ */
form ol {
	padding: 0em;
	margin: 0em;
	font-size: 1em;
	width: 100%;
}
form ol li {
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	padding: 0em;
	margin: 0em;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	vertical-align: top;
}
label {
	padding: 0em;
	margin: 0em;
	font-size: 1em;
	cursor: pointer;
	display: block;
	font-weight: normal;
	line-height: 1.75em;
	text-align: left;
}
fieldset {
	display: block;
	float: none;
	clear: both;
	padding: 0.5em 0em 0em 1em;
	margin: 0em 0em 1em 0em;
}
span.req {color: #FF0000;}
form .grid-inner {margin-bottom: 1em;}
/* ==== Form Elements =========================== */
/* ==== Inputs HIDDEN ==== */
input[type=hidden], input[type=text].formCheck{font-size: 0px;border-style: none;padding: 0px;margin: 0px;width: 0px;height: 0px;visibility: hidden;overflow: hidden;display: none;max-width: 0;min-width: 0;line-height: 0px;}
/* ==== Inputs NORMAL ==== */
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url] {
	padding: 0em;
	margin: 0em 0em 0.5em 0em;
	display: block;
	font-size: 1em;
	vertical-align: middle;
	line-height: 1.95em;
	text-indent: 35px;
	font-weight: normal;
	height: 2em;
	text-align: left;
	display: block;
	width: auto;
	border: 1px solid #000;
	min-width: 99%;
}
/* ==== Input TYPES ==== */
textarea {
	padding: 0.5em 0.5em 0.5em 40px;
	margin: 0em 0em 0.5em 0em;
	font-size: 1em;
	vertical-align: top;
	line-height: 1.25em;
	text-indent: 0px;
	height: auto;
	min-height: 10.7em;
	border: 1px solid #000;
	display: block;
	resize: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 99%;
}
textarea {*width: 94%;*max-width:325px;*min-height: 10em;}
form select {
	padding: 0em 0em 0em 0.5em;
	margin: 0em 0em 0.5em 0em;
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
	vertical-align: top;
	line-height: normal;
	text-indent: 0em;
	display: block;
	height: 2em;
	width: 99%;
}
input[type=file] {
	margin: 0em 0em 0.5em 0em;
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
	text-indent: 0px;
	height: 1.6em;
	width: 99%;
}
input[type=checkbox],
input[type=radio] {
	margin: 0em 0.5em 0em 0em;
	display: inline-block;
	font-size: 1em;
	line-height: inherit;
	width: 1em;
	height: 1em;
	vertical-align: text-top;
	border: 1px solid #DDD;
}
/* ==== Input STYLES ==== */
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, input[type=file], input[type=checkbox], input[type=radio] {
	background-color: #FFF;
	border-color: #DDD;
	color: #888;
}
/* ==== Input FOCUS ==== */
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=week]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, textarea:focus, select:focus, input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
	background: #FFFFFF;
	border-color: #233972;
	color: #233972;
	outline: none;
	box-shadow: none;
}
/* ==== Inputs DISABLED ==== */
input[type=text][disabled], input[type=password][disabled], input[type=date][disabled], input[type=datetime][disabled], input[type=datetime-local][disabled], input[type=month][disabled], input[type=week][disabled], input[type=email][disabled], input[type=number][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=time][disabled], input[type=url][disabled], textarea[disabled], select[disabled] {background-color: #DDDDDD;}
/* ==== Input TRANSITIONS ==== */
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
/* ==== Input PLACEHOLDERS ==== */
::-webkit-input-placeholder {vertical-align: middle;line-height: inherit;}
:-moz-placeholder {vertical-align: middle;line-height: inherit;}
::-moz-placeholder {vertical-align: middle;line-height: inherit;}
:-ms-input-placeholder {vertical-align: middle;line-height: inherit;}
input placeholder {vertical-align: middle;line-height: inherit;}
/* ==== Inputs Images ==== */
#theirName, #theirName:focus, #theirBusiness, #theirBusiness:focus, #emailAddress, #emailAddress:focus, #contactNumber, #contactNumber:focus, #enquiryMessage, #enquiryMessage:focus {background-repeat: no-repeat;background-position: 5px center;}
#theirName {background-image: url('../images/form/form-name.png');}
#theirBusiness {background-image: url('../images/form/form-business.png');}
#emailAddress {background-image: url('../images/form/form-email.png');}
#contactNumber {background-image: url('../images/form/form-tel.png');}
#enquiryMessage, #enquiryMessage:focus {background-image: url('../images/form/form-message.png');background-position: 5px 5px;}
/* ==== Validation Backgrounds ==== */
input:focus:invalid, textarea:focus:invalid {background-color: #FFF4F4;}
input:required:valid, textarea:required:valid {background-color: #F4FFF4;}

/* ======== 8 Navigation / Site-Menu ===================================== */
/* ==== Reset ================================== */
nav, #nav, .nav, menu, #menu, .menu {padding: 0px;margin: 0px;border-style: none;font-size: 1em;position: relative;z-index: 5;}
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;}
/* == Float Clearing == */
nav:after, #nav:after, .nav:after, menu:after, #menu:after, .menu:after
{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* ==== Navigation ============================== */
#nav {
	margin: 0em 0em 0.5em 0em;
	height: 50px;
	text-align: center;
	padding: 0em;
	background-image: none;
	display: block;
	float: none;
	clear: both;
	font-size: 1em;
	vertical-align: middle;
	line-height: inherit;
	background-color: #669999;
}
/* ==== SiteMenu =============================== */
menu {
	font-size: 1em;
	padding: 0em;
	margin: 0em;
	display: block;
	float: none;
	clear: both;
	line-height: inherit;
	width: 100%;
	height: 100%;
	position: relative;
}
menu ul {
	padding: 0px;
	margin: 0px;
	line-height: inherit;
	width: 100%;
	height: 100%;
}
menu ul li {
	position: relative;
	display: inline;
	float: left;
	line-height: inherit;
	list-style-type: none;
	border-style: none;
	width: 12.5%;
}
/* ==== TopLevel Links (Normal) ==== */
menu ul li a {
	display: block;
	line-height: inherit;
	text-decoration: none;
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	margin: 0em;
	border-right: 1px #c6e9f4 solid;
	height: 30px;
	padding: 10px;
}
menu ul li a.homelink {
	line-height: 30px;
}
/* ==== TopLevel Links Styles ==== */
menu ul li a, menu ul li a:visited {
	color: #FFF;
	border-color: #c6e9f4;
	font-size: 15px;
}
menu ul li.endtopnav a {
	border-right: none;
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
menu ul li a, menu ul li a:visited {font-size: 13px;}
/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ==== TopLevel Links (Hover) ==== */
menu ul li a:hover, menu ul li a:active, menu ul li:hover a {
	background-color: #006633;
	color: #FFFFFF;
}
/* ==== SubMenu ==== */
menu ul ul {
	border: none;
	position: absolute;
	z-index: 5;
	background-color: transparent;
	width: 195%;
	max-width: 300px;
}
/* ==== SubMenu (Hide) ==== */
menu ul ul {
	height: 0px;
	overflow: hidden;
	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;
}
/* ==== SubMenu (Postion TopLevel Link with class "endtopnav") ==== */
menu ul li.endtopnav ul {right: 0%;}
menu ul li.endtopnav:nth-child(n+7) ul {right: 0%;}
/* ==== SubMenu (Show) ==== */
menu ul li:hover ul {
	height: auto;
	overflow: visible;
	border: 1px solid #1C41A4;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
/* ==== SubMenu ListItems ==== */
menu ul ul li {
	float: none;
	display: list-item;
	border-style: none;
	width: auto;
}
/* ==== SubMenu Links (Normal) ==== */
menu ul li:hover ul li a, menu ul li:hover ul li a:visited {
	padding: 0.25em 0.25em 0.25em 0.5em;
	margin: 0em;
	display: block;
	text-align: left;
	line-height: 25px;
	height: 100%;
	border-style: none;
	border-bottom: 1px #1C41A4 solid;
	background-color: #FFF;
	color: #233972;
	font-size: 0.75em;
}
/* ==== SubMenu Links (Hover) ==== */
menu ul li:hover ul li a:hover, menu ul li:hover ul li a:active {
	background-color: #006633;
	color: #FFF;
}
/* ==== SubMenu Links (Last-Child) ==== */
menu ul li:hover ul li.endsubnav a {
	border-bottom: none;	
}
/* ==== IE-7 ==== */
menu ul li {*width: 12.5%;}
menu ul li {*line-height: 50px;}
menu ul li a {*line-height: 1em;*padding: 8px 10px 12px 10px;}
menu ul ul {*top: 50px;*left: 0px;}
menu ul li.endtopnav ul {*left:auto;}
menu ul ul li {*line-height: 1em;}
/* ==== SelectMenu ============================= */
#nav select {margin: 0em;padding: 0em;min-width: 100%;height: 40px;line-height: 40px;color: #333333;text-transform: none;font-weight: normal;font-size: 16px;display: block;text-align: left;clear: none;vertical-align: middle;cursor: pointer;border: 1px solid #C0C0C0;background-color: #FFF;outline: none;position: relative;z-index: 5;}
#nav select option 
{border-bottom: 1px #DDD solid;padding: 0.25em;font-weight: normal!important;font-size: 14px!important;text-transform: none;text-decoration: none;background: #FFFFFF !important;line-height: 1.25em;color: #666;text-indent: 0.25em;outline: none;}
/* ==== Select Styles ==== */
#nav select  {
	color: #233972;
	background-color: #FFFFFF;
	border-color: #DDD;
}
/* ==== Hide Select-Menu ==== */
#nav select {display: none;}

.boxinner {
	background-color: #e3f5fa;
	}
	
.boxtextinner {
	padding: 0.5em 1.2em 0.5em 1.2em;
	}
	
.boxtext {
	font-size: 0.70em;
	line-height: 1.25em;
	text-align:justify;
	}
	
.boxtext2 {
	font-size: 0.70em;
	line-height: 1.25em;
	text-align:justify;
	margin-bottom:0.75em;
	}
	
.boxtext3 {
	font-size: 0.95em;
	line-height: 1.45em;
	margin-bottom:0.75em;
	text-align:right;
	}
	
.boxtext4 {
	font-size: 0.70em;
	line-height: 1.25em;
	margin-bottom:0.75em;
	text-align:right;
	}
	
.boxtext5 {
	font-size: 0.95em;
	line-height: 1.15em;
	margin-bottom:0em;
	text-align:left;
	}
	
.boxborder {
	border: 1px solid #006633;
	padding:0.5em 0.75em 0.25em 0.75em;
	}

/* ==== PromoBox ======================== */
.promobox {padding: 1em;margin: 0em 0em 1.5em 0em;display: block;float: none;clear: both;width: 100%;}
/* ==== PromoBox Colours ==== */
.promobox {
	background-color: #e3f5fa;
}
.promobox.altcolour {
	background-color: #e3f5fa;
}
/* == Float Clearing == */
.promobox {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.promobox:after, .promobox-media:after, .promobox-body:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* ==== PromoBox NORMAL ==== */
.promobox-media, .promobox-body {display: block;clear: none;width: 50%;}
/* ==== PromoBox Media ==== */
.promobox-media {
	float: left;
	width: 31%;
	text-align: center;
}
/* ==== PromoBox Body ==== */
.promobox-body {
	float: right;
	width: 69%;
}
/* ==== PromoBox SWITCH ==== */
.promobox.switch .promobox-media {float: right;clear: none;}
.promobox.switch .promobox-body {float: left;clear: none;}
/* ==== PromoBox Inner ==== */
.promoboxinner {font-size: 1em;padding: 0em;margin: 0em;display: block;position: relative;}
.promobox-body .promoboxinner {padding: 0em 0em 0em 1em;}
.promobox.switch .promobox-body .promoboxinner {padding: 0em 1em 0em 0em;}
.promobox-media img {width: 100%;height: auto;padding: 0px;margin: 0px auto 0px auto;display: block;}
/* ==== LinkBar ========================== */
.promobox p {padding-bottom: 1.8em;display: block;margin-bottom: 0em;}
.promobox p:last-of-type {padding-bottom: 2.5em;}
/* ==== PromoBox Text/Font Colour ==== */
.promobox div,
.promobox h1,
.promobox h2,
.promobox h3,
.promobox h4,
.promobox h5,
.promobox h6,
.promobox p,
.promobox blockquote,
.promobox li {
	color: #006633;
}
/* ==== Paragraph Size (min=0.75em) ==== */
.promobox p {
	font-size: 0.85em;
}
/* ==== PromoBox IE7 ============================ */
.promobox {*width: auto;}
.promobox  .linkbar {*position: relative;*bottom: 0;*left: 0;*right: 0;}

/* ======== 9 Media Queries (devices and browsers)  ========================= */
/* ========== Above 1200px ====================== */
 @media only screen and (min-width: 1199px) {
body  {font-size: 1.15em;}
#wrapper {width: 84%;}
#main{width: 98%;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Normal (1024>1199px) ================ */
 @media only screen and (min-width: 1024px) and (max-width: 1199px) {
body {font-size: 1.1em;}
#wrapper {width: 92%;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Normal (960>1023px) ================== */
 @media only screen and (min-width: 960px) and (max-width: 1023px) {
body {font-size: 1em;}
#wrapper {width: 96%;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Tablet + Portrait (768>959px) ============ */
 @media only screen and (min-width: 768px) and (max-width: 959px) {
body {font-size: 1em;}
#wrapper {width: 98%;overflow: hidden;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== MenuSwap (767px) ================== */
 @media only screen and (max-width: 767px) {
body {font-size: 1em;}
#wrapper {width: 100%;padding: 0em 0.5em;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
#main {width: auto;display: block;float: none;margin: 0em 0em 0.5em 0em;padding: 0em;text-align: left;min-height: 50px;clear: both;}
/* ==== BannerContact Hide ==== */
.bannercontact {display: none;}
p.copyright, p.sitemap {text-align: center;margin-bottom: 0.5em;display: block;float: none;clear: both;width: auto;}
p.sitemap {margin-bottom: 0em;}
p.designerbar {text-align: center;}
/* ==== Show QuickContact ==== */
.qcontact {display: block;}
/* ==== QLinks ==== */
#footer .grid-inner {margin-bottom: 1em;}
.qlbox {font-size: 1.25em;}
/* ==== QLinks-List Item ==== */
.qlbox ul li {text-align: center;}
#colboxwrap {margin: 0em;padding: 0em;}
/* ==== BorderBox Contents ==== */
.bboxinner img.flexyleft, .bboxinner img.flexyright, .bboxinner .flexyleft, .bboxinner .flexyright {width: 100%;}
.bboxinner ul, .bboxinner .grid-inner {margin-bottom:0.6em;}
/* ==== GridBlocks ============================== */
/* == GridBlock-Wrap (margin matches wrapper's) == */
.gridblocks-wrap {margin: 0em -0.5em 0em -0.5em;}
.gridblocks-wrap .gridblock,
.gridblocks-wrap .gridblock2,
.gridblocks-wrap .gridblock3,
.gridblocks-wrap .gridblock3.full,
.gridblocks-wrap .gridblock4,
.gridblocks-wrap .gridblock5,
.gridblocks-wrap .gridblock5.full,
.gridblocks-wrap .gridblock75,
.gridblocks-wrap .gridblock25,
.gridblocks-wrap .gridblock34,
.gridblocks-wrap .gridblock14,
.gridblocks-wrap .gridblock13,
.gridblocks-wrap .gridblock23,
.gridblocks-wrap .gridblock2third,
.gridblocks-wrap .gridblock1third
{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;}

.promobox-media, .promobox-body {width: 100%;float: none;clear: both;}
.promobox-body .promoboxinner, 
.promobox.switch .promobox-body .promoboxinner {padding: 0em;}
.promobox-body .promoboxinner,
.promobox.switch .promobox-body .promoboxinner {padding-top: 1em;}
.promobox p, .promobox p:last-of-type {padding-bottom: 1.8em;}
/* ==== Images PromoBox ==== */
.promobox-media img {
	max-width: 420px;
}
/* ==== SiteMenu ============================== */
/* ==== NavReset ==== */
#nav {background-color: transparent;padding: 0em 0em 0.5em 0em;margin: 0em;border-style: none;width: 100%;height: auto;color: #666;background-image: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px #EEE solid;}
/* ==== Show Select-Menu ==== */
#nav select {display: block;}
/* ==== Hide Menu ==== */
menu {display: none;}
/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Mobile + Landscape (480>767px) ======== */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
img.flexyleft, img.flexyright {width: 50%;}
/* ==== CBar Show ==== */
#contactbar {display:block;}
/* ==== ColBox ==== */
.colbox {width: 44%;}
#colboxwrap .colbox:nth-child(odd) {float: left;clear:both;}
#colboxwrap .colbox:nth-child(even) {float: right;clear:none;}
/* ==== QLinks-List Item ==== */
.qlbox ul li {text-align: left;}

/* ==== GridBlocks ============================== */
.gridblocks-wrap .gridblock2,
.gridblocks-wrap .gridblock3,
.gridblocks-wrap .gridblock4,
.gridblocks-wrap .gridblock5,
.gridblocks-wrap .gridblock75,
.gridblocks-wrap .gridblock25,
.gridblocks-wrap .gridblock34,
.gridblocks-wrap .gridblock14,
.gridblocks-wrap .gridblock13,
.gridblocks-wrap .gridblock23,
.gridblocks-wrap .gridblock2third,
.gridblocks-wrap .gridblock1third
{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 .gridblock75:nth-child(odd),
.gridblocks-wrap .gridblock25:nth-child(odd),
.gridblocks-wrap .gridblock34:nth-child(odd),
.gridblocks-wrap .gridblock14:nth-child(odd),
.gridblocks-wrap .gridblock13:nth-child(odd),
.gridblocks-wrap .gridblock23:nth-child(odd),
.gridblocks-wrap .gridblock2third:nth-child(odd),
.gridblocks-wrap .gridblock1third: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 .gridblock75:nth-child(even),
.gridblocks-wrap .gridblock25:nth-child(even),
.gridblocks-wrap .gridblock34:nth-child(even),
.gridblocks-wrap .gridblock14:nth-child(even),
.gridblocks-wrap .gridblock13:nth-child(even),
.gridblocks-wrap .gridblock23:nth-child(even),
.gridblocks-wrap .gridblock2third:nth-child(even),
.gridblocks-wrap .gridblock1third:nth-child(even)
{float: right;clear:none;padding-left:0.5em;}
/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Mobile + Portrait (241>479px) =========== */
 @media only screen and (min-width: 241px) and (max-width: 479px) {
body {font-size: 0.9em;}
img.flexyleft, img.flexyright {margin: 0em 0em 1em 0em;width: 100%;}
.bboxinner p {font-size: 0.9em;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Mobile (>240px) ==================== */
 @media only screen and (max-width: 240px) {
body {font-size: 0.9em;}
img.flexyleft, img.flexyright {margin: 0em 0em 1em 0em;width: 100%;}
.bboxinner p {font-size: 0.9em;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */

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