@charset "UTF-8";
/*CSS DOCUMENT*/

/*LAYOUT*/
/*LAYOUT > RESET*/
body, header, nav, section, aside, footer {display:block;}
html, body, div, section, article, aside, header, footer, nav, h1, h2, h3, h4, h5, h6, p, span, em, strong, img, ol, ul, li {
margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;/*Being utilised*/}
blockquote, address, time, figure, canvas, video, th, td, tr {
margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;/*Not being utilised*/}
dl, dt, dd, ul, li {padding:0;margin:0;text-decoration:none;list-style:none;}
/*LAYOUT > HIDDEN CONTENT*/
.hiddenForStyling, .skipLink {position:absolute;left:-20000em;top:-20000em;display:none;}
/*LAYOUT > POSITION*/
#pageMainHeader, #pageMainNav, #pageFooter, .styleCompanyInfo, .styleCopyrightInfo {position:fixed;}
#pageMainHeader h1 {position:relative;top:1em;left:-0.6em;}
#pageMainNav {top:3.5em;right:-1.1em;}
#pageFooter {bottom:0;}
a {position:relative;}
.styleCopyrightInfo {right:10%;}
.styleCompanyInfo {left:6.5%;}
/*LAYOUT > Z-INDEX*/
body {z-index:0;}
#pageMainHeader, #pageFooter {z-index:20;}
#pageContentContainer {z-index:10;}
a {z-index:5;}
/*LAYOUT > DISPLAY*/
#pageMainHeader h1, #pageMainNav a {display:inline-block;}
#pageMainNav li {display:inline;} 
p.t > span:nth-child(3) {display:none;}
p.e > span:nth-child(1), p.e > span:nth-child(2), p.e > span:nth-child(3) {display:none;}
/*LAYOUT > FLOATS AND CLEARING*/
h1, h2, h3, h4, h5, p {float:left;clear:both;}
#pageMainNav ul, #legalInfo, .section2Right {float:right;}
#articleContent h3, #pageFooter ul, #pageFooter li, .section2Left {float:left;}
#asideContent {clear:both;}
/*LAYOUT > FLOATS AND CLEARING > CLEARFIX*/
/*Updated again... "group" class name is nicer and more semantic (via Dan Cederholm). Content property doesn't even need the space, can be empty string (via Nicolas Gallagher). Without any text, font-size is un-needed (Chris Coyier). http://css-tricks.com/snippets/css/clear-fix/ */
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
html .group {zoom:1;}/*IE6*/
:first-child+html .group {zoom:1;}/*IE7*/
/*LAYOUT > WIDTH AND HEIGHT*/
html, body {width:100%;height:100%;}
#pageMainHeader {width:100%;height:7.25em;}/*Responsive*/
#pageFooter {width:80%;height:3.25em;}
#pageMainNav {width:100%;}
#pageContentContainer {min-height:100%;overflow:auto;}
.styleCompanyInfo {width:40%;}
.styleCopyrightInfo {width:33%;}
/*LAYOUT > PADDING AND MARGINS*/
body, #articleContent {margin:0 auto;}
/*LAYOUT > PADDING AND MARGINS > HEADER*/
#pageMainHeader {padding:0 0 0 0;}/*Responsive*/
#pageMainHeader h1 {padding:2em 18em 0.25em 0.5em;}
/*LAYOUT > PADDING AND MARGINS > HEADER > NAVIGATION*/
#pageMainNav {margin:2em 0 0 0;padding:0 10% 0 0;}
#pageMainNav a {margin-left:5em;padding:0.45em 1.1em;}
/*LAYOUT > PADDING AND MARGINS > CONTAINER*/
#pageContentContainer {padding:15em 33.5% 0 33.5%;}/*Responsive*/
#articleContent h3 {margin-bottom:0.25em;padding-top:0.25em;}
#asideContent p {padding-top:0;}
#asideContent {margin-top:1em;}
#assideContent h4 {padding-bottom:0.25em;}
#iconServicesMarine, #iconServicesCommercial, #iconServicesPersonal {padding:1em 2em 0 0;}
#iconAboutTrust, #iconAboutPersonalized, #iconAboutValue, #iconAboutSeamless {padding:1em 2em 0 0;}
h4, h5 {padding-top:2em;}
h4 {padding-bottom:0.2em;}
/*ICONS & LOGOS > CONTACT PAGE ICONS*/
.t {padding-left:1.75em;}
.e {padding-left:1.75em;}
.l {padding-left:1.75em;padding-bottom:0.25em;}
/*LAYOUT > PADDING AND MARGINS > FOOTER*/
#pageFooter {padding:0.25em 10% 1.75em 10%;}
#footerNav li {padding:1.4em 0em;margin-right:0.5em;}
#iconHome, #iconContact {padding:1em 1em 0 1em;}
.styleCompanyInfo {margin-left:27.5%;}


/*WEB FONTS*/
@font-face {font-family:"CarroisGothic";
	src:  url("https://www.praesidia.co.za/fonts/CarroisGothic-Regular.eot"); /*IE9 Compat Modes*/
	src:  url("https://www.praesidia.co.za/fonts/CarroisGothic-Regular.eot?#iefix") format('embedded-opentype'), /*IE6-IE8*/
			  url("https://www.praesidia.co.za/fonts/CarroisGothic-Regular.woff") format('woff'), /*Modern Browsers*/
			  url("https://www.praesidia.co.za/fonts/CarroisGothic-Regular.woff2") format('woff2'), /*New Modern Browsers*/
			  url("https://www.praesidia.co.za/fonts/CarroisGothic-Regular.ttf") format('truetype'), /*Safari, Android, iOS*/
			  url("https://www.praesidia.co.za/fonts/CarroisGothic-Regular.otp") format('otp'), /*Modern MS Browsers*/
			  url("https://www.praesidia.co.za/fonts/CarroisGothic-Regular.svg#CarroisGothic-Regular") format('svg'); /*Legacy iOS*/
	font-weight:normal;
	font-style:normal;
	font-display:swap;}


/*ICONS & LOGOS*/
/*ICONS & LOGOS > LOGO*/
#headerLinkLogo {background:url("https://www.praesidia.co.za/images/logo/logoPraesidiaLtd.svg") no-repeat 0.5em 0.2em;background-size:90%;}
/*ICONS & LOGOS > ABOUT PAGE ICONS*/
#iconAboutTrust {background:url("https://www.praesidia.co.za/images/icons/iconAboutTrust.svg") no-repeat 0em 0.5em;background-size:80%;}
#iconAboutPersonalized {background:url("https://www.praesidia.co.za/images/icons/iconAboutPersonalized.svg") no-repeat 0em 0.65em;background-size:80%;}
#iconAboutValue {background:url("https://www.praesidia.co.za/images/icons/iconAboutValue.svg") no-repeat 0em 0.7em;background-size:80%;}
#iconAboutSeamless {background:url("https://www.praesidia.co.za/images/icons/iconAboutSeamless.svg") no-repeat 0em 0.7em;background-size:80%;}
/*ICONS & LOGOS > SERVICES PAGE ICONS*/
#iconServicesMarine {background:url("https://www.praesidia.co.za/images/icons/iconServicesMarine.svg") no-repeat 0em 0.8em;background-size:80%;}
#iconServicesCommercial {background:url("https://www.praesidia.co.za/images/icons/iconServicesCommercial.svg") no-repeat 0em 0.8em;background-size:60%;}
#iconServicesPersonal {background:url("https://www.praesidia.co.za/images/icons/iconServicesPersonal.svg") no-repeat 0em 0.8em;background-size:60%;}
/*ICONS & LOGOS > CONTACT PAGE ICONS*/
.t {background:url("https://www.praesidia.co.za/images/icons/iconContactPhone.svg") no-repeat 0em 0.05em;background-size:12.5%;padding-left:1.75em;}
.e {background:url("https://www.praesidia.co.za/images/icons/iconContactMail.svg") no-repeat 0em 0em;background-size:12.5%;padding-left:1.75em;}
.l {background:url("https://www.praesidia.co.za/images/icons/iconContactLocation.svg") no-repeat -0.05em -0.05em;background-size:10.5%;padding-left:1.75em;}
/*ICONS & LOGOS > CONTACT ICONS*/
/*ICONS & LOGOS > HOME & CONTACT ICONS*/
#iconHome {background:url("https://www.praesidia.co.za/images/icons/iconHome.svg") no-repeat -2em -4em;background-size:290%;}
#iconContact {background:url("https://www.praesidia.co.za/images/icons/iconContact.svg") no-repeat -2em -4em;background-size:290%;}
/*ICONS & LOGOS > MOBILE MENU ICONS*/
.iconMobileMenu {background:url("https://www.praesidia.co.za/images/icons/iconMenuMobile.svg") no-repeat left top;background-size:100%;}


/*STYLING*/
/*STYLING > FONTS*/
/*STYLING > FONTS > FAMILIES*/
h1, h2, h3, h4, h5, h6, dt, .skipLink, #scrReadMessage, #toTopLink, p, dd, li {font-family:"CarroisGothic";}
/*STYLING > FONTS > SIZES*/
h1, h2 {font-size:130%;}
h3 {font-size:165%;}
h4 {font-size:120%;}
h5, h6, dt {font-size:100%;}
li, p {font-size:90%;} /*This is where we set the link size*/
#pageFooter p {font-size:80%;}
/*#toTopLink {font-size:70%;}*/ /*Currently not being utilised*/
/*STYLING > TEXT > LINE HEIGHT*/
h1, h2, h3, h4, h5, h6, ul, li, a, dl, dt, dd {line-height:1em;}
p {line-height:1.5em;}
/*STYLING > TEXT > TRANSFORM*/
h1, h2, h3, h4, h6, li, .styleCompanyInfo, .styleCopyrightInfo, .upper {text-transform:uppercase;}
h5, dt,	#articleContent p, #toTopLink, #asideContent a {text-transform:none;}
p {text-transform:inherit;}
/*STYLING > TEXT > ALLIGNMENT*/
#articleContent p, #asideContent p {text-align:justify;}
.styleCompanyInfo {text-align:center;}
.styleCopyrightInfo {text-align:right;}
/*STYLING > TEXT > OTHER*/
#pageMainNav {list-style:none;}
em {font-style:italic;}
strong {font-weight:bold;}
.underlinedText {text-decoration:underline;}
/*STYLING > TRANSITIONS
	a {
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
	}*/
/*STYLING > ANIMATIONS*/
body {
	-webkit-animation:pageLoad 0.75s ease-in;
	-moz-animation:pageLoad 0.75s ease-in;
	-o-animation:pageLoad 0.75s ease-in;
	-ms-animation:pageLoad 0.75s ease-in;
	animation:pageLoad 0.75s ease-in;
}


/*STYLING > COLOURS SCHEME*/
/*STYLING > COLOURS SCHEME > BACKGROUNDS*/
#pageMainHeader, #pageFooter {background-color:#203764;/*blue*/}
#pageContentContainer {background-color:#F5F5F5;/*white*/}
#pageMainNav {background-color:#D0CECE;/*grey*/}
/*STYLING > COLOURS SCHEME > FONTS*/
h1, h2, h3, h4, h5 {color:#203764;/*blue*/}
body p, #pageStyling {color:#757171;/*grey*/}
#pageFooter p {color:#F5F5F5;/*white*/}
/*STYLING > COLOURS SCHEME > BORDERS*/
.l {border-bottom:0.1em solid #D0CECE;}
#pageMainNav {border-bottom:0.1em solid #C7C5C5;}
/*STYLING > LINKS*/
/*STYLING > LINKS > MAIN NAV*/
a {text-decoration:none;color:#203764;}/*blue*/
a:link {text-decoration:none;color:#203764;}/*blue*/
a:visited {text-decoration:none;color:#203764;}/*blue*/
a:hover {outline:0;text-decoration:none;color:#5f5c5c;}/*grey*/
a:active, li a#currentLink {outline:0;text-decoration:underline;color:#203764;}/*blue*/
a:focus {outline:0;text-decoration:none;color:#5f5c5c;top:0.1em;left:0.1em;}/*grey*/
/*STYLING > LINKS > HEADER*/
a #headerLink {text-decoration:none;color:#F5F5F5;}/*white*/
a #headerLink:link {text-decoration:none;color:#F5F5F5;}/*white*/
a #headerLink:visited {text-decoration:none;color:#F5F5F5;}/*white*/
a #headerLink:hover {outline:0;text-decoration:none;color:#F5F5F5;}/*white*/
a #headerLink:active {outline:0;text-decoration:none;color:#F5F5F5;}/*white*/
a #headerLink:focus {outline:0;text-decoration:none;color:#F5F5F5;top:0.1em;left:0.1em;}/*white*/
/*STYLING > LINKS > HOME & CONTACT ICONS: FOOTER*/
a#iconHome, a#iconHome:link, a#iconHome:visited, a#iconContact, a#iconContact:link, a#iconContact:visited {text-decoration:none;color:#F5F5F5;fill:#F5F5F5;/*white*/}
a#iconHome:hover, a#iconHome:active, a#iconHome:focus, a#iconContact:hover, a#iconContact:active, a#iconContact:focus {outline:0;text-decoration:none;color:#7F7F7F;fill:#7F7F7F;background-position:-2em -0.14em;/*grey*/}
/*STYLING > LINKS > HOME & CONTACT FALLBACK: FOOTER*/
#footerNav a {text-decoration:none;color:#F5F5F5;fill:#F5F5F5;;/*white*/}
#footerNav a:link {text-decoration:none;color:#F5F5F5;fill:#F5F5F5;/*white*/}
#footerNav a:visited {text-decoration:none;color:#F5F5F5;fill:#F5F5F5;/*white*/}
#footerNav a:hover {outline:0;text-decoration:none;color:#7F7F7F;fill:#7F7F7F;/*grey*/}
#footerNav a:active {outline:0;text-decoration:none;color:#7F7F7F;fill:#7F7F7F;/*grey*/}
#footerNav a:focus {outline:0;text-decoration:none;color:#7F7F7F;fill:#7F7F7F;/*grey*/}



/*RESPONSIVE DESIGN*/
/*RESPONSIVE DESIGN > MOBILES > VERTICAL*/
@media only screen and (min-width:0px) and (max-width:379px) {
	body {font-size:85%;}
	#pageMainHeader {width:100%;height:4.25em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.65em;font-size:115%;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:6em 7.5% 0 7.5%;min-height:100%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;width:20%;}
	.styleCopyrightInfo, .styleCompanyInfo {line-height:1em;}
	.styleCompanyInfo {left:2.5%;}
/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:20%;right:0;top:-2.35em;padding:0 7.5% 0.35em 0;background-color:#203764;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#F5F5F5;}/*white*/
	a:link {text-decoration:none;color:#F5F5F5;}/*white*/
	a:visited {text-decoration:none;color:#F5F5F5;}/*white*/
	a:hover {outline:0;text-decoration:none;color:#D0CECE;}/*grey-light*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#F5F5F5;}/*grey-light*/
	a:focus {outline:0;text-decoration:none;color:#D0CECE;top:0.1em;left:0.1em;}/*grey-light*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN*/
/*RESPONSIVE DESIGN > MOBILES > VERTICAL*/
@media only screen and (min-width:380px) and (max-width:427px) {
	body {font-size:85%;}
	#pageMainHeader {width:100%;height:4.25em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.65em;font-size:115%;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:6em 7.5% 0 7.5%;min-height:84%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;width:20%;}
	.styleCopyrightInfo, .styleCompanyInfo {line-height:1em;}
	.styleCompanyInfo {left:2.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:20%;right:0;top:-2.35em;padding:0 7.5% 0.35em 0;background-color:#203764;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#F5F5F5;}/*white*/
	a:link {text-decoration:none;color:#F5F5F5;}/*white*/
	a:visited {text-decoration:none;color:#F5F5F5;}/*white*/
	a:hover {outline:0;text-decoration:none;color:#D0CECE;}/*grey-light*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#F5F5F5;}/*grey-light*/
	a:focus {outline:0;text-decoration:none;color:#D0CECE;top:0.1em;left:0.1em;}/*grey-light*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > MOBILES > VERTICAL*/
@media only screen and (min-width:428px) and (max-width:666px) {
	body {font-size:90%;}
	#pageMainHeader {width:100%;height:4.25em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:6em 7.5% 0 7.5%;min-height:85%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;width:20%;}
	.styleCopyrightInfo, .styleCompanyInfo {line-height:1em;}
	.styleCompanyInfo {left:2.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:17%;right:0;top:-2.1em;padding:0 7.5% 0.35em 0;background-color:#203764;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#F5F5F5;}/*white*/
	a:link {text-decoration:none;color:#F5F5F5;}/*white*/
	a:visited {text-decoration:none;color:#F5F5F5;}/*white*/
	a:hover {outline:0;text-decoration:none;color:#D0CECE;}/*grey-light*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#F5F5F5;}/*grey-light*/
	a:focus {outline:0;text-decoration:none;color:#D0CECE;top:0.1em;left:0.1em;}/*grey-light*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > MOBILES > HORIZONTAL*/
@media only screen and (min-width:667px) and (max-width:809px) {
	body {font-size:95%;}
	#pageMainHeader {width:100%;height:4.25em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:6em 7.5% 0 7.5%;min-height:150%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;width:20%;}
	.styleCopyrightInfo, .styleCompanyInfo {line-height:1em;}
	.styleCompanyInfo {left:2.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:17%;right:0;top:-2em;padding:0 7.5% 0.35em 0;background-color:#203764;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#F5F5F5;}/*white*/
	a:link {text-decoration:none;color:#F5F5F5;}/*white*/
	a:visited {text-decoration:none;color:#F5F5F5;}/*white*/
	a:hover {outline:0;text-decoration:none;color:#D0CECE;}/*grey-light*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#F5F5F5;}/*grey-light*/
	a:focus {outline:0;text-decoration:none;color:#D0CECE;top:0.1em;left:0.1em;}/*grey-light*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > MOBILES > HORIZONTAL*/
@media only screen and (min-width:810px) and (max-width:1079px) {
	body {font-size:95%;}
	#pageMainHeader {width:100%;height:4.25em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:6em 7.5% 6em 7.5%;min-height:80%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;width:20%;}
	.styleCopyrightInfo, .styleCompanyInfo {line-height:1em;}
	.styleCompanyInfo {left:2.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:17%;right:0;top:-2em;padding:0 7.5% 0.35em 0;background-color:#203764;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#F5F5F5;}/*white*/
	a:link {text-decoration:none;color:#F5F5F5;}/*white*/
	a:visited {text-decoration:none;color:#F5F5F5;}/*white*/
	a:hover {outline:0;text-decoration:none;color:#D0CECE;}/*grey-light*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#F5F5F5;}/*grey-light*/
	a:focus {outline:0;text-decoration:none;color:#D0CECE;top:0.1em;left:0.1em;}/*grey-light*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > MOBILES > HORIZONTAL*/
@media only screen and (min-width:1080px) and (max-width:1156px) {
	body {font-size:95%;}
	#pageMainHeader {width:100%;height:4.25em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:6em 7.5% 0 7.5%;min-height:65%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;width:20%;}
	.styleCopyrightInfo, .styleCompanyInfo {line-height:1em;}
	.styleCompanyInfo {left:2.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:15%;right:0;top:-2em;padding:0 7.5% 0.35em 0;background-color:#203764;border:none;/*blue*/}
	#pageMainNav ul {margin:3em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#F5F5F5;}/*white*/
	a:link {text-decoration:none;color:#F5F5F5;}/*white*/
	a:visited {text-decoration:none;color:#F5F5F5;}/*white*/
	a:hover {outline:0;text-decoration:none;color:#D0CECE;}/*grey-light*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#F5F5F5;}/*grey-light*/
	a:focus {outline:0;text-decoration:none;color:#D0CECE;top:0.1em;left:0.1em;}/*grey-light*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > TABLETS > VERTICAL*/
@media only screen and (min-width:1157px) and (max-width:1367px) {
	body {font-size:100%;}
	#pageMainHeader {width:100%;height:7.25em;padding:0 0 0 10%;}
	#pageMainNav a {margin-left:2em;}
	#pageContentContainer {padding:11em 25% 5em 25%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	.styleCompanyInfo {margin-left:23.5%;}
}
/*RESPONSIVE DESIGN > TABLETS > HORIZONTAL*/
@media only screen and (min-width:1368px) and (max-width:1699px) {
	body {font-size:100%;}
	#pageMainHeader {width:100%;height:7.25em;padding:0 0 0 10%;}
	#pageMainNav a {margin-left:2.5em;}
	#pageContentContainer {padding:11em 30% 0 30%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	.styleCompanyInfo {margin-left:23.5%;}
}
/*RESPONSIVE DESIGN > LAPTOPS > SMALL*/
@media only screen and (min-width:1700px) and (max-width:1995px) {
	body {font-size:105%;}
	#pageMainHeader {width:100%;height:7.25em;padding:0 0 0 10%;}
	#pageMainNav a {margin-left:3em;}
	#pageContentContainer {padding:12em 30% 12em 30%;min-height:50%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	.styleCompanyInfo {margin-left:23.5%;}
}
/*RESPONSIVE DESIGN > LAPTOPS > MEDIUM*/
@media only screen and (min-width:1996px) and (max-width:2456px) {
	body {font-size:110%;}
	#pageMainHeader {width:100%;height:7.25em;padding:0 0 0 10%;}
	#pageMainNav a {margin-left:4em;}
	#pageContentContainer {padding:12.5em 30% 0 30%;min-height:50%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	.styleCompanyInfo {margin-left:23.5%;}
}
/*RESPONSIVE DESIGN > DESKTOPS > LARGE*/
@media only screen and (min-width:2457px) {
	body {font-size:115%;}
	#pageMainHeader {width:100%;height:7.25em;}
	#pageMainHeader {padding:0 0 0 10%;}
	#pageMainNav a {margin-left:5em;}
	#pageContentContainer {padding:12.5em 30% 0 30%;min-height:50%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	.styleCompanyInfo {margin-left:23.5%;}
}