/*** START CSS RESET & BOX MODEL FIX ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:top; outline:none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } /* HTML5 Elements */
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
img { vertical-align:middle; max-width:100%; height:auto !important; border-radius:3px; }
html { -webkit-box-sizing:border-box; box-sizing:border-box; }
*, :before, :after { -webkit-box-sizing:inherit; box-sizing:inherit; }
/*** END CSS RESET & BOX MODEL FIX 

/* WIDTHS
header = 1400px [1400px]
page = 1050px [1010px]
side = 340px [300px]
boxes x3 = 330px [330px]
*/
		
/* COLOR SCHEME
#387A4A = green
#333 = dark green
#cccccc = tan
#387A4A = orange yellow
#343434 = dark grey
*/

b, strong { font-weight:bold; }
i, em { font-style:italic; }
a { color:#387A4A; }
a:hover { color:#343434; text-decoration:none; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

.pad10 { padding:10px }
.pad15 { padding:15px }
.pad20 { padding:20px }
.pad25 { padding:25px }
.pad30 { padding:30px }

body {
	font-family:"Muli", sans-serif;
	font-size:18px;
	line-height:23px;
	background:#181818;
	padding:10px;
}

h1,h2,h3,h4,h5,h6 { font-family:"Playfair Display",serif; margin-bottom:20px; color:#000; }
h1 { font-size:30px; line-height:35px; }
h2 { font-size:28px; line-height:33px; }
h3 { font-size:26px; line-height:31px; }
h4 { font-size:24px; line-height:29px; }
h5 { font-size:22px; line-height:27px; }
h6 { font-size:20px; line-height:25px; }

#wrapper {
	width:1400px;
	margin:auto;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:auto 10px 24.30%;
	grid-template-columns:auto 24.30%; /* 24.26% = 300px | 25.7% = 320px | 26% */
	-ms-grid-rows:auto;
	grid-template-rows:auto;
	grid-template-areas:
		"header header"
		"page side"
		"footer footer";
	grid-gap:10px;
}

#mobileMenu { display:none; background-color:#232323; padding:12px 6px 2px 6px; border-bottom:3px solid #1d332a; margin-bottom:1px; }
.mobileMenuItem { float:left; width:50%; padding:0 4px; }
.mobileMenuItem a {
	display:block;
	color:#eee;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	padding:12px 2px;
	margin-bottom:8px;
	text-decoration:none;
	background-color:#c0ae86;
	border-radius:3px;
	text-align:center;
	font-size:15px;
}
#mobileMenuCleanFts { clear:both; height:1px; }

#header { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:3; grid-area:header; border-radius:3px; }
#page { -ms-grid-row:3; -ms-grid-column:1; grid-area:page; background-color:#e8e8e8; color:#222; padding:20px; border-radius:3px; }
#side { -ms-grid-row:3; -ms-grid-column:3; grid-area:side; background-color:#cccccc; padding:20px; border-radius:3px; }
#footer { -ms-grid-row:5; -ms-grid-column:1; -ms-grid-column-span:3; grid-area:footer; border-radius:3px; }

.sidebox-title {
	font-family:"Playfair Display", serif;
	text-align:center;
	background-color:#333;
	color:#fff;
	border-bottom:1px solid #fff;
	font-size:20px;
	padding:15px 20px;
	border-radius:3px 3px 0 0;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
}
.sidebox-body {
	background-color:#e8e8e8;
	padding:12px 14px;
	border-radius:0 0 3px 3px;
	box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.9);
}

.boxes {
	display:-ms-grid;
	display:grid;
	grid-gap:10px;
}
.box { border-radius:3px; }
.b1 { -ms-grid-columns:auto; grid-template-columns:auto; }
.b2 { -ms-grid-columns:(1fr)[2]; grid-template-columns:repeat(2, 1fr); }
.b3 { -ms-grid-columns:(1fr)[3]; grid-template-columns:repeat(3, 1fr); }
.b4 { -ms-grid-columns:(1fr)[4]; grid-template-columns:repeat(4, 1fr); }
.b5 { -ms-grid-columns:(1fr)[5]; grid-template-columns:repeat(5, 1fr); }
.b6 { -ms-grid-columns:(1fr)[6]; grid-template-columns:repeat(6, 1fr); }
.b7 { -ms-grid-columns:(1fr)[7]; grid-template-columns:repeat(7, 1fr); }
.b8 { -ms-grid-columns:(1fr)[8]; grid-template-columns:repeat(8, 1fr); }

.spacer { height:20px; }
.showonsmall { display:none; }

#header .box { padding:20px; color:#fff; }
#header { background:#333 url(../images/header.jpg?v=20231031) top center no-repeat; background-size:cover; }
/* #headercolor { background-color:rgba(0,0,0,.20); } */

#topnavigation {  }
#topnavigation .boxes { grid-gap:10px; margin-top:15px; }
#topnavigation .box { padding:0; }
#topnavigation .box a {
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:#444;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	text-align:center;
	padding:10px 17px;
	border-radius:3px;
	outline:none;
}
#topnavigation .box a:hover,
#topnavigation .box a:focus,
#topnavigation .box a.active {
	color:#fff;
	background-color:#c0ae86;
}

#smallnavigation a {
	display:inline-block;
	text-decoration:none;
	color:#fff;
	background-color:#c0ae86;
	text-shadow:1px 1px 3px rgba(0,0,0,.9);
	text-align:center;
	padding:7px 15px;
	margin:0 4px;
	border-radius:3px;
	outline:none;
}

#smallnavigationpadding { padding-top:0px; }
#topnavigationmargin { margin-top:25px; }

#page p { margin-bottom:20px; }
#page p:last-child { margin-bottom:20px; }
#page .boxes { grid-gap:20px; }
#page img { border-radius:3px; }

#footer { color:#fff; font-size:15px; text-shadow:2px 2px 2px rgba(0,0,0,.6); }
#footer a { color:#fff; text-decoration:none; font-size:18px; }
#footer a:hover { color:#387A4A; }
#footer .boxes { grid-gap:10px; }
#footer .boxes.b3 { -ms-grid-columns:25% 10px auto 10px 25%; grid-template-columns:25% auto 25%; }
#footer .box { padding:20px; text-align:center; }
#footer .box .box { padding:5px; }
#footer .spacer { height:10px; }

#form-container { width:100%; }
#searchinput {
	background:none repeat scroll 0 0 #F8F8F8;
	border:none;
	border-radius:3px 0 0 3px;
	color:#5e5e5e;
	display:block;
	padding:10px;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	font-size:16px;
	margin:0;
	outline:0;
	height:40px;
}
#searchtext { overflow:hidden; }
button.search-submit-button {
	background:none repeat scroll 0 0 #c0ae86;
	border:none;
	border-radius:0 3px 3px 0;
	color:#fff !important;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	display:block;
	float:right;
	font-size:20px;
	padding:8px;
	text-align:center;
	width:50px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	outline:0;
	height:40px;
	cursor:pointer;
}
button.search-submit-button:hover, button.search-submit-button:focus { background:none repeat scroll 0 0 #343434; cursor:pointer; }

@media (max-width:1400px) {
	#wrapper { width:100%; }
}

@media (max-width:1200px) {
	.hideon1200 { display:none; }
	#header .boxes.respond { -ms-grid-columns:1fr 10px 1fr; grid-template-columns:repeat(2, 1fr); }
}

@media (max-width:1000px) {
	.b3 { -ms-grid-columns:(1fr)[3]; grid-template-columns:repeat(3, 1fr); }
	.b4 { -ms-grid-columns:(1fr)[4]; grid-template-columns:repeat(4, 1fr); }
	.b5 { -ms-grid-columns:(1fr)[5]; grid-template-columns:repeat(5, 1fr); }
	.b6 { -ms-grid-columns:(1fr)[6]; grid-template-columns:repeat(6, 1fr); }
	.b7 { -ms-grid-columns:(1fr)[7]; grid-template-columns:repeat(7, 1fr); }
	.b8 { -ms-grid-columns:(1fr)[8]; grid-template-columns:repeat(8, 1fr); }
	.hideon1000 { display:none; }
	#header .boxes.respond { grid-template-columns:repeat(auto-fit, minmax(50%, 1fr)); text-align:center; }
	#header .boxes.respond #logo { margin:auto; }
	#header .boxes.respond #topnavigation { margin-top:-20px; }
	#header .boxes.respond #topnavigation .boxes { margin-top:0; }
	#header .boxes.respond .left .pad20 { padding-bottom:0; }
}

@media (max-width:800px) {
	#wrapper {
		-ms-grid-columns:auto;
		grid-template-columns:auto;
		-ms-grid-rows:auto 10px auto 10px auto 10px auto;
		grid-template-areas:
			"header"
			"page"
			"side"
			"footer";
	}
	.b3 { -ms-grid-columns:(1fr)[3]; grid-template-columns:repeat(3, 1fr); }
	.b4 { -ms-grid-columns:(1fr)[4]; grid-template-columns:repeat(4, 1fr); }
	.b5 { -ms-grid-columns:(1fr)[5]; grid-template-columns:repeat(5, 1fr); }
	.b6 { -ms-grid-columns:(1fr)[3]; grid-template-columns:repeat(3, 1fr); }
	.b7 { -ms-grid-columns:(1fr)[7]; grid-template-columns:repeat(7, 1fr); }
	.b8 { -ms-grid-columns:(1fr)[4]; grid-template-columns:repeat(4, 1fr); }
	.hideon800 { display:none; }
	#header { -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:1; }
	#page { -ms-grid-row:3; -ms-grid-column:1; }
	#side { -ms-grid-row:5; -ms-grid-column:1; }
	#footer { -ms-grid-row:7; -ms-grid-column:1; -ms-grid-column-span:1; }
	#topnavigation .boxes { margin-top:0; }
	#topnavigationmargin { margin-top:0; }
}

@media (max-width:700px) {
	.b2,.b3,.b4,.b5,.b6,.b7,.b8 { -ms-grid-columns:(1fr)[1]; grid-template-columns:repeat(1, 1fr); }
	.change2br { display:block; }
	.hideonsmall { display:none; }
	.showonsmall { display:initial; }
	.hideon700 { display:none; }
	h1,h2,h3,h4,h5,h6 { text-align:center; }
	body { padding:0 0 10px 0; }
	#header { border-radius:0; border-bottom:1px solid #387A4A; }
	#page, #side { border-radius:0; border-top:8px solid #387A4A; border-bottom:4px solid #387A4A; }
}

@media (max-width:470px) { .hideon470 { display:none !important; } }
@media (max-width:360px) { .hideon360 { display:none !important; } }

.listing {
	text-align:center;
	background-color:#f7f7f7;
	padding:15px 15px 20px 15px;
	border-radius:3px;
	-webkit-box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.9);
	box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.9);
}
.listing a { display:block; border-radius:3px; }
.listing .image { margin-bottom:10px; }
.listing .title { margin-bottom:15px; font-weight:bold; font-size:14px; line-height:20px; }
.listing .view a {
	background-color:#387A4A;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	text-transform:uppercase;
}
.listing .view a:hover, .listing .view a:focus { background-color:#387A4A; cursor:pointer; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.6); box-shadow:2px 2px 2px rgba(0,0,0,.6); }
/*.listing { -webkit-transition:-webkit-transform .2s; transition:-webkit-transform .2s; -o-transition:transform .2s; transition:transform .2s; transition:transform .2s, -webkit-transform .2s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.listing:hover { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02); }*/
#side .listing { background-color:#e8e8e8; }

/*** EXTRAS ***/

/*img { -webkit-transition:-webkit-transform .2s; transition:-webkit-transform .2s; -o-transition:transform .2s; transition:transform .2s; transition:transform .2s, -webkit-transform .2s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
img:hover { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02); }*/

/*** STYLE BANNER CONTAINERS ***/

.vbs, .hbs { text-align:center; }
.vbs img, .hbs img { -webkit-box-shadow:0px 15px 15px -15px rgba(0,0,0,1); box-shadow:0px 15px 15px -15px rgba(0,0,0,1); border-radius:3px; }