@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
#nav,.container{position:relative}
#nav nav>ul,#side-nav{float:right;list-style:none}
#nav nav>ul>li>a,#nav nav>ul>li>ul li a,#side-nav a,a.login{color:#fff;text-decoration:none}
#nav nav>ul>li>a,#side-nav a,a.btn,a.login{text-decoration:none}
#mobile-nav,#nav nav>ul>li>a,a.btn{text-transform:uppercase}
*{border:0;padding:0;margin:0;box-sizing:border-box}
img{max-width:100%;height:auto}
body{font-family:Roboto,Arial,sans-serif;font-size:18px;color:#4d4d4d;background-color:#3a494c}
.container{
	max-width:1440px;
	margin:0 auto;
	display:block;
	clear:both;
	padding: 0 15px;
}
.clearfix:after{content:' ';display:block;clear:both}
header{background-color:#fff}
a.login{background-color:#728083;padding:3px 15px;margin-bottom:20px;font-size:20px;font-weight:700;display:inline-block;clear:both}
#contact{float:right;text-align:right;padding:15px 30px;color:#728083;font-size:24px;width:450px;}
#nav,.main-image{width:100%}
.TopImage{max-height:350px;overflow: hidden}
.TopImage img{width: 100%;}
header #nav #logo{
	margin-top:45px;
	margin-left:40px;
	max-width: 400px;
}
#nav{padding-left:425px;z-index:999}
#nav #logo{position:absolute;margin-top:-6%;margin-left:20px;left:0}
#nav nav>ul{background-color:#3a494c;padding-left:25px;width:100%;display:block}
#nav nav>ul li:hover a,#nav nav>ul>li ul{background-color:#5ab0c3}
#nav nav>ul li{display:inline-block;margin-bottom:0}
#nav nav>ul>li>a{display:block;padding:10px 15px;font-size:26px}
#nav nav>ul>li ul{display:none;position:absolute;text-align:left;margin-left:0}
#nav nav>ul>li ul li,#side-nav a,.main-image{display:block}
#nav nav>ul>li>ul li a{padding:8px 10px;display:block;border-top:1px solid #fff}
#body,main #intro{padding:30px 80px}
#nav nav>ul>li>ul li a:hover,#side-nav a.active,#side-nav a:hover{background-color:#3a494c}
#side-nav{background-color:#5ab0c3;margin:-9% 0 30px 40px; position: relative; z-index: 99;}
#side-nav li{border-top:1px solid #fff;margin-bottom:0}
#side-nav a{font-size:24px;font-weight:700;padding:15px 30px}
h1,h2{font-weight:400}
main #intro{background-color:#f3f3e3;position:relative}
#body{background-color:#e6eced;background-image:url(../../Assets/Images/bkg-hands.png);background-position:left bottom;background-repeat:no-repeat}
.col2{width:50%;float:left;padding-right:20px}
h1{font-size:45px;color:#7a7a7a;margin-bottom:20px}
h2{font-size:26px;color:#728083;}
ul{margin-left:15px}
p,ul li{margin-bottom:15px}
a.btn{background-color:#5ab0c3;color:#fff;padding:15px 40px;font-weight:700;display:inline-block}
#mobile-nav,footer{color:#fff;text-align:center;background-color:#3a494c}
footer{position:relative;z-index:4;border-top:3px solid #fff;padding:35px 10px 120px}
footer a{color:#fff}
#site-by-firehorse-creative{position:absolute;right:0;top:0}
#mobile-nav{display:none;clear:both;height:35px;padding-right:10px;padding-top:7px;cursor:pointer;}
#mobile-nav>div{width:25px;float:right}
#mobile-nav div.bar{height:3px;background-color:#fff;margin:3px 0}
#mobile-nav span{float:right;display:block;padding:0 5px;font-size:14px;line-height:22px}
@media (max-width:1440px){#nav nav>ul>li>a{font-size:inherit}
#nav nav>ul{padding-left:40px}
header #nav #logo{margin-top:80px;width:300px}
#nav{width:100%;padding-left:280px}
}
@media (max-width:1075px){header #nav #logo{position:static;top:auto;margin-top:0}
#nav,#nav nav>ul{padding-left:0;margin:0 auto;width:auto;float:none;text-align:center}
#contact{position:absolute;right:0}
}
@media (max-width:900px){#body,main #intro{padding-left:20px;padding-right:20px}
#site-by-firehorse-creative{position:static;padding-top:20px}
}
@media (max-width:768px){
	#contact,.col2{width:100%;float:none}
#mobile-nav{display:block}
header #nav #logo{margin:0 auto}
#contact{position:relative;font-size:16px;text-align:center;padding:0 0 10px}
#contact>div{padding:0 30px}
#contact .login{width:100%;display:block;margin-bottom:10px}
#nav nav>ul{position:absolute;width:100%;left:0;display:none}
#nav nav>ul li{display:block;text-align:left;border-top:1px solid #fff}
#nav nav>ul>li ul{position:relative}
#side-nav{display:none}
.col2{padding-right:0;padding-bottom:20px}
}
.TopImage p {margin: 0; padding: 0;}
.TopImage p img {vertical-align: bottom;}

#default input,textarea,select {
	border-radius: 5px;
	margin: 5px 0px;
	border: 1px solid #d3d3d3;
	padding:8px;
	font-weight:300;
	color:#000;
	background-color:#e8e8e8;
	width: 100%;
}
#default input[type="radio"],
#default input[type="submit"] {
	max-width: 150px;
}
.clearIt:after {
  content: "";
  display: table;
  clear: both;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.clear:after {
	content:'';
	display:block;
	clear:both;
}
.mobile {
	display: none;
}
.nomobile {
	display: block;
}

/* ERRORS & ALERTS */
	.Alert {
		background-color: #F7D3A5;
	}
	.alert {
		background-color: #F7D3A5;
		padding: 20px;
	}

	.alert.bad {
		color: red;
		font-weight: bold;
	}

	.alert.good {
		color: green;
		font-weight: bold;
	}

	div.Errors,
	.BadNews {
		border: 1px solid red;
		height: auto;
		background: #EFE0E0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 10px;
		margin-bottom: 10px;
	} 

	.BadNews {
		color: red;
	}
	.GoodNews {
		color: green;
	}

	.GoodNews {
		padding: 10px;
		border: 1px solid green;
		height: auto;
		background: #E2EFE0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin-bottom: 10px;
	}
/* ^ ERRORS & ALERTS */


/* CONTENT */
	main {
	}
	#main {
		position: relative;
		z-index:2;
		padding-top:0px;
		padding-bottom:0px;
		background: #f3f3e3;
	}
	#main:after {
		content:'';
		display: block;
		clear:both;
	}
	h1 {
		font-size:44px;
		margin-bottom:15px;
		font-weight: bold;
	}
	h2 {
		font-size:34px;
		margin-bottom:15px;
		font-weight: bold;
	}
	h3 {
		font-size:24px;
		margin-bottom:15px;
		font-weight: bold;
	}
	p {
	  margin-bottom:15px;
	}
	a {
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
		text-decoration:none;
	}
	a:hover {
		text-decoration: underline;
	}
	a.button {
	  background-color: #5ab0c3;
	  color: #fff;
	  padding: 15px 40px;
	  font-weight: 700;
	  display: inline-block;
	}
	a.button:hover {
	  background-color: #2b7181;
	}
	#tinymce ol, 
	#tinymce ul, 
	main ol, 
	main ul {
		list-style-position: outside;
		margin-left: 25px;
	}	
	#tinymce ol li, 
	#tinymce ul li, 
	main ol li, 
	main ul li {
		margin-bottom: 10px;
	}	
	hr {
		border-bottom: 1px solid #000;
	}
	.left {
		float:left;
		width:80%;
		padding-right:50px;
	}
	.right {
		float:left;
		width:20%;
	}
	.hidden {
		display: none;
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
/* ^ CONTENT */
/* BLOCKS */
	.block {}
	.block:after {
		content:'';
		display: block;
		clear:both;
	}
	.block .left {
		width: 60%;
		margin-right: 5%;
		padding: 0;
	}
	.block .right {
		width: 35%;
		margin: 0;
		padding: 0;
	}
	.block .singlecolumn {}
	.block .singlecolumn.withbg {
		padding: 40px 0;
		color: #fff;
	}
	.block .singlecolumn.withbg h2 {
		color: #fff;
	}
	.block .doublecolumn {}
	.block .doublecolumn.wideright .left {
		width: 25%;
		margin-right: 5%;
		padding: 0;
	}
	.block .doublecolumn.wideright .right {
		width: 70%;
		margin: 0;
		padding: 0;
	}
	.block .doublecolumn.wideleft .left {
		width: 70%;
		margin-right: 5%;
		padding: 0;
	}
	.block .ColorBox.wideleft .left {
		width: 75%;
		margin-right: 5%;
		padding: 0;
	}
	.block .doublecolumn.wideleft .right {
		width: 25%;
		margin: 0;
		padding: 0;
	}
	.block .ColorBox.wideleft .right {
		width: 20%;
		margin: 0;
		padding: 0;
	}
	.block .doublecolumn.equal .left {
		width: 48%;
		margin: 0 2% 0 0;
		padding: 0;
	}
	.block .doublecolumn.equal .right {
		width: 48%;
		margin: 0 0 0 2%;
		padding: 0;
	}
	.block .doublecolumn.equal.withbg .right {
		padding-left: 25px;
	}
	.block.small-bottom-padding {
		padding-bottom: 20px;
	}
	.block.large-bottom-padding {
		padding-bottom: 40px;
	}
	.small-top-padding,
	.block.small-top-padding {
		padding-top: 20px;
	}
	.block.large-top-padding {
		padding-top: 40px;
	}
	.block .doublecolumn.withbg {
		background-size: cover;
		background-repeat: no-repeat;
		padding: 20px 0;
	}
	.block .doublecolumn.white-text * { 
		color:#fff;
	}
	.withbg.Blue {
		background: #b4c3e1;
	}
	.withbg.Green {
		background: #344042;
	}
	.withbg.Brown {
		background: #e3ded2;
	}
	.withbg.Gray {
		background: #d2dadb;
	}
	/* TRIPLE */
		.TripleColumn .container {
			/* display: table;*/
		}
		.TripleColumn .right,
		.TripleColumn .center,
		.TripleColumn .left {
			width: 31%;
			float: left;
			text-align: center;
			margin: 0;
			vertical-align: top;
		}
		.TripleColumn .right p,
		.TripleColumn .center p,
		.TripleColumn .left p {
			margin-bottom: 0px;
		}
		.TripleColumn .center {
			margin: 0 3%;
		}
		.TripleColumn.double .left {
			margin: 0 3% 0 17%;
		}
		.TripleColumn.double .right {
			margin: 0 18% 0 0%;
		}
		.TripleColumn .Blue,
		.TripleColumn .Gray,
		.TripleColumn .Brown,
		.TripleColumn .Green {
			margin-left: 20px;
			border-bottom-left-radius: 40px;
			border-bottom-right-radius: 40px;
			border-top-right-radius: 40px;
		}
		.TripleColumn .Blue div,
		.TripleColumn .Gray div,
		.TripleColumn .Brown div,
		.TripleColumn .Green div {
			padding: 30px;
		}
		.TripleColumn div img,
		.TripleColumn div img,
		.TripleColumn div img,
		.TripleColumn div img {
			display: block;
			margin: 0 auto;
		}
		.TripleColumn .Green div {
			color: #668110;
		}
	/* ^ TRIPLE */
	/* GALLERY */
		.gallery-slider {
			position: relative;
			padding: 0px;
			margin: 0 auto;
		}
		.gallery-slider #gallerys-frame {
			position: relative;
			overflow: hidden;
		}
		.gallery-slider #gallerys-frame-slider {
			position: absolute;
			width: 100%;
		}
		.gallery-slider .scroll-left {
			position: absolute;
			left: -50px;
			top: 40%;
			cursor: pointer;
			z-index: 99;
		}
		.gallery-slider .scroll-right {
			position: absolute;
			right: -50px;
			top: 40%;
			cursor: pointer;
			z-index: 99;
		}
		.gallery-slider .gallery {
			padding: 0px;
			position: absolute;
			width: 100%;
			max-width: 1000px;
			min-width: 600px;
			text-align: center;
			overflow: hidden;
		}
		.gallery-slider .gallery img {
			width: 100%;
		}
		.gallery-slider #gallery-frame {
			position: relative;
			overflow: hidden;
			padding: 0px;
			max-width: 1000px;
			margin: 0 auto;
		}
	/* ^ GALLERY */
/* ^ BLOCKS */
/* FORMS */
	input[type="password"], 
	input[type="text"], 
	textarea, select {
		-webkit-appearance: none;
		border-radius: 0;
		font-family:inherit;
		font-size:inherit;
		font-weight:inherit;
		background-color:#f3f3f3;
		border:0px;
		padding:10px;
		width:100%;
		margin-bottom:15px;
	}
/* ^ FORMS */

/* FOOTER */
	#scroll-up {
		position:fixed;
		opacity:.5;
		z-index:99999999999;
		right:20px;
		bottom:30px;
		width:30px;
		height:30px;
		border-radius:50%;
		text-align:center;
		cursor:pointer;
		color:#fff;
		background-color:#000;
		display:none;
		font-size:30px;
		font-family:verdana, sans-serrif;
	}
	#scroll-up:hover {
		opacity:1;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer .siteby {
		padding: 20px;
	}
/* ^ FOOTER */
/* MOBILE */
#mobile-nav {
	display:none;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	padding:7px 10px;
	height:37px;
	width:100px;
	font-family:Arial;
	margin:0px auto;
}
#mobile-nav > div {
	width:25px;
	float:right;
}
#mobile-nav div.bar {
	height:3px;
	background-color:#fff;
	margin:3px 0px;
}
#mobile-nav span{
	float:right;
	display:block;
	padding:0px 5px;
	font-size:14px;
	line-height:22px;
}
.map-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.map-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

@media (max-width:1100px) {
	header {
		position: relative;
	}
	header .container {
		padding: 0px;
	}
	#navig {
		background: #3a494c;
	}
	#header {
		padding:0px;
	}
	#header #left #logo {
		position: relative;
		width: 100%;
		text-align: center;
		padding: 20px 0;
	}
	header nav.mainmenu {
		width:100%;
		float:none;
		margin-top: 10px;
		clear:both;
		cursor: pointer;
	}
	#mobile-nav {
		display:block;
	}
	#footer #mobile-nav {
		display: none;
	}
	header .nav > ul {
		display:none;
		position:absolute;
		background-color:#fff;
		padding-left:0px;
		width:100%;
	}
	header .nav ul li {
		display:block;
		border-top:1px solid #ccc;
		text-align:left;
		width: 100%;
		text-align: center;
	}
	header .nav > ul > li > a {
		padding:10px 20px;
		margin:0px;
		color: #000;
		font-size: 20px;
	}
	header .nav > ul > li ul {
		position:relative;
	}
	header .nav > ul > li:hover {
		background-color: #0766b8;
	}
	header .nav > ul > li:hover > a {
		color: #fff;
		border:0px;
	}
	#header #right #top {
		text-align: center;
	}
	.block.small-bottom-padding {
		padding-bottom: 10px;
	}
	.block.large-bottom-padding {
		padding-bottom: 20px;
	}
	.block .ColorBox .left,
	.block .ColorBox .right,
	.block .ColorBox.wideleft .left,
	.block .ColorBox.wideleft .right,
	.block .doublecolumn.wideleft .left,
	.block .doublecolumn.wideleft .right,
	.block .doublecolumn .left,
	.block .doublecolumn .right,
	.block .doublecolumn.equal .left,
	.block .doublecolumn.equal .right,
	.block .doublecolumn.wideright .left,
	.block .doublecolumn.wideright .right,
	.TripleColumn .left,
	.TripleColumn .right,
	.TripleColumn .center,
	.TripleColumn.double .left,
	.TripleColumn.double .right,
	#header .left,
	#header .right,
	#footer .left,
	#footer .right,
	.left,
	.right {
		width:100%;
		margin: 10px 0;
		padding: 0;
	}
	.TripleColumn .right, .TripleColumn .center, .TripleColumn .left {
		display: block;
	}
	h2 {
		font-size: 28px;
	}
	footer {
		text-align: center;
	}
	#footer .left,
	#footer .right {
		margin: 0;
		text-align: center;
	}
	#footer .right {
		padding-top: 30px;
	}
	#footer .table {
		padding: 0px;
		margin: 0px;
	}
	footer span {
		display: block;
		width: 100%;
		margin: 5px 0;
		text-align: center;
	}
	footer span.no-mobile {
		display: none;
	}
}
@media (max-width:800px) {
	h1 {
		font-size: 30px;
	}
	.mobile {display: block;}
	.no-mobile {display: none;}
}