/*===================================================================
Project: Design 36
Version:	1.1
Last change:	09/4/2015 
===================================================================*/

@import "colors.css"; /* Most of the design36 revisions will take place here */


body{
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}
img{
    display: block;
    border: 0;
    max-width: 100%;
}

/*====================================== 
Helper Classes
======================================*/
.tleft{
    text-align: left;
}
.tcenter{
    text-align: center;
}
.tright{
    text-align: right;
}
.mbottom{
	margin-bottom:15px;
}
.left{
    float: left;
}
.right{
    float: right;
}
.center{
    float: none;
    margin: auto;
}
.inline-block{
    display: inline-block;
}
img.right{
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img.left{
    margin-right: 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img.rounded{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.full{
    width: 100%;
}
.half{
    width: 50%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.third{
    width: 33%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.two-thirds{
    width: 66%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.quarter{
    width: 25%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.three-quarters{
    width: 75%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inline-block{
    display: inline-block;
    vertical-align: top;
}
.table{
    display: table;
    height: 100%;
    width: 100%;
}
.table-cell{
    display: table-cell;
    vertical-align: top;
}
address{
    font-size: 1.2em;
	font-style: normal;
}
.clear{
    clear: both;
}
.clearfix:after{
    content: "";
    clear: both;
    display: block;
}
#activity {
	width:200px;
	padding-bottom:15px;
	text-align:center;
	float:left;
}

/*====================================== 
Responsive
======================================*/
.mobile{
    display: none; /* Applying this hides element on everything except "mobile" */
}
/* Responsive iframes/google maps */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/*====================================== 
Structure / Template Specific
======================================*/
.container{
    max-width: 916px;
    margin: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.container:after{
    content: "";
    clear: both;
    display: block;
}
.section{
    padding: 3% 0;
}

/*====================================== 
Left Sidebar
======================================*/
#sidebar{
    max-width: 374px;
    width: 25%;
    height: 100%;
    position: fixed;
    z-index: 50;
    -webkit-box-shadow: -5px 0px 45px #000000;
    -moz-box-shadow: -5px 0px 45px #000000;
    box-shadow: -5px 0px 45px #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Main Navigation */
.main-navigation{
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 33px;
    padding-top: 18px;
}
.main-navigation ul{
    padding-left: 0;
    margin: 0;
}
.main-navigation li{
    display: block;
    vertical-align: top;
}
.main-navigation a{
    display: block;
}
.main-navigation li ul{ /* Dropdown menu UL/wrapper styling */
    display: none;
    width: 230px;
    position: absolute;
    z-index: 999; /* Makes sure the dropdown is always on top */
    padding: 190px 0 0 0;
    top: 0px;
    right: -230px;
    text-align: left;
    white-space: nowrap;
    line-height: 35px;
    background: #df6743;
}
.main-navigation li:hover ul, .main-navigation li:active ul{
    display: block;
}
.main-navigation li li{ /* Dropdown menu item styling */
    display: block;
    margin: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-navigation li li a{ /* Dropdown menu item a styling */
    padding-left: 20px;
    padding-right: 20px;
}

/*====================================== 
Main Content Area
======================================*/
.content-set{
    max-width: 1496px;
    -webkit-box-shadow: -5px 0px 45px #000000;
    -moz-box-shadow: -5px 0px 45px #000000;
    box-shadow: -5px 0px 45px #000000;
}
#content{
    max-width: 1135px;
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*====================================== 
Footer
======================================*/
footer{
    padding: 2% 2% 1% 2%;
    position: relative;
}
footer .box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
footer .box.middle{
    padding-left: 30px;
    padding-right: 20px;
}
footer .box.last{
    padding: 0;
}
footer .box p:first-of-type{
    margin-top: 0;
}
footer .menu{
    margin: 0;
    padding: 0;
}
footer .menu li{
    display: block;
}
footer .container{
    padding: 0;
}
footer .menu li a:hover {text-decoration:underline;}
footer .social{
    padding-top: 0;
    text-align: left;
}
footer .social li{
    padding-right: 15px;
}
footer .social li:last-child{
    padding-right: 0;
}

/*====================================== 
Form
======================================*/
#form .clear {clear:both;}
#form .center {text-align:center;}
#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%;padding: 0;}
#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%;
}
/*====================================== 
3rd Party
======================================*/
.hreview img{
    display:inline-block!important;
}