body{
    background-color: #fff;
    font: 15px/1.4 'Muli',sans-serif;
    color: #434343;
    margin: 0;
    padding: 0;
}
footer .ss-logo{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
/* Typography / Helper Classes */
a{
    color: #029cd8;
}
a:hover{
    color: #434343;
}
a[href^=tel]{
    color: #f63b3b;
}
a img {border:0;}
h1,h2,h3,h4,h5,h6{
    font-weight: 300; /* All headings are a thin font weight */
    margin: 1% 0;
}
h1{
    color: #029cd8; /* Blue */
    font-size: 4.2em;
}
h2{
    color: #f63b3b; /* Red */
    font-size: 3.4em;
}
h3{
    color: #2bb445; /* Green */
    font-size: 2.8em;
}
h4{
    color: #029cd8; /* Blue */
    font-size: 2.2em;
}
h5{
    color: #434343; /* Gray */
    font-size: 1.7em;
}
h6{
    color: #434343; /* Gray */
    font-size: 1.5em;
}
h1.home{
    font-size: 4.2em;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 20px;
    color: #434343;
}
h1.pagetitle{
    margin: 20px 0;
}
footer h2{
    font-size: 1.5em;
}
#activity {
	width:200px;
	padding-bottom:15px;
	text-align:center;
	float:left;
}
img{
    display: block;
}
.logo img{
    display: inline;
	max-width:100%;
}
blockquote{
    margin: 18px 0;
    font-weight: 300;
    line-height: 25px;
    font-size: 1.2em;
}
.tleft{
    text-align: left;
}
.tcenter{
    text-align: center;
}
.tright{
    text-align: right;
}
.left{
    float: left;
}
.right{
    float: right;
}
.full{
    width: 100%;
}
.half{
    width: 50%;
}
.third{
    width: 33%;
}
.two-thirds{
    width: 66%;
}
.quarter{
    width: 25%;
}
.three-quarters{
    width: 75%;
}
.block{
    display:block;
}
.inline-block{
    display: inline-block;
    vertical-align: top;
}
.clear{
    clear: both;
}
.blue{
    color: #26acde;
}
.button{ 
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #f63b3b;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 10px 0;
    text-decoration: none;
    padding: 12px 9px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.button:hover{
    background: #029cd8;
}
.bubble-decorations{
    position: relative;
}
.bubble-decorations:before{
    content: "";
    background: url(../img/bubbles-pre-text.png);
    width: 48px;
    height: 34px;
    display: block;
    left: -15px;
    position: absolute;
    top: -13px;
    z-index: -1;
}
.bubble-decorations:after{
    content: "";
    background: url(../img/bubbles-post-text.png);
    width: 56px;
    height: 46px;
    display: block;
    position: absolute;
    right: -20px;
    bottom: -18px;
    width: 56px;
    z-index: -1;
}

/* Responsive Bits */
/* Check the media query section, to see the other responsive bits, 
that are only applied within said media query */
.mobile{
    display: none; /* Applying this hides element on everything except "mobile" */
}

/* Structure / Template Specific */
.container{
    max-width: 960px;
    margin: auto;
    padding: 0 20px;
}
.logo-holder .container{
    position: relative;
    z-index: 20;
}
.hs-responsive-embed-youtube {
	position:relative;
	padding-bottom:56.25%;/*16:9 Aspect Ratio */
	padding-top:25px;
	height:0;
	text-align:center;
}
.hs-responsive-embed-youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
}

/* Top/Header */
header{
    position: relative;
}
#menu-btn { /* Mobile Menu Toggle */
    display:none;
}
.top-buffer{
    background: #90E13C;
    position: absolute;
    top: 0;
    height: 100px;
    width: 100%;
    z-index: -1;
}
.logo-holder{
    background: url(../img/top-bg-curve-full.png) bottom center repeat-x;
    position: relative;
    min-height: 140px;
}
.nav-holder{
    border-bottom: 5px solid #de2638;
}
.pre-logo{
    font-size: 1.2em;
    line-height: 36px;
    padding-top: 10px;
}
.pre-logo ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pre-logo li{
    display: inline-block;
}
.pre-logo .address li:after{
    content: "|";
    margin-right: 5px;
    padding-left: 5px;
}
.pre-logo .address li:last-child:after{
    content: "";
    margin-right: 0;
    padding-right: 0;
}
.social li{
    margin-left: 5px;
}
.top-bar .social li{
    display: inline-block;
}
.logo{
    font-size: 4em;
    color: #1c140d;
}
.logo a{
    text-decoration: none;
    color: #1c140d;
}
.super-awesome-curve{
    background: url(../img/top-bg-curve.png) center bottom;
    bottom: -26px;
    height: 166px;
    left: 50%;
    margin-left: -478px;
    position: absolute;
    width: 959px;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 41px;
}
nav li{
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    position: relative; /* This is used for dropdown */
}
nav li:last-child{
    margin-right: 0;
}
nav a{
    color: #774ba4;
    text-decoration: none;
    font-size: 1.3em;
    display: block;
}
nav li ul{ /* Dropdown menu UL/wrapper styling */
    display: none;
    position: absolute;
    z-index: 999; /* Makes sure the dropdown is always on top */
    padding: 0;
    top: 41px;
    left: 0;
    text-align: left;
    min-width: 100%;
    white-space: nowrap;
}
nav li:hover ul{
    display: block;
}
nav li li{ /* Dropdown menu item styling */
    display: block;
    margin: 0;
    background: rgba(255, 255, 255, 0.8); 
    width: 100%;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
nav li li a{ /* Dropdown menu item a styling */
    padding-left: 20px;
    padding-right: 20px;
}
nav li li:hover{
    background: #029cd8;
}
nav li li:hover a{
    color: #fff;
}
.purple{
    background: url(../img/grey-bg.jpg) repeat-x;
    border-bottom: 5px solid #c2de26;
    text-align: center;
}
.purple img{
    width: 100%;
    display: block;
    max-width: 1117px; /* This width applies to all pages, except home, see below */
    margin: auto;
}
.home .purple img{
    max-width: none; /* This width applies only to the home header */
    padding: 10px 0;
}
.col{
    width: 33%;
}

/* Main Content Area */
.main-content{
    position: relative;
}
.main-content .col img{
    display: block;
    width: 100%;
    max-width: 360px;
}
img.rounded{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #de8126;
}

img.right {
	margin:0 0 5px 20px;
}

img.left {margin-right:20px;}

.bubbles{
    margin-top: 15px;
    margin-bottom: 15px;
}
.bubbles ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bubbles li{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bubbles li:last-child{
    margin-right: 0;
}
.bubbles li a{
    display: block;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in 0s;
}

.bubbles li a:hover {
    transform: rotate(4deg);
}
.main-content p{
    font-weight: 300;
    line-height: 25px;
}

.cycle-slideshow {
    max-width:1200px;
    margin:0 auto;
}

/* Footer */
footer{
    background: url(../img/dot-horizontal-border.png) repeat-x;
    padding-top: 20px;
    margin-bottom: 20px;
    font-weight: 300;
            font-size:12px;
    font-size:13px;
}
footer a{
    color: #464646;
}
footer a:hover{
    color: #f63b3b;
}
footer:after{
    clear: both;
    content: "";
    display: block;
}
footer .block{
    float: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
}
footer .block:first-child{
    padding-left: 0;
}
footer .block:last-child{
    padding-right: 0;
}
footer .block h2{
    color: #029cd8;
    font-weight: 300;
}
footer ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
footer .social li{
    display: inline-block;
    vertical-align: top;
}

/* Media Queries / Responsive */
@media only screen and (max-width: 480px) {
    .desktop{
        display: none !important; /* Applying this hides element on "mobile" */
    }
    .mobile{
        display: block;
    }
    .half, .third, .two-thirds, .quarter, .three-quarters{
        width: 100%;
    }
    footer .block.first, footer .block.second, footer .block.third, footer .block.fourth{
        width: 100%;
        float: none;
    }
    .left, .right{
        float: none;
    }
    .top-bar .social{
        position: absolute;
        right: 20px;
        top: 17px;
    }
    .top-bar .social ul{
        margin: 0;
        padding: 0;
    }
    .purple{
        position: relative;
        top: -9px;
        z-index: -1;
        padding-top: 7px;
    }
    h1.home{
        font-size: 3.8em;
    }
    .bubbles ul:after{
        display: block;
        content: "";
        clear: both;
    }
    .bubbles li{
        float: left;
        width: 33%;
        margin: 0;
    }
    .bubbles li img{
        display: block;
        width: 100%;
    }
    footer{
        text-align: center;
    }
    /* Mobile Menu */
    #sb-site{
        background: #fff;
    }
    #menu-btn{
        cursor: pointer;
        display: block;
        left: 20px;
        position: absolute;
        top: 21px;
        z-index: 999;
    }
    .sb-menu{
        padding: 0;
    }
    .top-bar{
        background: #f7901e;
        height: 75px;
    }
    .top-bar:after{
        clear: both;
        display: block;
        content: "";
    }
    nav li {
        position: relative;
    }
    nav li ul {
        display: none;
    }
    nav li:hover ul, nav li a:hover + ul {
        display: block;
    }
}
@media only screen and (max-width: 768px) {
    footer .desktop{
        display: none !important; /* Applying this hides element on "mobile/tablet" */
    }
    footer .mobile{
        display: block;
    }
    .half, .third, .two-thirds, .quarter, .three-quarters {
        width: 100%;
    }

    h1{
        font-size: 3.6em;
    }
    h2{
        font-size: 2.4em;
    }
    h3{
        font-size: 2em;
    }
    h4{
        font-size: 1.3em;
    }
    h5{
        font-size: 1.1em;
    }
    h6{
        font-size: 1em;
    }

    blockquote {text-align:center;}
    footer .block.first, footer .block.second, footer .block.third, footer .block.fourth {
        float: none;
        width: 100%;
    }
    .left, .right {
        float: none;
    }
    .main-content img{
        max-width: 100%;
        height: auto;
        margin: auto;
    }
.hs-responsive-embed-youtube iframe {
	width:100%!important;
	height:100%!important;
}
}

@media (max-width: 1100px) {
   .flash {
      display:none;
   }
}
@media (min-width: 1100px) {
   .noflash {
      display:none;
   }
   .flash {
      width:550px;margin:0 auto;
   }
}

#form .clear {clear:both;}
#form .center {text-align:center;}
#form h3 {margin:0 1%;}
#form small {font-style:italic;}
#form hr {width:98%;margin:10px 1% 15px 1%;}

/*GRID */
#form .column {
	float:left;
	margin:0 1%;
}

#form .full {width:98%;margin:0 1%;}
#form .half {width:48%;}
#form .twothird {width:65%;}
#form .onethird {width:31%;}

/*FORM STYLES*/

#form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
	width:96%;
	padding:10px 2%;
}

#form input[type=radio] {
	margin-bottom:5px;
}

#form textarea {
	width:96%;
	resize:none;
	padding:10px 2%;
	font:95%/1.4 'Tahoma',sans-serif;
}

#form select {
	width:101%;
	padding:10px 2%;
}

/*MEDIA QUERIES */

@media (max-width:767px) {
	#form .column {
		float:none;
		margin:0;
	}
	#form .full, #form .half, #form .twothird, #form .onethird {
		width:100%;margin:0;
	}
}