body {background: #486796;}
.backstop {background:rgba(255, 255, 255, 0.6); color: #222222; border-radius: 8px; box-shadow: 2px 2px 5px 2px rgba(183, 180, 180, 0.7); padding-bottom: 1.5em;
}

	a:link {color: #ffffff}
	a:visited {color: #ffffff}
	a:hover {color: rgba(255, 255, 255, 0.5)}
	a:active {color: #ffffff}
	
 
#btnbar {/*font-family: 'Open Sans', sans-serif; font-weight: 300; */ text-transform: uppercase; text-align: right; color: rgba(246,246,250,.7);}
#hover1, #hover2, #hover3 li {font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; z-index: 1000;}

#btnbar a:link {color: rgba(247, 247, 247, 0.8); font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: 300; }
#btnbar a:visited {color: rgba(247, 247, 247, 1); }
#btnbar a:hover  {color: rgba(247, 247, 247, 0.5);}
#btnbar a:active {color: rgba(246,246,250,.8);}
#btnbar a.selected {color: rgba(230, 199, 20, 0.91);}

.bordered {border: 1px solid #605c5c}
.capitalized {text-transform: capitalize;}
.gogreen {color: #00ff3d; text-shadow: 1px 1px 1px #5d5c5c;}

.bger{margin-bottom: 1em; float: left;}
div.mediabox {background: rgba(100,99,88,.5);  padding: .4em; font-size: .9em; radius: 5px; text-align: center;}
div.mediabox:hover{background: rgba(100,99,88,.8);padding: .4em ; font-size: .9em; radius: 5px; text-align: center; cursor: pointer;}
div.mediabox a {margin-bottom: 1em; font-family: sans-serif}
h4 {line-height: 1.2em; padding: 0; margin-bottom: .5em; font-family: 'Pathway Gothic One', sans-serif; font-size: 1.8em; text-align: center;color: #f9f9f9;}
h5 {line-height: normal; padding: 0; margin: 0; font-family: arial, sans-serif; font-size: 1.3em; text-align: center;}
.displayer {font-family: 'Open Sans', sans-serif; font-size: 0.5; font-style: italic; margin-bottom: 1em;}
bordered {border: 1px solid white}
.push h1 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; text-transform: uppercase; text-align: left; font-size: 3em; color: rgba(19, 19, 19, 0.9); line-height: 1em;}
.push h2 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; text-align: left; font-size: 1.5em; color: rgba(19, 19, 19, 0.9); line-height: 1em;}
.push p {font-family: 'Khula', sans-serif; font-size: 1.1em; font-weight: 400; color: rgba(19, 19, 19, 0.9);}
.push .sub {font-family: 'Khula', sans-serif; font-size: 1.3em; font-weight: 700; color: rgba(46, 44, 44, 0.71);}
.push {margin-top: 2em; margin-bottom: 3em; }
.attention {font-size: .8em; color: #795353; line-height: normal;}
.photo-caption {font-size: .9em; line-height: normal;}
.breakout {font-family: 'Pathway Gothic One', sans-serif; font-size: 2.5em; color: #401f79}
.question {font-family: 'Pathway Gothic One', sans-serif; font-size: 1.3em; color: #1a1cc2}
.modalbg {background: -webkit-linear-gradient(rgba(255,181,71,0.91) 20.53%, rgba(211,210,228,0.93) 91.19%)}
.linkdiv {padding: 1em; background: rgba(130, 138, 142, 0.81)}

.innernav {background-color: rgba(10, 10, 10, 0.5); float:left; text-align: center; padding: .3em; margin: 3px 6px 3px 0px; font-family: 'Open Sans', sans-serif; font-size: 1.2em;}
.innernav a {padding-right: 1em;}

.secondband {background:rgba(133,134,136,0.6); color: #222222; padding-top: 2em; margin-bottom: 1em;}
.testimonial {padding:	.5em;}
.testimonial p {font-family: 'Coming Soon', cursive; font-size: 1.3em; line-height: 1.5em; color: #333a74;}
.testimonial p em {color: #8aa48e;}
.quotee {font-family: 'Coming Soon', cursive; }
.degrees {
	-webkit-transform: rotate(2deg);
    -o-transform:rotate(2deg); 
	transform: rotate(2deg);
}
.degrees-big {
	-webkit-transform: rotate(359deg);
    -o-transform:rotate(359deg); 
	transform: rotate(359deg);
}
.imagespace {padding-top: 1.2em;}

ul.slist li {font-family: 'Pathway Gothic One', sans-serif; font-size: 1.4em; line-height: 1; padding-bottom: .5em; color: #3e3437; list-style-type: none;}
ul.slist li a:link {color: #4c4564;}
ul.slist li a:visited {color: #4c4564;}
ul.slist li a:hover {color: #9b98a5;}
ul.slist li a:active {color: #4c4564;}
ul.slist-last {padding-bottom: 0em; margin-bottom: 0;}

.capit li {text-transform: capitalize;}

.padthis {margin-top: 1em;}
.padthat {margin-top: 1em;}
.padother {margin-top: 12%;}
.padall {padding: 1em;}
.bordered {-webkit-box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0); box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0);}
.shadowed {box-shadow:1px 1px 2px 1px #222; margin-bottom: 1em}
.shadower {margin-bottom: 1em; text-shadow: 5px 9px 36px rgba(159,59,59,0.54)}
.linkbox {border-left: 1px solid white font-size: .8em; line-height: 1em;}
.linkout div {margin-bottom: .5em;}
.linkout{
opacity:.6;
}

.linkout:hover{
opacity:1;
transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
}


#footer {
	color: #f5f2f2;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin-top: -1em;
	background: rgba(8, 42, 135, 0.4); font-size: .75em; padding: .5em;} 
	
#footer a  {
	text-decoration: none;
}
#footer a:link {
	color: #fbfafa;
	text-decoration: none;
}
#footer a:visited {
	color: #E5E5E5;
	text-decoration: none;
}
#footer a:hover {
	color: #817b7b;
	text-decoration: none;
}
#footer a:active {
	color: #E5E5E5;
	text-decoration: none;
}
.cleartofoot {margin-bottom: 5em;}
.marketing {font-size: 2em; text-align: center; color: #ebe4e4}

/*------------------------------------*\
	GALLERY PAGE
\*------------------------------------*/

/* just for clearing floats */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/** Fullscreen Masonry Control  **/

#content {
	/*width: 980px;*/
	/*width: 95%;*/
	width: auto;
	margin: 0 auto;
}

.item {
	display: block;
	float: left;
	width: 200px;
	margin: 0 20px 20px 0;
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	font-size: .7em;
}

.featured {
	width: 420px;
}

.item img {
	width: 200px;
	height: auto;
}

.featured img {
  width: 420px;
  height: auto;
}

/** End of Masonry Control for fullscreens **/


#footer li {list-style: none; margin-bottom: .5em;}
#footer .hamlabel {margin-bottom: .5em; font-size: 1.2em;}


@media screen and (max-width: 40em) {
								#btnbar {display:none;}
							      .push {margin-top: 2em;}  
								 }