/* BASE CSS */

.input_tiny{width:50px}.input_small{width:100px}.input_medium{width:150px}.input_large{width:200px}.input_xlarge{width:250px}.input_xxlarge{width:300px}.input_full{width:100%}.input_full_wrap{display:block;padding-right:8px}input[type="search"]::-webkit-search-decoration{display:none}input:invalid,button:invalid,select:invalid,textarea:invalid{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input:focus,button:focus,select:focus,textarea:focus{-webkit-box-shadow:#0066ff 0 0 5px 0;-moz-box-shadow:#0066ff 0 0 5px 0;box-shadow:#0066ff 0 0 5px 0;z-index:1}input[type="file"]:focus,input[type="file"]:active,input[type="radio"]:focus,input[type="radio"]:active,input[type="checkbox"]:focus,input[type="checkbox"]:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}button,input[type="reset"],input[type="submit"],input[type="button"]{-webkit-appearance:none;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background:#dddddd url('button.png?1298351022') repeat-x;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(#ffffff, #dddddd);background-image:-moz-linear-gradient(#ffffff, #dddddd);background-image:-o-linear-gradient(#ffffff, #dddddd);background-image:-ms-linear-gradient(#ffffff, #dddddd);background-image:linear-gradient(#ffffff, #dddddd);border:1px solid;border-color:#dddddd #bbbbbb #999999;cursor:pointer;color:#333333;font:bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;outline:0;overflow:visible;margin:0;padding:3px 10px;text-shadow:white 0 1px 1px;vertical-align:top;width:auto;*padding-top:2px;*padding-bottom:0}button:hover,input[type="reset"]:hover,input[type="submit"]:hover,input[type="button"]:hover{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));background-image:-webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);background-image:-moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);background-image:-o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);background-image:-ms-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);background-image:linear-gradient(#ffffff, #eeeeee 1px, #cccccc)}button:active,input[type="reset"]:active,input[type="submit"]:active,input[type="button"]:active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));background-image:-webkit-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);background-image:-moz-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);background-image:-o-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);background-image:-ms-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);background-image:linear-gradient(#ffffff, #dddddd 1px, #eeeeee);-webkit-box-shadow:inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;-moz-box-shadow:inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;box-shadow:inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;border-color:#999999 #bbbbbb #dddddd}button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0;padding:0}button{*padding-top:1px;*padding-bottom:1px}textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-appearance:none;background-color:white;border:1px solid;border-color:#848484 #c1c1c1 #e1e1e1;color:black;outline:0;margin:0;padding:2px 3px;text-align:left;font-size:13px;font-family:Arial, "Liberation Sans", FreeSans, sans-serif;height:1.8em;vertical-align:top;*padding-top:2px;*padding-bottom:1px;*height:auto}textarea[disabled],select[disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="email"][disabled],input[type="month"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="text"][disabled],input[type="time"][disabled],input[type="url"][disabled],input[type="week"][disabled]{background-color:#eeeeee}button[disabled],input[disabled],select[disabled],select[disabled] option,select[disabled] optgroup,textarea[disabled]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;color:#888888;cursor:default}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888888}input:-moz-placeholder,textarea:-moz-placeholder{color:#888888}input.placeholder_text,textarea.placeholder_text{color:#888888}textarea,select[size],select[multiple]{height:auto}select[size="0"],select[size="1"]{height:1.8em;*height:auto}@media (-webkit-min-device-pixel-ratio: 0){select[size],select[multiple],select[multiple][size]{background-image:none;padding-right:3px}select,select[size="0"],select[size="1"]{background-image:url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);background-repeat:no-repeat;background-position:right center;padding-right:20px}::-webkit-validation-bubble-message{-webkit-box-shadow:none;box-shadow:none;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));border:1px solid;border-color:#747474 #5e5e5e #4f4f4f;color:white;font:13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;overflow:hidden;padding:15px 15px 17px;text-shadow:black 0 0 1px;height:16px}::-webkit-validation-bubble-arrow,::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow{-webkit-box-shadow:none;box-shadow:none;background:#666666;border:0}}textarea{min-height:40px;overflow:auto;resize:vertical;width:100%}optgroup{color:black;font-style:normal;font-weight:normal;font-family:Arial, "Liberation Sans", FreeSans, sans-serif}optgroup::-moz-focus-inner{border:0;padding:0}.ie6_button,* html button{background:#dddddd url('button.png?1298351022') repeat-x;border:1px solid;border-color:#dddddd #bbbbbb #999999;cursor:pointer;color:#333333;font:bold 12px/1.2 Arial, sans-serif;padding:2px 10px 0px;overflow:visible;width:auto}* html button{padding-top:1px;padding-bottom:1px}.ie6_input,* html textarea,* html select{background:white;border:1px solid;border-color:#848484 #c1c1c1 #e1e1e1;color:black;padding:2px 3px 1px;font-size:13px;font-family:Arial, sans-serif;vertical-align:top}* html select{margin-top:1px}.placeholder_text,.ie6_input_disabled,.ie6_button_disabled{color:#888888}.ie6_input_disabled{background:#eeeeee}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:1em;line-height:1.4}body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#ffff00;color:#fff;text-shadow:none}::selection{background:#ffff00;color:#fff;text-shadow:none}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}

/* !==|== primary styles =====================================================
   Author: Silverink
   ========================================================================== */

   a:link { color: rgb(228,86,22)}
   a:visited {color: rgb(228,86,22)}
   a:hover {color: rgb(8, 74, 30)}
   a:active {color: rgb(228,86,22)}

   #answerList {padding: 0px; margin: 0px;}
#answerList .accordion { list-style-type: none; margin-left: 0; padding-left: 0;}
	.accordion h3 { cursor: pointer;color:rgb(228,86,22); font-size: 1.25em !important; margin-bottom: 0px;}
	.answer {margin: 20px 40px; display: none;}

article img {max-width: 100%; height: auto !important;}

.banner {margin-bottom: 15px; padding: 10px;}
.banner h1 {font-size: 1.8em;}
.banner img {width: 100px; height: auto;}
.bodyTales figcaption {margin-left: 10px; float: left; font-size: 0.7em;}	/*Blog detail page imageCaption text*/
.bodyTales .articleList figcaption {font-size: 1em; font-style: italic;}	/*Blog home page rollover text*/

		.articleList .item {width: 99.5%; float: left; height: auto;  overflow: hidden; margin-left: auto; margin-bottom: 20px; margin-right: auto; border: 1px solid rgb(255,255,255); min-height: 250px; box-shadow: 0px 0px 8px rgba(0,0,0,0.2)}
.articleList .item:hover {box-shadow: 0px 0px 8px rgba(0,0,0,0.4)}
		.articleList .item figcaption { position: absolute; margin: 10px; background: rgba(255,255,255,0.75); width: 95%;padding: 20px 5%; text-align: center; }
			.articleList .item figcaption .intro {margin-bottom: 20px !important; font-size: 0.7em; font-style: italic; }
		.articleList .item figure { height: auto; width: 100%; padding-bottom: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			overflow: hidden;
			}
		.articleList figure {position: relative;}
		.articleList .item figure p.title { text-align: center; margin-top: 0px; font-size: 0.95em;}
		.articleList figure .readMore {padding-top: 10px; margin-top: 10px; border-top: 2px solid #888; color: #000; text-transform: uppercase; font-style: normal;}


body {
	font-family: "Proxima N W01 Reg", sans-serif;
	color: #262626;
}
.body1class #MainHTML > .container {width: 100%; padding: 0px;}

/* !Colors
Orange: rgb(228,86,22)
peachy: rgb(240, 158, 110)
Green: rgb(8, 74, 30)
Grey1: rgb(240, 240, 240)
Another GreyL rgb(220, 220, 220)
darker Grey: rgb(106, 106, 106)
darker Green: rgb(12, 43, 22)
*/

.ContactDetails h1, .ContactForm h1 {font-size: 1.75em;}
	.ContactForm label, #questionForm label {display: block;}
	.ContactForm div, #questionForm div {margin-bottom: 10px;}
	.ContactForm input[type='text'], .ContactForm input[type='tel'], .ContactForm input[type='email'], .ContactForm input[type='number'], .ContactForm textarea {border: 1px solid #888; width: 100%; padding: 5px; height: auto !important;}
	.ContactForm p {position: relative;}
	.ContactForm label.error {position: absolute; right: 5px; bottom: 0px; color: rgba(255,20,20,0.6);  font-style: italic;}


h1,h2,h3,h4,h5,h6 {font-weight: 100 !important; margin: 0;}
/* !==|== Easibuild Structural Elements =====================================================
   Structural elements such as mainContent/Wide, submenu etc. Ideally these elements will change
   to HTML5 tags...  aside, article etc.
   ========================================================================== */




/* ==|== Everything Else =====================================================================
   Alphabetically ordered unles it's nested (.level2 will be nested with #submenu for example)
   =========================================================================================== */

article h1 {
	}

article h1+p {
}

article li {
	margin-bottom: 15px;
	}

/* Hidden elements */
.bCrumb, #MainHTML article header { display: none;}

img,embed,object,video {
}


#easilogo {float: right;}

footer {}
	footer .container {padding: 35px 0px; border-top: 1px solid rgba(0,0,0,0.05);}
footer .companyAddress {
}

#fpImageDiv {}


#categorySelect {width: 100%; margin: 20px 0px}

/* CTA */
	#ctaContainer {clear: both; margin-bottom: 30px; padding-top: 40px; background: url("/download/images/cta_bg.jpg"); background-size: cover; min-height: 250px; background-position: center center; position: relative;}
		#ctaContainer .strapline {font-size: 3.25em; margin: 20px; width: 80%; line-height: 120%; color: rgba(255,255,255,0.975); font-family:  "Proxima N W01 Bold";  text-shadow: 0px 0px 6px rgba(0,0,0,0.95);}
		.orderText {padding: 10px; display: block; background: rgb(8, 74, 30); margin-bottom: 10px;text-transform: uppercase; font-family:  "Proxima N W01 Bold"; letter-spacing: 0.05em; font-size: 1.5em;  text-align: center; margin-top: 20px; box-shadow: 0px 0px 8px rgb(12, 43, 22); border: 2px solid rgb(255,255,255); margin-bottom: 35px;}
			.orderText:hover {background: rgb(12, 43, 22);}
			.orderText a {color: rgb(255,255,255); display: block; text-decoration: none;}

.CTASub {margin-bottom: 35px;}
.CTASub .content{clear: both; margin-bottom: 0px; padding: 10px 5px; background: url("/download/images/cta_sidebar.jpg"); background-size: cover; background-position: center center; position: relative; padding-bottom: 30px;}
.CTASub .header {color: #fff; text-transform: uppercase;  background: #e23f14; display: block; margin-bottom: 0;padding: 5px 15px; border: 1px transparent white; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 1.6em; font-weight: bold; line-height: 120%; text-align: center;}
.CTASub .orderText {margin: 0; box-shadow: none; border: none; border-top: 2px solid rgb(255,255,255);}

		.CTASub p {font-size: 1.5em; margin: 10px; line-height: 120%; text-align: center; color: rgba(255,255,255,0.975); font-family:  "Proxima N W01 Bold";  text-shadow: 0px 0px 6px rgba(0,0,0,0.95);}


/* CURRENT TAGS */
#currentTagList {margin-bottom: 30px; margin-top: 40px; }
#currentTagList .title {margin-right: 20px; display: block; margin-bottom: 10px; padding: 5px; background: rgba(0,0,0,0.05);}
#currentTagList span.currentTagSpan {
  display: inline-block;
  height: 20px;
  margin: 0 10px 10px 10px;
  padding: 0 7px 0 14px;
  white-space: nowrap;
  position: relative;
  font-size: 0.875em;
  background-color: #f2b599;

  color: #963;
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,0.4);

}

#currentTagList span.currentTagSpan:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -6px;
	width: 10px;
	height: 10px;

	background-color: #f2b599;

}
#currentTagList span.currentTagSpan:before {
	-webkit-transform: scale(1, 1.5) rotate(45deg);
	-moz-transform: scale(1, 1.5) rotate(45deg);
	-ms-transform: scale(1, 1.5) rotate(45deg);
	transform: scale(1, 1.5) rotate(45deg);
}
#currentTagList span.currentTagSpan:after {
	content: '';
	position: absolute;
	top: 7px;
	left: 1px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #f18b5c;
}
#currentTagList span.currentTagSpan:hover {
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(153,102,51,0.3);

}
#currentTagList span.currentTagSpan:hover a {
		text-decoration: none;

}

/* !FP IMAGES */
.cycle-slide {
	width: 100%; height: 350px;
	background-size: cover;
	background-position: center center;
	color: rgb(255,255,255);
	position: relative;
}


.eventBriteTopCTA {display: inline-block; position: absolute; top: -30px; right: 0px; padding: 0px 15px; font-size: 1.125em; background: rgb(12, 43, 22); color: #fff !important; text-decoration: none; border-bottom: 3px solid rgb(8, 74, 30); line-height: 40px;}
.eventBriteTopCTA span {margin-top: 3px; display: inline-block;}
.eventBriteTopCTA img {height: 25px; margin-right: 5px;}
.eventBriteTopCTA:hover {text-decoration: none; background: rgba(12, 43, 22,0.9);}
	.fpImages {font-size: 1em;}
		.fpImages a {color: #fff !important;}
		.fpImages .Desc, .topBannerBg h1 {
			font-size: 2em;
			font-family: "Proxima N W01 Bold";
			position: absolute; bottom: 50px;
			left: 2%;
			margin: 0;
			text-shadow: 0px 0px 6px rgba(0,0,0,0.9);
		}
		.fpImages .descWrap {font-size: 0.65em; line-height: 110%;}
			.topBannerBg h1 {bottom: 20px; text-shadow: 0px 0px 4px rgba(0,0,0,0.8);}
			.topBannerBg h1 a {color: rgb(255,255,255); font-size: 1.75em; text-transform: capitalize; text-decoration: none;}
		.fpImages p {margin: 0px;}

		.fpImages .summary {position: absolute; bottom: 10px; right: 13%;text-shadow: 0px 0px 6px rgba(0,0,0,0.9);}
		.fpImages .wrapper {max-width: 1180px; margin: auto; display: block; position: relative; height :100%; width: 100%;}
		#prev, #next {font-family: "FontAwesome"; z-index: 1000; font-size: 3em; color: rgba(255,255,255,0.8); cursor: pointer;}
		.prevNextWrap {z-index: 1000; height: 200px; width: 80%; max-width: 1180px; margin: auto; position: absolute; top: 150px; left: 10%; display: none;}
		#prev {float: left; }
		#next { float: right;}
/* END FP IMAGES */

/* !HOME PAGE LINKS */
.fpLinks {background: rgb(220, 220, 220); padding: 40px 0;}
.fpLinks .wrapper {max-width: 1180px; margin: auto;}
.fpLinks .fpBox {height: 250px; position: relative; cursor: pointer; overflow: hidden;}
.fpLinks .fpBox .footer {position: absolute; bottom: 0px; left: 0px; background: rgb(22, 69, 37); display: block; width: 100%; text-align: center; padding:10px 0px; font-size: 0.875em; color: rgb(255,255,255); font-family: "Proxima N W01 Light"}

.fpBox {margin-bottom: 30px;}
.fpBox:hover .bg {-webkit-filter: grayscale(80%) brightness(40%);
    -ms-filter:     grayscale(80%) brightness(40%);
    -o-filter:      grayscale(80%) brightness(40%);
    filter: grayscale(80%) brightness(40%);
    transition: all 1s ease; }


.fpBox:hover .footer span {position: absolute; left: -9999px;transition: all 0.6s ease;}
.fpBox:hover:before {}
.fpBox:hover .footer:after  {content: "FIND OUT MORE"; transition: all 0.6s ease;}
.fpBox:hover:after {content: " "; width: 100%; height: 100%; transition: all 0.6s ease;}
.fpBox {}
.fpBox blockquote { position: absolute; left: -9999px; border: none; padding: 0; margin: 20px 5%; font-weight: 100;font-family: "Proxima N W01 Light"; line-height: 130%;}
.fpBox:hover > blockquote { left: 5%;  top: 30px;color: rgb(255,255,255); font-size: 1.5em; transition: all 0.6s ease;}
.leftBox .bg, .midBox .bg, .rightBox .bg {background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0}
.leftBox .bg{background-image: url("/download/images/leftBoxBG.jpg"); }
.midBox .bg{background-image: url("/download/images/midBoxBG.jpg"); }
.rightBox .bg{background-image: url("/download/images/rightBoxBG.jpg"); }
.fpBox .highlightHeading { position: absolute; top: 0px; left: 0px;z-index: 2}

/* END HOMEPAGE LINKS */

/* GALLERY FROM FLICKR */

.galleryContain a, .galleryContain div  {width: 40%; min-height: 220px;margin: 2.5%; float: left;  text-align: center; font-size: 0.875em; color: #000; padding: 2%; border: 1px solid rgb(210,210,210); border-radius: 5px;  background: rgb(240,240,240); transition: 0.3s all ease; cursor: pointer; text-decoration: none; }
.galleryContain img {border: 2px solid rgb(255,255,255);}
.galleryContain a:hover, .galleryContain div:hover  {border: 1px solid rgb(228,86,22); border-radius: 5px; background: rgb(240, 158, 110); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
	.galleryContain a p, .galleryContain div p {font-size: 0.875em; margin: 15px 0px 0px 0px; padding: 5px 0px; background: rgb(255,255,255)}
	.galleryContain a:hover p, .galleryContain div:hover  p { background: rgb(228,86,22); color: #fff;}
/* !Home page Testimonial */
.fpTestimonial {height: 620px; background-size: cover; background-position: center center; font-family: "Roboto Slab"; color: rgb(255,255,255);}
	.testBox {background: rgba(0,0,0,0.45); padding: 5%; margin-top: 190px;}
		.testBox blockquote { border: none; padding: 0% 10% ;margin: 0; text-align: center; quotes: "\201C""\201D""\2018""\2019"; position: relative;}
		.testBox blockquote:before {color: rgba(255,255,255,0.7);
  content: open-quote;
  font-size: 11em;
  position: absolute; left: 0px; top: 0.1em; line-height: 0.5em;}

 		.testBox blockquote:after {color: rgba(255,255,255,0.7);
  content: close-quote;
  font-size: 11em;
  position: absolute; right: 0px; bottom: 0.1em; line-height: 0.5em;}

		.testBox blockquote p {font-size: 1.85em; font-weight: 100; line-height: 160%;}
			.testBox blockquote cite {font-size: 1.25em; margin-top: 60px; display: block; font-weight: 100;}
/* END HOMEPAGE TESTIMONIAL */


h1 {font-family: "Proxima N W01 Bold"; font-size: 3em; margin-bottom: 40px;}
h3 {font-family: "Proxima N W01 Light"; font-size: 1.25em; line-height: 160%; margin-bottom: 40px;}

.highlightHeading {background: rgb(228, 86, 22); color: rgb(255,255,255); text-transform: uppercase; font-size: 0.875em; font-family: "Proxima N W01 Light"; display: inline-block; padding: 5px; margin: 10px 0px 0px 10px; }
#fpImageDiv {position: relative;}
#fpImageDiv .highlightHeading {position: absolute; top: 20px; left: 20px; z-index: 9999;}

img {max-width: 100%;}

#homeEditable {
}

#homeEditable p:first-child {
}


canvas {z-index: 10 !important;}

#logo {
	cursor: pointer;
	margin-top: 25px;
	width: 200px;
	}


hr {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px dashed rgb(219,219,219);
	margin: 20px 0px;
	clear: both;
	}

/* !Main Container */
#mainContainer { overflow: hidden;}

#mc-embedded-subscribe-form input[type='text'], #mc-embedded-subscribe-form input[type='number'], #mc-embedded-subscribe-form input[type='email'] {color:#444 !important; height: auto !important}
#mc-embedded-subscribe-form input[type='submit'] {color:#444 !important;}

/* Map In Contact Page */
#map_canvas {}

.mobileMenuIcon {position: absolute;  right: 5%; z-index: 5000; width: 20px; height:20px; top: 40px;
}
.mobileMenuIcon span, .mobileMenuIcon span:before, .mobileMenuIcon span:after {
  cursor: pointer;
  border-radius: 2px;
  height: 2px;
  width: 20px;
  background: #e23e15;
  position: absolute;
  display: block;
  content: '';
}
.mobileMenuIcon span:before {
  top: -5px;
}
.mobileMenuIcon span:after {
  bottom: -5px;
}


.mobileMenuIcon span, .mobileMenuIcon span:before, .mobileMenuIcon span:after {
  transition: all 500ms ease-in-out;
}
.mobileMenuIcon.active span {
  background-color: transparent;
}
.mobileMenuIcon.active span:before, .mobileMenuIcon.active span:after {
  top: 0;
}
.mobileMenuIcon.active span:before {
  transform: rotate(45deg);
  background: #10351c;
}
.mobileMenuIcon.active span:after {
  transform: rotate(-45deg);
   background: #10351c;

}

.newsFeaturedPic {margin-bottom: 30px; position: relative;}
.newsFeaturedPic figcaption { line-height: 30px; color: rgb(255,255,255); background: rgba(16,53,28,0.6); position: absolute; bottom: 0px; padding: 0 5%; width: 100%; font-size: 0.75em; text-align: right;}
	.newsFeaturedPic figcaption p {margin: 0;}
/*hide fake email input from client */
.notEmail {
	display: none;
}

p {line-height: 180%; font-size: 1.125em;}

.rightImg figure {float: right; max-width: 35%; margin-left: 20px; margin-bottom: 20px;}
.blockImage figure {display: block; margin: 30px auto; max-width: 100%; height: auto;}

section.introduction {font-size: 1.4em; margin-left: 0px; padding-left: 30px; border-left: 1px solid rgba(0,0,0,0.3); margin-top: 60px;margin-bottom: 40px; line-height: 180%; font-style: italic;}

/* SILVERINK LINK */
#silverinkWebDesign {
	font-size: 10px;
	font-family: helvetica, arial;
	margin-left: 2px;
	margin-top: 5px;
}
#silverinkWebDesign 	a {
	color: #888;
}

.socialLogos img {width: 40px; height: auto;}

#subMenu header a {color: #fff; text-transform: uppercase; line-height: 40px; background: #e23f14; display: block; margin-bottom: 0;padding: 0px 15px; border: 1px transparent white; border-top-left-radius: 4px; border-top-right-radius: 4px;   }
#subMenu header h2 {margin-bottom: 0px;font-size: 1.125em; }
#subMenu ul {margin: 0 0 20px 0;}
#subMenu li a {color: #000; display: block;  line-height: 1.4em; text-transform: capitalize; padding: 10px 15px; text-decoration: none;}
	#subMenu li {margin: 3px 0px 0px 0px;line-height: 40px; border-left: 2px solid #efefef; transition: all 0.5s ease }
		#subMenu li.selected, #subMenu li:hover, .NewsStoryselected, .NewsStoryselected:hover {background: #f18b5c;}
			#subMenu li.selected a, #subMenu li:hover a, .NewsStoryselected a, .NewsStoryselected:hover a { color: #fff;}
#tagCloudContainer {background: rgb(240,240,240); padding: 35px 0px;}

#tagCloud {width: 100%; height: 200px;}

.topBannerBg {background-image: url(/download/images/Banner_.jpg);position: relative; height: 350px; width: 100%; background-size: cover; background-position: center center; margin-bottom: 30px;}
#topBanner {transition: 0.3s ease all;}
#topBanner {background: rgba(255,255,255,1); position: fixed; height: 120px; z-index: 999;width: 100%; border-bottom: 3px solid rgba(246, 178, 138, 1);}
	#topBanner .wrapper {
		position: relative;
		width: 90%; margin: 0px auto; max-width: 1180px;
		height: 100%;

	}
	
	#topBanner.fixed-header {height: 80px }
		.fixed-header .socialLogos {display: none;}
		.fixed-header #logo {width: 110px;}
		.fixed-header .mobileMenuIcon {position: absolute;  right: 5%; z-index: 5000; width: 20px; height:20px; top:20px;
}

#topBanner .socialLogos {position: absolute; right: 10px; top: 10px;}
#topBanner .socialLogos img {width: 30px; height: auto; margin: 2px;}

.Tstrapline {position: absolute; top: 130px; left: 5%; color: rgb(255,255,255); font-size: 1.25em; font-weight: 800; z-index: 10; font-style: oblique; text-shadow: 0px 0px 5px #000;}
#topBanner nav {position: relative; top: 9px; text-align: right;background: rgba(255,255,255,1);}
#topBanner nav ul  { display: none; position: relative; left: 0px; top: 0px; z-index: auto;  z-index: 1001;  }
#topBanner nav ul li a { color: rgb(0,0,0);  text-decoration: none; text-transform: uppercase;transition: background 0.2s ease, border 0.4s ease;border: 2px transparent white; padding: 5px; display: block; border-top-left-radius: 3px; border-top-right-radius: 3px;}
		#topBanner nav li:hover a {background: rgb(240, 158, 110);  color: rgb(255,255,255);}

		#topBanner nav li.selected a, #topBanner nav li.selected:hover a { color: rgb(255,255,255);background: rgb(228, 86, 22);
		}
#topBanner nav ul li { list-style-type: none;  text-align: center; line-height: 30px; margin: 0; padding: 0px; }


.month, .year {display: none;}
.year h3, .month h3 {cursor: pointer}

#vidDiaries {padding: 35px 0px;}
#vidDiaries .row {margin-bottom: 30px;}

#videoContainer iframe {width: 100% !important; height: 100% !important; min-height: 400px; border: none;}
.videoContainer iframe {width: 100% !important; height: 100% !important; min-height: 400px; border: none;}





.vtopNav {position: absolute; top: -20px; right: 10px; font-size: 14px;}

















/* ==|== media queries ======================================================
   Media Queries for Responsive Design.
   These override the primary ('mobile/desktop first') styles
   Modify as content requires.
   ========================================================================== */




/*===============================*/
/* 480 - LANDSCAPE MOBILE LAYOUT */
/*===============================*/

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}





















/*=====================*/
/* 768 - TABLET LAYOUT */
/*=====================*/
@media only screen and (min-width: 768px) {

		.articleList .item {width: 46%; float: left; height: auto;  overflow: hidden; margin-right: 25px;margin-bottom: 25px;  }

.banner h1 {font-size: 2.8em;}
.banner img {width: 160px; height: auto;}

  /* Style adjustments for viewports 768px and over go here */
  .cycle-slide, .topBannerBg {height: 450px;}
  		#prev, #next {font-size: 7em; }
		.prevNextWrap {top: 160px;}

.galleryContain a, .galleryContain div {width: 20%;}

}












/*=======================*/
/* 1024 - DESKTOP LAYOUT */
/*=======================*/
@media only screen and (min-width: 992px) {

  /* Style adjustments for viewports 1024px and over go here */
  		#prev, #next {font-size: 8em; }
		.prevNextWrap {top: 250px;}

.cycle-slide, .topBannerBg {height: 450px;}

.fpBox {margin-bottom: 0px;}
		.fpImages .Desc {
			font-size: 3em;
			bottom: 10px;
		}


  	  .mobileMenuIcon {display: none;}

		.testBox blockquote p {font-size: 2.85em; font-weight: 100; line-height: 160%;}
			.testBox blockquote cite {font-size: 1.5em; margin-top: 60px; display: block; font-weight: 100;}




#topBanner nav { 	position: absolute; top: auto; 	bottom: 22px; right: 0px; font-size: 0.875em; color: rgb(0,0,0); background: none;
		}

	#topBanner nav ul{
		display: block;
		list-style-type: none;
	}
		 #topBanner nav li {
			 display: inline-block; zoom: 1;

		}
		#topBanner nav li a {
			display: inline-block; padding: 10px; text-decoration: none;margin: 0px 5px;
			color: rgb(0,0,0);
			text-transform: uppercase;transition: background 0.2s ease, border 0.4s ease;border-bottom: 2px transparent white;
		}

		#topBanner nav li:hover a {background: rgb(240, 158, 110); border-bottom: 2px solid rgba(246, 178, 138, 1); color: rgb(255,255,255);}

		#topBanner nav li.selected a, #topBanner nav li.selected:hover a { color: rgb(255,255,255);background: rgb(228, 86, 22); border-bottom: 2px solid rgb(240, 158, 110);
		}


}










/* WIDE DESKTOP LAYOUT */
@media only screen and (min-width: 1176px) {
	.cycle-slide, .topBannerBg {height: 600px;}

  /* Style adjustments for viewports 1176px and over go here */
   #topBanner nav {font-size: 1.125em;}
}



/*target images that are svg in IE and force width to 100% */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #logo img[src*=".svg"] {
    width: 100%;
  }
}



/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }






/* ==|== non-semantic helper classes - NO NEED TO TOUCH ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}