@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	text-align: center;
	width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
}
#topcta {
	text-align: center;
	color: #FFFFFF;
}
#topbackground {
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 4px 23px 4px;
	box-shadow: 0px 4px 23px 4px;
	text-align: center;
	background-image: url(images/images/IMG_6029.JPG);
}
#topbackground1 {
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 4px 23px 4px;
	box-shadow: 0px 4px 23px 4px;
	text-align: center;
	margin-bottom: 3%;
	background-color: hsla(0,0%,19%,1.00);
}
#topbackground2 {
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	margin-bottom: 5%;
	margin-top: 0px;
	background-image: -webkit-linear-gradient(100deg,rgba(255,255,255,1.00) 31.09%,rgba(86,140,220,1.00) 58.55%,rgba(255,255,255,1.00) 85.49%);
	background-image: linear-gradient(350deg,rgba(255,255,255,1.00) 31.09%,rgba(86,140,220,1.00) 58.55%,rgba(255,255,255,1.00) 85.49%);
}
#topbackground4 {
	background-color: rgba(237,237,237,1.00);
	padding-top: 3%;
	margin-bottom: 3%;
}

.mainnav {
}
.navbuttons {
}
.mainnavbuttons {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topctacontent {
display: block;
}
.mainbody {
width: 100%;
}
.sidebar {
}
.footer {
}
#topbackground #topbackground2 {
}
.twobody {
}
.twoimage {
	width: 100%;
	text-align: center;
}
.twotext {
clear: both;
margin-left: 0;
width: 100%;
}
.threetext {
	width: 100%;
	text-align: center;
}
.threesections {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.fourtext {
	width: 100%;
	text-align: center;
}
.fourimage {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
h1 {
	color: hsla(359,100%,34%,1.00);
	font-family: indie-flower;
	font-style: normal;
	font-weight: 900;
	font-size: xx-large;
}
h2 {
	color: hsla(0,0%,100%,1.00);
	font-family: imprima;
	font-style: normal;
	font-weight: 400;
}
.topbackgroundbox {
width: 100%;
	clear: none;
	background-color: hsla(91,36%,60%,1.00);
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
}
.footerbox {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topcta a {
}
.topctacontent a {
	color: hsla(201,45%,60%,1.00);
	margin-left: 7%;
	background-color: hsla(0,0%,100%,1.00);
	text-decoration: none;
	text-align: center;
	font-size: large;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 8px;
	-webkit-box-shadow: 4px 5px 7px 1px hsla(0,0%,30%,1.00);
	box-shadow: 4px 5px 7px 1px hsla(0,0%,30%,1.00);
}
.fluidnavmenu {
}
.fluidnavmenuitem {
display: block;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.topbackgroundbox a {
	color: hsla(0,0%,100%,1.00);
	text-decoration: none;
}
.threesections a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.twoimage a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext h2 {
	color: hsla(198,50%,44%,1.00);
}
.threesections h2 {
	color: hsla(200,51%,45%,1.00);
}
.threetext a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.threetext h2 {
	color: rgba(181,209,227,1.00);
}
.threetext a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
















/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.mainnav {
}
.navbuttons {
}
.mainnavbuttons {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topctacontent {
display: block;
}
.mainbody {
width: 100%;
}
.sidebar {
}
.footer {
}
.twobody {
}
.twoimage {
	width: 100%;
	text-align: center;
}
.twotext {
clear: both;
margin-left: 0;
width: 100%;
}
.threetext {
	width: 100%;
	text-align: center;
}
.threesections {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.fourtext {
	width: 100%;
	text-align: center;
}
.fourimage {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topbackgroundbox {
	width: 100%;
	clear: none;
	background-color: hsla(91,36%,60%,1.00);
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	display: block;
}
.footerbox {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topbackgroundbox a {
	color: hsla(0,0%,100%,1.00);
	text-decoration: none;
	text-align: center;
}
.fluidnavmenu {
}
.fluidnavmenuitem {
display: block;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
.threesections a {
		background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.threesections h2 {
	color: hsla(205,55%,49%,1.00);
	font-family: immi-five-o-five;
	font-style: normal;
	font-weight: 400;
}
.fourtext a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext h2 {
	color: hsla(200,51%,45%,1.00);

}





}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	/* [disabled]clear: none; */
	/* [disabled]float: none; */
	margin-left: auto;
}
#div1 {
}
.mainnav {
	margin-top: 2%;
	background-color: #946B45;
	border-radius: 5px;
}
.navbuttons {

}
.mainnavbuttons {
	width: 15.2542%;
	clear: none;
	text-align: center;
	margin-left: 17px;
}
.mainnavbuttons a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 400;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: irish-grover;
	font-style: normal;
}
.mainnavbuttons a:hover, a:active, a:focus, a.thispage {
	background-color: #D39D6B;
}
.topctacontent {
	font-family: indie-flower;
	font-style: normal;
	font-weight: 400;
	font-size: x-large;
	display: block;
}
.topctacontent a {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 15%;
	background-color: #FFFFFF;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 6px;
	margin-top: 6px;
	display: inline-block;
	font-size: medium;
	border-radius: 6px;
	font-family: imprima;
	font-style: normal;
	font-weight: 400;
}
.mainbody {
width: 100%;
}
.sidebar {
}
.footer {
}
.twobody {
	background-size: 100% 100%;



}
.twoimage {
	width: 57.6271%;
	text-align: center;

}
.twotext {
	margin-left: 1.6949%;
	clear: none;
	text-align: center;
	width: 32.2033%;
	background-size: 100% 100%;
}
.threetext {
	width: 40.6779%;
}
.threesections {
	width: 57.6271%;
	margin-left: 1.6949%;
	clear: none;
	font-family: imprima;
	font-style: normal;
	font-weight: 400;
}
.fourtext {
	width: 40.6779%;
	text-align: left;
}
.fourimage {
	width: 49.1525%;
	margin-left: 1.6949%;
	clear: none;
	padding-top: 4%;
	padding-bottom: 4%;
}
.topbackgroundbox {
	width: 23.7288%;
	clear: none;
	background-color: hsla(216,66%,60%,1.00);
	margin-top: 35px;
	margin-bottom: 36px;
	-webkit-box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
}
.threesections h2 {
	color: hsla(201,46%,50%,1.00);
	font-family: imprima;
	font-style: normal;
	font-weight: 400;
}
#topbackground3 .gridContainer.clearfix p {
}
.threesections a {
	background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext h2 {
	color: hsla(203,43%,70%,1.00);
	font-family: rock-salt;
	font-style: normal;
	font-weight: 400;
}
.fourtext a {
	color: hsla(0,0%,22%,1.00);
	text-decoration: none;
	background-color: hsla(54,81%,67%,1.00);
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	text-align: center;
	font-weight: bolder;
}
.twobody h2 {
	color: hsla(201,46%,49%,1.00);
}
.footerbox {
	width: 32.2033%;
	margin-left: 1.6949%;
	clear: none;
	text-align: center;
}
.topbackgroundbox a {
	font-family: imprima;
	font-style: normal;
	font-weight: 400;
	color: hsla(0,0%,100%,1.00);
	text-decoration: none;
}
.fluidnavmenu {
}
.fluidnavmenuitem {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.threetext h2 {
	color: rgba(126,197,225,1.00);
}












}