
html,body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica;
	font-size:16px;
}
html {
	overflow-y:scroll;
}
body {
	min-width:1000px;
	background:#EFEFEF;
}

h1,h2,h3,h4,h5 {
	font-family:Arial, Helvetica;
	margin:3px 0px;
}
a.clear, a.clear:visited {
	text-decoration:none;
}
a, a:visited {
	color:#004A82;
}
a:hover {
	color:#3366CC;
}
.clear {
	clear:both;
}

.spacer {width:100%;height:1px;}
.spacer.s5 {height:5px;}
.spacer.s10 {height:10px;}
.spacer.s15 {height:15px;}
.spacer.s20 {height:20px;}
.spacer.s25 {height:25px;}
.spacer.s30 {height:30px;}
.spacer.s35 {height:35px;}
.spacer.s40 {height:40px;}
.spacer.s45 {height:45px;}
.spacer.s50 {height:50px;}

.inner {
	width:100%;
	min-width:1000px;
	max-width:1400px;
	margin:0px auto;
	position:relative;
}

.socialicon, .socialicon:visited {
	display:inline-block;
	border-radius:50%;
	border:4px solid #E4E1E1;
	margin:5px 0px;
	-webkit-box-shadow: 0px 0px 0.07em 0.07em rgba(100, 100, 100, 0.15), 0.05em 0.05em 0.08em 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 0.07em 0.07em rgba(100, 100, 100, 0.15), 0.05em 0.05em 0.08em 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 0.07em 0.07em rgba(100, 100, 100, 0.15), 0.05em 0.05em 0.08em 0px rgba(50, 50, 50, 0.35);
	text-decoration:none !important;
	background:#7188B6;
	width:36px; height:36px;
	font-size:36px;
}
.socialicon:hover {
	cursor:pointer;
}
.socialicon i {
	color:#ffffff;
	text-shadow: 0.05em 0.05em 0.08em rgba(50, 50, 50, 0.55);
	display:block;
	width:100%;
	height:100%;
	font-size:0.65em;
	line-height:1.53em;
	text-align:center;
}
.socialicon.bg-facebook { background: #3B5998; }
.socialicon.bg-twitter { background: #00ACED; }
.socialicon.bg-youtube { background: #C70C0C; }
.socialicon.bg-instagram { 
	background: rgb(78,49,216);
	background: -moz-linear-gradient(top,  rgba(78,49,216,1) 0%, rgba(233,53,64,1) 50%, rgba(247,207,112,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(78,49,216,1) 0%,rgba(233,53,64,1) 50%,rgba(247,207,112,1) 100%);
	background: linear-gradient(to bottom,  rgba(78,49,216,1) 0%,rgba(233,53,64,1) 50%,rgba(247,207,112,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e31d8', endColorstr='#f7cf70',GradientType=0 );
 }
.socialicon.bg-google { background: #586CD8; }
.socialicon.bg-tripadvisor { background: #00AF88; }
.socialicon.bg-yelp { background: #C70C0C; }

	/*///////////////////////   HEADER STYLES     /////////////////////*/
	
.header {
	position:relative;
	width:100%;
	border-top:16px solid #111111;
	background-color:#AAAAAA;
	margin-bottom:65px;
}
.header .inner {
	height:90px;
}
.header:before {
	content:'';
	display:block;
	width:100%;
	height:35px;
	background-color:#001C00;
	border-top:1px solid #333333;
	border-bottom:1px solid #CCCCCC;
	position:absolute;
}
.header:after {
	content:'';
	display:block;
	width:100%;
	height:16px;
	background-color:#111111;
	border-top:1px solid #333333;
	border-bottom:#333333;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 4px 5px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 4px 5px 0px rgba(50, 50, 50, 0.35);
}

.header .inner .logo {
	display:block;
	width:314px;
	height:170px;
	background-color:#333333;
	position:absolute;
	top:-17px;
	left:10px;
	border:1px solid #444444;
	z-index:10;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.65);
	border-bottom-left-radius:14px;
	border-bottom-right-radius:14px;
}
.header .inner .logo:before {
	content:'';
	display:block;
	width: calc(100% - 18px);
	height: calc(100% - 10px);
	background-color:#111111;
	border:1px solid #444444;
	position:absolute;
	top:0px;
	left:8px;
	z-index:0;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.header .inner .logo img {
	margin:20px 40px;
	position:relative;
}

	/*///////////////////////   NAVBAR STYLES     /////////////////////*/

.header .topnav, .header .botnav {
	margin-left:340px;
	margin-top:1px;
}	
.header .topnav {
	height:35px;
}
.header .botnav {
	height:55px;
}
.navitem, .navitem:visited {
	display:table-cell;
	margin:0px;
	padding:0px 15px;
	cursor:pointer;
	text-decoration:none;
	position:relative;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
.topnav .navitem {
	color:#dfdfdf;
	height:35px;
	font-size:14px;
}
.topnav .navitem:hover {
	color:#ffffff;
	background: #8fc800;
	background: -moz-linear-gradient(top,  #8fc800 0%, #66bf00 100%);
	background: -webkit-linear-gradient(top,  #8fc800 0%,#66bf00 100%);
	background: linear-gradient(to bottom,  #8fc800 0%,#66bf00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#66bf00',GradientType=0 );
}
.botnav .navitem {
	color:#444444;
	height:54px;
	font-size:17px;
}
.botnav .navitem:hover, .botnav .hassub:hover > .menuheader {
	color:#111111;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.hassub:hover > .submenucontainer, .hassub:hover > .menuheader > .subsub {
	display:block;
}
.hassub {
	position:relative;
	display:table-cell;
}
.submenucontainer {
	position:absolute;
	top:100%;
	left:-1px;
	display:none;
	text-align:left;
	z-index:1000;
	border:1px solid #111111;
	border-top:0px;
	background-color:#cccccc;
	white-space:nowrap;
}
.submenucontainer .navitem {
	padding:7px 14px;
	display:block;
	height:auto;
	font-size:15px;
	color:#222222;
	font-weight:normal;
}
.submenucontainer .navitem:hover {
	color:#111111;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}


	/*///////////////////////   PAGE STYLES     /////////////////////*/

.pagecontainer {
	min-height:500px;
}

.sectionheader {
	width:98%;
	margin:5px 1%;
	font-size:34px;
	color:#007A04;
	font-weight:bold;
	clear:both;
	display:flex;
	align-items:center;
	text-shadow: rgba(255,255,255,1) -1px -1px 0, rgba(255,255,255,1) 1px -1px 0, rgba(255,255,255,1) -1px 1px 0, rgba(255,255,255,1) 1px 1px 0, rgba(0,0,0,.2) 2px 6px 5px,rgba(255,255,255,.4) 0 -4px 30px;
}
.sectionheader:after {
	display:block;
	height:5px;
	background: -moz-linear-gradient(left,  rgba(0,102,0,1) 0%, rgba(0,155,7,1) 77%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,102,0,1) 0%,rgba(0,155,7,1) 77%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(0,102,0,1) 0%,rgba(0,155,7,1) 77%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006600', endColorstr='#00ffffff',GradientType=1 );
	content:'';
	flex:1;
	width:100%;
	margin:0px 15px;
}


content-box {
	display:inline-block;
	width:calc(100% - 30px);
	margin:15px;
	min-height:100px;
	background-color:#ffffff;
	position:relative;
}
content-box:before {
	content:'';
	display:block;
	position:absolute;
	top:-5px;
	left:-5px;
	width:calc(100% + 10px);
	height:calc(100% + 10px);
	background-color:#646473;
	opacity:0.1;
	z-index:-1;
	-webkit-box-shadow: 4px 4px 7px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    4px 4px 7px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         4px 4px 7px 0px rgba(50, 50, 50, 0.65);
}
content-box.s25 { width:calc(25% - 30px); }
content-box.s50 { width:calc(50% - 30px); }
content-box.s75 { width:calc(75% - 30px); }
content-box.s33 { width:calc(33% - 30px); }
content-box.float { float:left; }

	/*///////////////////////   FOOTER STYLES     /////////////////////*/

.footer {
	position:relative;
	width:100%;
	background-color:#111111;
}
.footer .inner {
	min-height:160px;
}
.footer:before, .footer:after {
	content:'';
	display:block;
	height:16px;
	background-color:#222222;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
}
.footer .logo {
	margin:15px;
}
.footer .copy {
	width:500px;
	float:right;
	font-size:16px;
	margin:15px;
	color:#DFDFDF;
	text-align:center;
}
.footer .copy i {
	font-size:0.8em;
	color:#CCCCCC;
}

