@charset "utf-8";
/* CSS Document */

/*!
  Theme Name: Children's Museum of Alamance County
  Theme URI: http://childrensmuseumofalamance.org
  Description: Stylesheet for Children's Museum
  Author: Children's Museum of Alamance County
  Version: 3.1
*/


/******* Main/Desktop Styles *******/

body#main {
margin: 0px;
padding: 0px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background-color: #ffffff;
}

body#inside {
	margin: 0px;
	padding: 0px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background-color: #f9e896;
	background-image: url(../images/sunflower-back.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

html {
-webkit-font-smoothing:antialiased!important;text-shadow:1px 1px 1px rgba(0,0,0,.004);
text-rendering:optimizeLegibility;
font-smooth: always;
}

img {border: 0px !important;}

.clear {clear: both;}

/* Special Characters */

.right-arrow:after {
content:'\25BA';
padding-left: 5px;
}

.left-arrow:before {
content:'\25BA';
padding-left: 0px;
font-size: 100%;
}

.left-topicons:before {
content:'\2605';
padding-right: 8px;
font-size: 110%;
line-height: 0px;
color: #f6a800;
}

#aboutnav .left-arrow:before {
content:'\25BA';
padding-right: 4px;
font-size: 90%;
color: #0d74b6;
}

#aboutnav .bottom-arrow:before {
content:'\25BC';
padding-right: 4px;
font-size: 90%;
color: #0d74b6;
}

#membershipnav .left-arrow:before {
content:'\25BA';
padding-right: 4px;
font-size: 90%;
color: #a37400;
}

#membershipnav .bottom-arrow:before {
content:'\25BC';
padding-right: 4px;
font-size: 90%;
color: #a37400;
}

#visitnav .left-arrow:before {
content:'\25BA';
padding-right: 4px;
font-size: 90%;
color: #ab192d;
}

.left-topicons:before {
content:'\2605';
padding-right: 8px;
font-size: 110%;
line-height: 0px;
color: #f6a800;
}

/* Global Containers */

.OuterContainer {
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
z-index: 100;
position: absolute;
background-image:url(../images/cmac-curve-back.png);
background-position: center top;
background-repeat: no-repeat;

}

.InnerContainer {
margin-left: auto;
margin-right: auto;
height: auto;
width: 1000px;
}

/* Global Containers: HTML5 Markup */

header {
width: 100%;
height: auto;
text-align: right;
padding-top: 10px;
	}
	
header a {
font-family: 'Comfortaa', cursive;
font-weight: 700;	
color: #ffffff;
text-decoration: none;
text-shadow: 0px 2px 2px #001c71;
	}

/* Global Containers: HTML5 Markup: Navigation */		

nav {
height: auto;
width: 270px; 
margin-top: -34px;
text-align: center;
}
	
nav .logo {
padding-top: 0px;
	}	

nav .buttons {
margin-top: -12px;
margin-left: 0px;
margin-right: 0;
margin-bottom: 0;
padding: 0px;
	}
	
nav .buttons ul {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
	}

nav .buttons li {
list-style: none;
padding-top: 5px;
padding-bottom: 5px;
	}
	
/* Global Containers: HTML5 Markup: Navigation: Visitor Button */		
	
nav .buttons ul li.visitor a {
width: 225px;
background: #ab192d;
color: #ffffff;
font-size: 22px;
text-decoration: none;
font-family: 'Comfortaa', cursive;
font-weight: 700;
text-decoration: none;
text-shadow: 0px 2px 2px #6e0e0c;
position: relative;
top: 0;
bottom: -5px;
margin-bottom: 0px;
-moz-box-shadow: 0 -15px 5px #ab192d inset;
-webkit-box-shadow: 0 -15px 5px #ab192d inset;
box-shadow: 0 -15px 5px #ab192d inset;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
	}
	
nav .buttons ul li.visitor a, nav .buttons ul li.visitor a:after {
display: inline-block;
padding: 10px 15px;
-moz-border-radius: 8px/15px;
-webkit-border-radius: 8px/15px;
 border-radius: 8px/15px;
 outline: none;
	}		
	
nav .buttons ul li.visitor a:after {
content: "";
position: absolute;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 3px;
z-index: -1;
bottom: inherit;
left: 0;
width: 100%;
height: 100%;
background: #6e0e0c;
}	
	
nav .buttons ul li.visitor a:hover {
-moz-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
-webkit-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
background: #bc3835;
	}
	
nav .buttons ul li.visitor a:active {
top: 5px; 
bottom: 0;
-moz-box-shadow: 0 -20px 5px #ab192d inset, 1px 1px 2px #eee;
-webkit-box-shadow: 0 -20px 5px #ab192d inset, 1px 1px 2px #eee;
box-shadow: 0 -20px 5px #ab192d inset, 1px 1px 2px #eee;
	}			
	
/* Global Containers: HTML5 Markup: Navigation: Programs and Events Button */	
	
nav .buttons ul li.programs a {
width: 225px;	
background: #92e238;
color: #ffffff;
font-size: 22px;
text-decoration: none;
font-family: 'Comfortaa', cursive;
font-weight: 700;
text-decoration: none;
text-shadow: 0px 2px 2px #497629;
position: relative;
top: 0;
bottom: -5px;
margin-bottom: 0px;
-moz-box-shadow: 0 -15px 5px #92e238 inset;
-webkit-box-shadow: 0 -15px 5px #92e238 inset;
box-shadow: 0 -15px 5px #92e238 inset;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	}
	
nav .buttons ul li.programs a, nav .buttons ul li.programs a:after {
display: inline-block;
padding: 10px 15px;
-moz-border-radius: 8px/15px;
-webkit-border-radius: 8px/15px;
border-radius: 8px/15px;
outline: none;
	}		
	
nav .buttons ul li.programs a:after {
content: "";
position: absolute;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 3px;
z-index: -1;
bottom: inherit;
left: 0;
width: 100%;
height: 100%;
background: #497629;
}	
	
nav .buttons ul li.programs a:hover {
-moz-box-shadow: 0 25px 5px rgba(204, 233, 129, 0.7) inset;
-webkit-box-shadow: 0 25px 5px rgba(204, 233, 129, 0.7) inset;
box-shadow: 0 25px 5px rgba(204, 233, 129, 0.7) inset;
background: #cce981;
	}
	
nav .buttons ul li.programs a:active {
top: 5px; 
bottom: 0;
-moz-box-shadow: 0 -20px 5px #92e238 inset, 1px 1px 2px #eee;
-webkit-box-shadow: 0 -20px 5px #92e238 inset, 1px 1px 2px #eee;
box-shadow: 0 -20px 5px #92e238 inset, 1px 1px 2px #eee;
	}

/* Global Containers: HTML5 Markup: Navigation: Hands-On Exhibits Button */	
	
nav .buttons ul li.handson a {
width: 225px;	
background: #923a80;
color: #ffffff;
font-size: 22px;
text-decoration: none;
font-family: 'Comfortaa', cursive;
font-weight: 700;
text-decoration: none;
text-shadow: 0px 2px 2px #5e3654;
position: relative;
top: 0;
bottom: -5px;
margin-bottom: 0px;
-moz-box-shadow: 0 -15px 5px #923a80 inset;
-webkit-box-shadow: 0 -15px 5px #923a80 inset;
box-shadow: 0 -15px 5px #923a80 inset;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	}
	
nav .buttons ul li.handson a, nav .buttons ul li.handson a:after {
display: inline-block;
padding: 10px 15px;
-moz-border-radius: 8px/15px;
-webkit-border-radius: 8px/15px;
border-radius: 8px/15px;
outline: none;
	}		
	
nav .buttons ul li.handson a:after {
content: "";
position: absolute;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 3px;
z-index: -1;
bottom: inherit;
left: 0;
width: 100%;
height: 100%;
background: #5e3654;
 
	}	
	
nav .buttons ul li.handson a:hover {
-moz-box-shadow: 0 25px 5px rgba(175, 91, 157, 0.7) inset;
-webkit-box-shadow: 0 25px 5px rgba(175, 91, 157, 0.7) inset;
box-shadow: 0 25px 5px rgba(175, 91, 157, 0.7) inset;
background: #af5b9d;
	}
	
nav .buttons ul li.handson a:active {
top: 5px; 
bottom: 0;
-moz-box-shadow: 0 -20px 5px #923a80 inset, 1px 1px 2px #eee;
-webkit-box-shadow: 0 -20px 5px #923a80 inset, 1px 1px 2px #eee;
box-shadow: 0 -20px 5px #923a80 inset, 1px 1px 2px #eee;
	}

/* Global Containers: HTML5 Markup: Navigation: Membership Button */	
	
nav .buttons ul li.membership a {
width: 225px;	
background: #f6a800;
color: #ffffff;
font-size: 22px;
text-decoration: none;
font-family: 'Comfortaa', cursive;
font-weight: 700;
text-decoration: none;
text-shadow: 0px 2px 2px #a37400;
position: relative;
top: 0;
bottom: -5px;
margin-bottom: 0px;
-moz-box-shadow: 0 -15px 5px #f6a800 inset;
-webkit-box-shadow: 0 -15px 5px #f6a800 inset;
box-shadow: 0 -15px 5px #f6a800 inset;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	}
	
nav .buttons ul li.membership a, nav .buttons ul li.membership a:after {
display: inline-block;
padding: 10px 15px;
-moz-border-radius: 8px/15px;
-webkit-border-radius: 8px/15px;
border-radius: 8px/15px;
outline: none;
	}		
	
nav .buttons ul li.membership a:after {
content: "";
position: absolute;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 3px;
z-index: -1;
bottom: inherit;
left: 0;
width: 100%;
height: 100%;
background: #a37400;
}	
	
nav .buttons ul li.membership a:hover {
 -moz-box-shadow: 0 25px 5px rgba(247, 213, 78, 0.7) inset;
-webkit-box-shadow: 0 25px 5px rgba(247, 213, 78, 0.7) inset;
box-shadow: 0 25px 5px rgba(247, 213, 78, 0.7) inset;
background: #f7d54e;
	}
	
nav .buttons ul li.membership a:active {
top: 5px; 
bottom: 0;
-moz-box-shadow: 0 -20px 5px #f6a800 inset, 1px 1px 2px #eee;
-webkit-box-shadow: 0 -20px 5px #f6a800 inset, 1px 1px 2px #eee;
box-shadow: 0 -20px 5px #f6a800 inset, 1px 1px 2px #eee;
	}

/* Global Containers: HTML5 Markup: Navigation: Support Us Button */	
	
nav .buttons ul li.support a {
width: 225px;	
background: #0d74b6;
color: #ffffff;
font-size: 22px;
text-decoration: none;
font-family: 'Comfortaa', cursive;
font-weight: 700;
text-decoration: none;
text-shadow: 0px 2px 2px #001c71;
position: relative;
top: 0;
bottom: -5px;
margin-bottom: 0px;
-moz-box-shadow: 0 -15px 5px #0d74b6 inset;
-webkit-box-shadow: 0 -15px 5px #0d74b6 inset;
box-shadow: 0 -15px 5px #0d74b6 inset;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	}
	
nav .buttons ul li.support a, nav .buttons ul li.support a:after {
display: inline-block;
padding: 10px 15px;
-moz-border-radius: 8px/15px;
-webkit-border-radius: 8px/15px;
border-radius: 8px/15px;
outline: none;
	}		
	
nav .buttons ul li.support a:after {
content: "";
position: absolute;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 3px;
z-index: -1;
bottom: inherit;
left: 0;
width: 100%;
height: 100%;
background: #001c71;
 
	}	
	
nav .buttons ul li.support a:hover {
-moz-box-shadow: 0 25px 5px rgba(122, 164, 221, 0.7) inset;
-webkit-box-shadow: 0 25px 5px rgba(122, 164, 221, 0.7) inset;
box-shadow: 0 25px 5px rgba(122, 164, 221, 0.7) inset;
background: #7aa4dd;
	}
	
nav .buttons ul li.support a:active {
top: 5px; 
bottom: 0;
-moz-box-shadow: 0 -20px 5px #0d74b6 inset, 1px 1px 2px #eee;
-webkit-box-shadow: 0 -20px 5px #0d74b6 inset, 1px 1px 2px #eee;
box-shadow: 0 -20px 5px #0d74b6 inset, 1px 1px 2px #eee;
	}

section {
	width: 100%;
	height: 325px;
	border-bottom: 2px solid #f37320;
	}
	
section.about {
	background-image: url(../images/about-main-bg.jpg);
	background-size: cover;
	background-position: center -5px;
	}
	
section.visitor {
	background-image: url(../images/visitor-main-bg.jpg);
	background-size: cover;
	background-position: center -75px;
	}	
	
section.events {
	background-image: url(../images/events-main-bg.jpg);
	background-size: cover;
	background-position: center -55px;
	}
	
section.handson {
	background-image: url(../images/handson-main-bg.jpg);
	background-size: cover;
	background-position: center -155px;
	}
	
section.membership {
	background-image: url(../images/membership-main-bg.jpg);
	background-size: cover;
	background-position: center -350px;
	}			

section.donate {
	background-image: url(../images/donate-main-bg.jpg);
	background-size: cover;
	background-position: center -450px;
	}	
	
section.contact {
	background-image: url(../images/contact-main-bg.jpg);
	background-size: cover;
	background-position: center -200px;
	}
	
section.rentals {
	background-image: url(../images/parties-main-bg.jpg);
	background-size: cover;
	background-position: center -215px;
	}
	
section.volunteer {
	background-image: url(../images/volunteer-main-bg.jpg);
	background-size: cover;
	background-position: center -200px;
	}
	
section.join {
	background-image: url(../images/join-main-bg.jpg);
	background-size: cover;
	background-position: center -375px;
	}	
	
section.support {
	background-image: url(../images/support-main-bg.jpg);
	background-size: cover;
	background-position: center -175px;
	}
	
section.employees {
	background-image: url(../images/employees-main-bg.jpg);
	background-size: cover;
	background-position: center -415px;
	}						

article {
width: 690px;
height: auto;
background-color: #ffffff;
margin-top: 15px;
float: right;
margin-top: -55px;
box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 1000;
position: relative;
	}

aside {
width: 200px;
float: left;
margin-left: 20px;
margin-bottom: 25px;
	}
	
aside p {
	font-family: "Merriweather Sans", sans-serif;
font-size: 14px;
line-height: 18px;
margin-right: 15px;
margin-top: 0px;
	}
	
aside img {margin-top: 5px;}		
	
aside h3 {
	font-family: 'Comfortaa', cursive;
font-weight: 700;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	}
	
aside ul {
	font-family: "Merriweather Sans", sans-serif;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	list-style-type: none;
	}		

aside ul li {
	line-height: 24px;
	}	
	
aside ul #donateList {margin-left: 30px !important; margin-top: 0px; list-style-type: none;}		
	
aside h3.aboutTitle {color: #0d74b6;}	

aside h3.visitTitle {color: #ab192d;}

aside h3.eventsTitle {color: #92e238;}

aside h3.exhibitTitle {color: #923a80;}

aside h3.membershipTitle {color: #a37400;}

#main footer {
position: relative;
bottom:0;
width: 100%;
height: 400px;
background-image:url(../images/cmofac-back2.png);
border: none;
background-position: 0% -50px;
margin-top: -395px;
padding-bottom: 15px;
z-index: 5000;
	
	}

#inside footer {
width: 100%;
height: 185px;
background-image:url(../images/cmofac-back.png);
border: none;
background-position: 0% -50px;
padding-top: 175px;
	
	}

/* Global Containers: HTML4 */	

.insideFooter {
width: 1000px;
height: auto;
margin-right: auto;
margin-left: auto;
	}
	
.content {
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
	
	}
	
.main {
width: 455px;
float: left;
margin-left: 15px;
margin-bottom: 25px;
	}
	
.main p {
font-family: "Merriweather Sans", sans-serif;
font-size: 14px;
line-height: 18px;
	}
	
.main h2 {
font-family: 'Comfortaa', cursive;
font-weight: 700;
	}
	
.main ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;	
	list-style-type: none;
	}

.main ul li {
	font-family: "Merriweather Sans", sans-serif;
font-size: 14px;
line-height: 18px;
	}	
	
.main a:link {
	color: #54B847;
	text-decoration: none;
	}		

.main a:active {color: #54B847;}

.main a:hover {color: #2d8c21;}

.main a:visited {color: #54B847;}
	
.mainBullets {
	list-style-type: circle !important;
	margin-left: 25px !important;
	}
	
.mainBullets li {line-height: 24px !important;}		
	
.insideImages {
width: 455px;
height: 185px;
margin-left: auto;
margin-right: auto;
	}	
	
.topslant {
	width: 100%;
	height: 30px;
	background-color: #f9e896;
	position: relative;
	float: left;
	margin-top: 312px;
	transform: rotate(1deg);
	border-top: 2px dashed #f37320;
	}
	
.SublinkMargin {
	border-top: 1px dashed #b1c9ea;
	width: 85%;
	padding-top: 2px;
	margin-top: 5px;}
	
.membershipLevels {
	background-color: #ffdc91;
	height: auto;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 1px;
padding-left: 8px;
padding-bottom: 5px;
padding-right: 25px;
margin-top: 15px;
margin-bottom: 25px;
	}		
	
.smallprint {margin-top: -5px;}	

.eventCalendar {
	margin-top: 25px;
	margin-bottom: 75px;	
	float: left;
	position: relative;
	width: 665px;
	}
	
#membershipnav {display: inline-block;}	

#discover {margin-left: 25px; list-style: circle;}

.sponsorContainer {
	font-family: "Merriweather Sans", sans-serif;
	font-size: 24px;
	width: auto;
	height: auto;
	margin-top: 65px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-indent: 10px;
	
	}
	
/* Inside Sublink Rollovers */	
	
#aboutnav a:link {
	color: #0d74b6;
	text-decoration: none;
	}
	
#aboutnav a:visited {
	color: #0d74b6;
	text-decoration: none;
	}	
	
#aboutnav a:hover {
	color: #001c71;
	text-decoration: none;
	}	
	
#aboutnav a:active {
	color: #0d74b6;
	text-decoration: none;
	}
	
#membershipnav a:link {
	color: #a37400;
	text-decoration: none;
	}
	
#membershipnav a:visited {
	color: #a37400;
	text-decoration: none;
	}	
	
#membershipnav a:hover {
	color: #f6a800;
	text-decoration: none;
	}	
	
#membershipnav a:active {
	color: #a37400;
	text-decoration: none;
	}
	
#visitnav a:link {
	color: #ab192d;
	text-decoration: none;
	}
	
#visitnav a:visited {
	color: #ab192d;
	text-decoration: none;
	}	
	
#visitnav a:hover {
	color: #6e0e0c;
	text-decoration: none;
	}	
	
#visitnav a:active {
	color: #ab192d;
	text-decoration: none;
	}		
	
.copyright a:link {
	color: #0d74b6;
	text-decoration: none;
	}
	
.copyright a:visited {
	color: #0d74b6;
	text-decoration: none;
	}	
	
.copyright a:hover {
	color: #001c71;
	text-decoration: none;
	}	
	
.copyright a:active {
	color: #0d74b6;
	text-decoration: none;
	}
	
.bottomContact a:link {
	color: #ffffff;
	text-decoration: none;
	}

.bottomContact a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
.bottomContact a:hover {
	color: #0d74b6;
	text-decoration: none;
	}

.bottomContact a:active {
	color: #ffffff;
	text-decoration: none;
	}					
	

/* Global Containers: H Classes */

h1 {
	font-family: 'Comfortaa', cursive;
font-weight: 700;
	margin-top: 0;
	margin-left: -10px;
	margin-bottom: 15px;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	text-indent: 15px;
	text-shadow: 0px 2px 2px #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}

h1.visitor {
	background-color: #ab192d;
		box-shadow: 5px 5px #6e0e0c;
-webkit-box-shadow: 5px 5px #6e0e0c;
-moz-box-shadow: 5px 5px #6e0e0c;
width: 104%;}
	
h1.about {
	background-color: #0d74b6;
	box-shadow: 5px 5px #001c71;
-webkit-box-shadow: 5px 5px #001c71;
-moz-box-shadow: 5px 5px #001c71;
width: 104%;}	

h1.events {
	background-color: #92e238;
	box-shadow: 5px 5px #497629;
-webkit-box-shadow: 5px 5px #497629;
-moz-box-shadow: 5px 5px #497629;
width: 104%;}

h1.exhibits {
	background-color: #923a80;
	box-shadow: 5px 5px #5e3654;
-webkit-box-shadow: 5px 5px #5e3654;
-moz-box-shadow: 5px 5px #5e3654;
width: 104%;}

h1.memberships {
	background-color: #f6a800;
	box-shadow: 5px 5px #a37400;
-webkit-box-shadow: 5px 5px #a37400;
-moz-box-shadow: 5px 5px #a37400;
width: 104%;}


h2 {}

h2.subheads {
		font-size: 18px;
	font-weight: 300;
	font-family: "Merriweather Sans", sans-serif;
	color: #f37320;
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	}

h3 {
font-family: 'Comfortaa', cursive;
font-weight: 700;
margin-top: 15px;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
}

h4 {
font-family: 'Comfortaa', cursive;	
font-size: 12px;
color: #474747;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;

}

h5 {
	font-size: 18px;
	font-weight: 300;
	font-family: "Merriweather Sans", sans-serif;
	color: #f37320;
	margin-top: 25px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	
	
	}

h6 {
	font-family: "Merriweather Sans", sans-serif;
	font-size: 14px;
	margin-top: -10px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	}
	
/* Contact Form Styles */	

.formContainer {width: auto; height: auto; padding: 15px; background-color: #ffdc91; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin-left: auto; margin-right: auto; margin-top: 35px; margin-bottom: 25px;}

.formContainer label {float: left; display: inline; font-family: "Merriweather Sans", sans-serif; font-size: 14px; margin-bottom: 25px; margin-top: 0px; padding: 5px;}

.formContainer input {
	float: right;
	display: inline;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #f37320;
	padding: 5px;
	margin: 0px;
}

.formContainer .questions {margin-top: -15px; border: 1px solid #f37320;	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

.formContainer .button {
	float: none !important;
	margin-left: 175px;
	border: 1px solid #0d74b6;
	margin-top: 10px;
	background-color: #ffffff;
	color: #497629;
}


/* Footer Styles */

.FooterColumn {
height: auto;
display: inline;
float: left;
margin-top: 50px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
	}

.FooterColumn.leftColumn {
width: 312px !important;
padding: 0px;
margin-right: 25px;
background-color: #ffffff;
height: 160px;
}

.FooterColumn.middleColumn {
width: 312px !important;
padding: 0px;
margin-right: 25px;
background-color: #ffffff;
height: 160px;	
}

.FooterColumn.rightColumn {
width: 312px !important;
padding: 0px;
background-color: #ffffff;
height: 160px;	
}

.FooterColumnInsideLeft {
width: 108px;
height: 93px;
float: left;
background-color: #dddddd;
margin-top: 0px;
padding-top: 0px;
display: inline;
margin-left: 15px;
	}
	
.FooterColumnInsideRight {
font-family: "Merriweather Sans", sans-serif;
font-size: 12px;
color: #000000;
width: 180px;
height: auto;
float: left;
margin-top: 0px;
padding-top: 0px;
display: inline;
margin-left: 5px;		
	}

.FooterColumn.FooterColumn ul {
padding: 0px;
float: left;
display: inline;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 0px;
}

.FooterColumn.FooterColumn ul li {
font-family: "Merriweather Sans", sans-serif;
font-size: 14px;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.FooterColumn.FooterColumn p {
font-family: "Merriweather Sans", sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
}

.FooterColumn.FooterColumn h3 {
margin-top: 0px;
padding-top: 8px;
padding-bottom: 8px;
font-family: 'Comfortaa', cursive;
background-color: #ab192d;
color: #ffffff !important;
text-indent: 8px;
font-weight: 700;
margin-bottom: 15px;
}

.FooterColumnBottom {
height: auto;
display: inline;
float: left;
margin-top: 0px;
	}
	
.BottomleftColumn {
width: 312px !important;
padding: 0px;
margin-right: 25px;
height: 25px;
margin-bottom: 0px !important;
}

.BottommiddleColumn {
width: 312px !important;
padding: 0px;
margin-right: 25px;
height: 25px;	
margin-bottom: 0px !important;
}

.BottomrightColumn {
width: 312px !important;
padding: 0px;
height: 75px;
margin-top: 15px;
margin-bottom: 0px !important;
background-image: url(../images/tagline.png);
background-repeat: no-repeat;
background-position: center top;
}	

.blue {
background-color: #923a80 !important;
}

.yellow {
background-color: #f6a800 !important;
}

.copyright {
font-family: "Merriweather Sans", sans-serif;
height: auto;
margin-right: auto;
margin-left: auto;
font-size: 10px;
text-align: center;
width: auto;
margin-top: 70px;
line-height: 15px;
color: #000000;
}

.bottomContact {
font-family: "Merriweather Sans", sans-serif;
height: auto;
margin-right: auto;
margin-left: auto;
font-size: 14px;
text-align: left;
width: auto;
margin-top: 10px;
line-height: auto;
color: #ffffff;
}

.bottomContactMargin {margin-top: -5px !important;}

.socialIcons {margin-top: 25px;}

.socialIcons ul {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 15px;
padding: 0px;
	}

.socialIcons li {
width: 39px;
height: 40px;
display: inline-block;
float: left;
list-style: none !important;
margin-right: 10px;
	}
	
.socialIcons li img{
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.socialIcons li img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

/* Image Changer */

#mybgcarousel { 
width: 100%;
height: 900px;
}

div.bgcarousel {
background-color: #000000;
background-image: url(../images/ajaxload.gif);
background-repeat: no-repeat;
background-position: center center;
}

div.bgcarousel img.navbutton {
	-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
	 }

div.bgcarousel img.navbutton:hover {
	-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
	}

div.bgcarousel div.slide { 
background-color: black;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
color: #000000;
}

div.bgcarousel div.selectedslide {}

div.bgcarousel div.slide div.desc { 
position: relative;
color: white;
float: right;
top: 235px;
right: 10%;
width:600px;
height: 100px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 5px;
font-family: 'Merriweather Sans', sans-serif;
z-index: 200;
background-color:rgba(146,58,128,.7);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	
}

div.bgcarousel div.selectedslide div.desc {}

div.bgcarousel div.slide div.desc h2{
font-family: 'Fredoka One', cursive;
font-weight: 300;
font-size: 275%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-shadow: 2px 2px 1px #000000;
}

div.bgcarousel div.slide div.desc a {
width: 475px;	
background: #f37320;
background-image: url(../images/circle-arrow.png);
background-repeat: no-repeat;
background-position: 95% center;
color: #ffffff;
font-size: 24px;
text-decoration: none;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 700;
text-decoration: none;
position: relative;
top: 0;
bottom: -5px;
margin-top: 0px;
margin-left: 25px;
margin-bottom: 0px;
-moz-box-shadow: 0 -10px 5px #f37320 inset;
-webkit-box-shadow: 0 -10px 5px #f37320 inset;
box-shadow: 0 -10px 5px #f37320 inset;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	}
	
div.bgcarousel div.slide div.desc a, div.bgcarousel div.slide div.desc a:after {
display: inline-block;
padding: 10px 15px;
-moz-border-radius: 8px/15px;
-webkit-border-radius: 8px/15px;
border-radius: 8px/15px;
outline: none;
	}		
	
div.bgcarousel div.slide div.desc a:after {
content: "";
position: absolute;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 3px;
z-index: -1;
bottom: inherit;
left: 0;
width: 100%;
height: 100%;
background: #b25514;
}	
	
div.bgcarousel div.slide div.desc a:hover {
-moz-box-shadow: 0 25px 5px rgba(245, 147, 84, 0.7) inset;
-webkit-box-shadow: 0 25px 5px rgba(245, 147, 84, 0.7) inset;
box-shadow: 0 25px 5px rgba(245, 147, 84, 0.7) inset;
background: #f59354;
	}
	
div.bgcarousel div.slide div.desc a:active {
top: 5px; 
bottom: 0;
-moz-box-shadow: 0 -20px 5px #f37320 inset, 1px 1px 2px #eee;
-webkit-box-shadow: 0 -20px 5px #f37320 inset, 1px 1px 2px #eee;
box-shadow: 0 -20px 5px #f37320 inset, 1px 1px 2px #eee;
	}

/* Mobile Menu */

.pushmenu{
background-color: #4a4a4a;
color: white;
width: 280px;
height: 100%;
position: fixed;
z-index: 1000;
font-size: 16px;
top: -100%;
clear: both;
display: block;
visibility: 'hidden';
overflow-y: auto;
-moz-transition: all 100ms ease-in-out;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}

.pushmenu.left{
border-right: 4px solid black;
box-shadow: 8px 0 5px rgba(174, 174, 174, .8);
}

.pushmenu.right{ 
border-left: 4px solid black;
box-shadow: -8px 0 5px rgba(174, 174, 174, .8);
width: 300px;
}


.pushmenu .closebutton{
position: absolute;
right: 5px;
top: 11px;
cursor: pointer;
font-size: 20px;
text-align: center;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.pushmenu .closebutton:hover{
color: lightyellow;
}


.pushmenu a{
color: white;
}

.pushmenu h2{
color: #FFF4EA;
margin-left: 15px;
font-family: Oswald, sans-serif;
font-size: 1.3em;
letter-spacing: 5px;
border-bottom: 1px solid gray;
padding-bottom: 3px;
text-transform: uppercase;
}

.pushmenu ul.mainnav{
padding: 0;
margin: 0;
list-style: none;
font-family: Oswald, sans-serif;
font-weight: bold;
}

.pushmenu ul.mainnav li{
margin-bottom: 10px;
}

.pushmenu ul.mainnav a{
font-size: 1.2em;
padding: 13px;
padding-left: 25px;
display: block;
color: white;
text-decoration: none;
}

.pushmenu ul.mainnav a i{
margin-right: 5px;
}

.pushmenu  ul.mainnav a:hover{
background: darkred;
color: white;
}

.pushmenu.open + .menutoggler{ 
opacity: 0.3;
}

.menutoggler {
font-size: 38px;
font-weight: bold;
position: fixed;
background: transparent;
top: 150px;
text-shadow: 1px 1px 2px gray;
left: 0;
z-index: 500;
padding: 2px 5px;
background: #eee;
border: 1px solid transparent;
cursor: pointer;
}

.menutoggler:hover{
border: 1px solid gray;
}

.menutoggler.right{
left: auto;
right: 0;
}

.animateddrawer{
width: 40px;
height: 40px;
outline: none;
display: block;
position: relative;
}

.animateddrawer:before, .animateddrawer:after{
position: absolute;
content: '';
display: block;
width: 100%;
height: 10px;
background: #003399;
border-radius: 2px;
top: 0;
left: 0;
opacity: 1;
transition: all 0.3s ease-in;
}

.animateddrawer:after{
top: auto;
bottom: 0;
}

.animateddrawer span{
width: 100%;
height: 10px;
background: #003399;
position: absolute;
top: 50%;
margin-top: -5px;
border-radius: 2px;
transform-origin: 50% 50%;
transition: all 0.3s ease-in 0.3s;
}

.animateddrawer span::after{
content: '';
display: block;
width: 100%;
height: 10px;
background: #003399;
border-radius: 2px;
position: absolute;
transform-origin: 50% 50%;
transition: all 0.3s ease-in 0.3s;
}

.animateddrawer.open:before{ 
top: 50%;
margin-top: -5px;
opacity: 0;
}

.animateddrawer.open:after{ 
bottom: 50%;
opacity: 0;
}

.animateddrawer.open span{
transform: rotate(-45deg);
}

.animateddrawer.open span:after{ 
transform: rotate(-90deg);
}

/******* Modal Window Styles *******/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* */

#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px;}

        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
		
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/******* Mobile Styles *******/

@media only screen and (max-width:720px) {
	

}