*{
	padding: 0;
	margin: 0;
}

body{
	width: 100%;
	
	margin: 0 auto;
	line-height: 1.33em;
	background: #efe6e9;
	color: #534;
	font-family: 'Titillium Web', sans-serif;
}

#wrapper{
	width: 80%;
	margin: 20px auto;
	max-width: 1080px;
}

#banner{
	background: #fff;
}

.logos{
	width: 33%;
	display: inline-block;
	text-align: right;
}

#banner .logos img{
	margin-left: 1.5%;
	margin-bottom: 1%;
	max-width: 100%;
}

.logos2{
	width: 33%;
	display: inline-block;
	text-align: right;
}

#banner .logos2 img{
	padding-bottom: 3.75%;
	margin-right: 1.5%;
	max-width: 100%;
}

.logos1{
	width: 33%;
	display: inline-block;
	text-align: left;
}

#banner .logos1 img{
	margin-left: 1%;
	margin-top: 2%;
	max-width: 100%;
}

.mobile-nav{
	display: none;
}

nav{
	height: 3em;
	line-height: 3em;
}

nav ul{
	list-style-type: none !important;
	text-align: center;
	width: 100%;
}

nav ul li{
	/*display: inline-block;*/
	width: 20%;
	float: left;

}

nav ul li a.focus{
	border-bottom: 5px solid #534;
	line-height: 1.25em;
}

nav ul li a{
	letter-spacing: 2px;
	color: #534;
	text-decoration: none;
	display: inline-block;
}

nav>ul>li>a{
	font-family: 'montserratbold';
	font-size: 1.35em;
	font-weight: bold;
}

nav>ul>li>a:hover{
	text-decoration: none;
	border-bottom: 5px solid #534;
	line-height: 1.25em;
	/*margin-bottom: -5px;*/
}

/*nav ul li a:hover{
	text-decoration: underline !important;
	-moz-text-decoration-color: #534; 
    text-decoration-color: #534;
}*/

#main-section{
	width: 100%;
	display: inline-block;
}

section{
	width: 76%;
	background: #fff;
	display: inline-block;
	margin-right: 1.75%;
}

#slider{
	margin: 1% 1% 2%;
}

#slider img{
	max-width: 100%;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  max-height: 550px;
  border: 0;
  }

section h3{
	margin-left: 2%;
}

section p{
	margin: 1.5% 2%;	
}

.subsequent{
	padding-top: 5px;
}

aside{
	/*margin-left: 10px;*/
	padding: 1%;
	width: 19.75%;
	font-size: .95em;
	background: #fff;
	vertical-align: top;
	display: inline-block;
}



aside ul{
	list-style: none;
	padding: 2% 0;
	line-height: 120%;
}

#contact-img{
	width: 100%;
	margin-top: 10px;
}

#contact-img img{ 
	max-width: 100%;
}

#contact-img h4{
	font-size: 1.15em;
	margin-top: 1.5%;
	font-weight: 400;
}

#contact{
	width: 100%;
}

aside #contact a{
	margin-top: 10%;
	padding: 20px 0;
	width: 100%;
	color: #fff;
	background: #534;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	display: inline-block;
	font-family: 'Montserrat';
}

aside #contact a:hover{
	background: #3A0E25;

}

#services{
	background: #fff;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#services-left{
	margin-left: 1%;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	width:49%;
	display: inline-block;
}

#services-right{
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	width: 49%;
	/*height: 280px;*/
	display: inline-block;
}

.left-image, .right-image{
	width: 45%;
	/*height: 94.2%;*/
	margin-left: 1%;
	background: #fff;
	display: inline-block;
	border: 8px solid #efe6e9;
}

.left-image img, .right-image img{
	max-width: 100%;
	border-bottom: 8px solid #534;
}

.left-image p, .right-image p{
	line-height: 1.05em;
	padding: 1% 2% 3% 2.5%;
	font-size: 95%;
}

.left-image h4, .right-image h4{
	padding-top: 1%;
	padding-left: 2%;
}

footer{
	background: #fff;
	height: 3em;
	margin-top: 20px;
	width: 100%;
}

footer p{
	display: inline-block;
	padding: 1.2% 2%;
	width: 35%;
}

footer ul{
	display: inline-block;
	width: 60%;
	text-align: right;
}

footer ul li{
	display: inline-block;
	padding-right: 2%;
}

footer ul li a{
	text-decoration: none;
	color: #534;
}

footer ul li a:hover{
	color: #3A0E25;
	font-weight: bold;
}

/*/////////RATES PAGE////////*/

#rates{
	width: 100%;
	padding: 2% 0 .35% 0;
}

#rates h2,#downloads h2{
	padding: 0 1.5% 1.5%;
}

#rates ul{
	padding: 0 1.5% 1% 1.5%;
	list-style-type: none;
}

#rates ul li{
	padding-bottom: .50%;
}

#rates h3{
	margin: 0;
	padding: 0 1.5% 1%;
	font-size: 1.35em;
}

#rates p{
	margin: 0;
	padding: 0 1.5% 1%;
}

#subject{
	vertical-align: bottom;
	display: inline-block;
	/*padding: .5% 1% 0;*/
	width: 100%;
}

#subject p{
	font-size: .95em;
}

#resources{
	width: 100%;
	padding: 2% 0 1%;
	margin-top: 2%;
}

#downloads p{
	margin:0 1.5%;
	padding:0;
}

.btn {
  margin: 1% 0 1% 1.5%;
  font-family: 'Montserrat';
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  background: #534;
  padding: 15px 30px 15px 30px;
  text-decoration: none;
}

.btn:hover {
  background: #3A0E25;
  text-decoration: none;
}

/*////////ABOUT PAGE///////////////*/

#about{
	width: 100%;
	background: #fff;
}

#about h2{
	margin: 10px;
}

#about ul{
	padding: 0 5px 5px 5px;
}

#profile-img{
	float: left;
	margin:10px 15px 10px 10px;
	border: 8px solid #efe6e9;
}

#profile-img img{
	max-height: 300px;
	max-width: 100%;
	border-bottom: 8px solid #534;
}

#profile-img ul{
	list-style: none;
	margin-left: 10px;
	line-height: 1.3em;
	font-size: .9em;
}

#about-content{
	padding-top: 10px;
}

#about-content img{
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	margin-bottom: 1%;
	max-width: 100%;
}

/*////////SERVICES////////////*/

#services-page{
	width: 100%;
	background: #efe6e9;
}

.groups{
	width: 100%;
	min-height: 190px;
	margin-bottom: 15px;
	background: #fff;
}

.groups-img{
	padding: 1%;
}

.groups-img img{
	float: left;
	margin-right: 1.5%;
	border: 8px solid #efe6e9;
	width: 150px;
	height: 150px;
}

.groups .services-content p{
	margin: 0;
	line-height: 1.5em;
	padding: 0 1.5% 1.5%;
}

.services-content h3{
	margin: 0;
	padding-left: 1.5%;
	padding-bottom: 15px;
}

#services-footer{
	margin-top: 5px;
}


/*///////CONTACT//////////////*/

#contact{
	width: 100%;
}

#contact-form{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

#contact-form h2{
	margin: 2.5% 0 1% 2%;
	padding: 1.5% 0;
}

label, .fields {
    display:block;
    letter-spacing:2px;
}

.fields{
	margin-top:20px;
}

form {
    margin:0 auto;
    width: 95%;
}

/* Style the text boxes */
input, textarea {
    width:95%;
    height:27px;
    background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin: 3px auto 0;
    color:#3a3a3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

input:focus, textarea:focus {
    border:1px solid #97d6eb;
}

#submit {
	width: 99%;
    background: #534;
    color: white;
    font-size: 1.5em;
    border:none;
    margin-top:20px;
    padding: 20px 60px 50px;
    cursor:pointer;
    margin-bottom: 20px;
}

	#submit:hover {
	    background: #3A0E25;
	}

#directions{
	display: inline-block;
	width: 47%;
	
}

#directions #map h2{
	margin-left: 5.5%;
}

#directions #map #google-maps {
		margin: 2% 0 0 6%;
        position: relative;
        padding-bottom: 85%; 
        height: 0;
        overflow: hidden;
    }
 
#directions #map #google-maps iframe {
        position: absolute;
        top: 12px;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        margin: 3% auto 0;
    }


#directions #map{
	width: 100%;
	margin: 2% auto 3%;
	padding: 1.5% 0;
}


/*////////FONTS///////////////*/

h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.75em;
}

h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
}

h4{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.35em;
}

nav ul li a, nav ul li a:hover{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
}

/*p{
	font-family: 'titillium';
}

li{
	font-family: 'titillium';
}
*/