@import url('https://fonts.googleapis.com/css?family=Oswald');

html {
	height: 100%;
}

body {
	margin: 0px;
	margin-top: 101px;
	background: #000000;

	font-family: Arial, Verdana;
	font-size: 14px;
}

#mobNav {
	display: none;
}

#top {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	box-shadow: 0px 0px 10px hsla(0,0%,0%,0.4);
}

#innerTop {
	width: calc(100% - 40px);
	max-width: 1200px;
	height: 100px;
	padding-left: 20px;
	padding-right: 20px;
	margin: auto;
}

#logoTop {
	height: 100px;
}

#buttMobNav {
	display: none;
}

#videoBand {
	width: 100%;
	border-bottom: 1px solid #ffffff;
}

#fpSlide {
	width: 100%;
	display: block;
}

#darkBand {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	background-color: #333333;
}

#darkInner {
	height: 30px;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

#content {
	width: 100%;
	background-color: #ffffff;
}

#content2 {
	width: 100%;
	background-color: #eeeeee;
	border-top: 1px solid #dddddd;
}

.innerContent {
	width: calc(100% - 80px);
	max-width: 1120px;
	padding: 40px;
	margin: auto;
}

.twoColumns {
	column-count: 2;
	column-gap: 40px;
}

.twoColumns p {
	margin-top: 0px;
	margin-bottom: 20px;
}

.condenser p {
	line-height: 20px;
	margin: 0px;
}

.centerer p {
	text-align: center;
}

.leftColumn {
	float: left;
	width: calc(50% - 20px);
}

.rightColumn {
	float: right;
	width: calc(50% - 20px);
}

.spacer {
	display: block;
	clear: both;
}


#fpServiceBand {
	width: 100%;
	background-color: #5b9240;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#fpServiceBandInner {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

#bottom {
	width: 100%;
	background-color: #333333;
	background-image: url(../siteimages/back_bottom.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #ffffff;
	border-top: 1px solid #ffffff;
}

#innerBottom {
	display: flex;
	width: calc(100% - 60px);
	max-width: 1140px;
	margin: auto;
	padding: 30px;
}

#bottom p {
	font-family: Oswald;
	color: #888888;
}

#iconPhone {
	height: 15px;
	margin-right: 10px;
}

#iconEmail {
	height: 12px;
	margin-right: 10px;
}

.bottAddress {
	margin-left: 7px;
}



#fpPhotoLeft {
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

#fpPhotoRight {
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

.social {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	width: 30px;
}

#fb {
	margin-right: 40px;
}

#quickFind {
	display: block;
	float: left;
	border: 1px solid #000000;
	padding: 5px;
	margin-left: 40px;
}



.fpVidList {
	display: table;
	width: 100%;
	height: 83px;
	margin-bottom: 30px;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

.fpVidThumbHolder {
	display: table-cell;
	width: 150px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;
}

.fpVidThumb {
	display: block;
	width: 150px;

    position: absolute;
	margin-top: -15px;
    clip: rect(15px,150px,98px,0px);
}

.fpVidDesc {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
}

.vidTitle {
	font-family: Oswald;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.vidDesc {
	display: block;
	font-size: 12px;
}

.flex2 {
	width: 50%;
}

.white {
	color: #ffffff;
}



#pageImage {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	width: 250px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

.capRight {
	float: right;
	clear: right;
	margin-left: 20px;
	margin-bottom: 15px;
	width: 250px;
	text-align: center;
	font-size: 12px;
	color: #5b9240;
}

.rightImage {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	width: 250px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

.rightServiceImage {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	width: 150px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

#opportunityHolder {
	width: calc(100% - 40px);
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 20px;
	padding-bottom: 10px;
}

.oppoImage {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 150px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}



.srItem {
	width: calc(50% - 20px);
	max-width: 480px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px hsla(0,0%,0%,0.5);
	vertical-align: top;
}

.srThumb {
	display: block;
	width: 100%;
}

.srTitle {
	font-family: Oswald;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.srDesc {
	display: block;
	font-size: 12px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* Responsive YouTube videos! */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#added {
	font-size: 12px;
	text-align: center;
	display: inline-block;
	color: #5b9240;
	margin-left: 20px;
}











.serviceHolder {
	width: calc(13% - 10px);
	max-width: 120px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	cursor: pointer;
	opacity: 0.4;
}

.serviceButt {
	width: 100%;
	display: block;
}

.serviceButtTitle {
	display: block;
	font-family: Oswald;
	font-size: 12px;
	color: #5b9240;
	text-align: center;
}



.serviceHolderFp {
	width: calc(13% - 10px);
	display: inline-block;
}

.serviceButt {
	width: 100%;
	max-width: 120px;
	display: block;
}

.serviceTitle {
	display: block;
	font-family: Oswald;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}







#iconPhone2 {
	height: 15px;
	margin-right: 10px;
}

#iconEmail2 {
	height: 12px;
	margin-right: 10px;
}

.contactInputs {
	width: 90%;
	max-width: 300px;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
}

#messageBody {
	resize: none;
	width: 90%;
	max-width: 600px;
	height: 200px;
	border: 1px solid #000000;
	padding: 5px;
}

#sentMessage {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #5b9240;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	border-radius: 3px;
}

#sendButton {
	background-color: #5b9240;
	color: #ffffff;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;
	border: none;
}





#slideSpacer {
	display: block;
}

.imageBox {
	width: calc(100% - 80px);
	max-width: 800px;
	height: 450px;
	position: absolute;
	left: 50%;
}

.slideshow {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: opacity 3s;
	opacity: 1;
	border-radius: 3px;
}

.imageBox img.is-hidden {
	opacity: 0;
}




.galleryTable {
	width: 150px;
	height: 180px;
	display: inline-table;
	margin: 10px;
	background-color: #ffffff;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
	vertical-align: top;
}

.galleryImageTd {
	width: 150px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.galleryImage {
	max-width: 150px;
	max-height: 150px;
	border-radius: 3px;
	border: 1px solid #ffffff;
}

.galleryTitleTd {
	display: table-cell;
	width: 150px;
	height: 30px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}

.photoTable {
	width: 150px;
	height: 150px;
	display: inline-table;
	margin: 10px;
	background-color: #ffffff;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
	vertical-align: top;
}

.photoImageTd {
	width: 150px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}




#imageHolder {
	position: fixed;
	left: 50%;
	top: 50%;
	display: none;
	border: 10px solid #ffffff;
	box-shadow: 0px 0px 20px hsla(0,0%,0%,1);
	background-color: #ffffff;
	z-index: 2000;
}

#imageImage {
	display: block;
	cursor: pointer;
	margin-bottom: 5px;
}

#externalImage {
	width: calc(100% - 40px);
	max-width: 800px;
	max-height: 800px;
	border-radius: 3px;
	border: 10px solid #ffffff;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,3);
}

#closeButton {
	float: right;
	position: relative;
	top: 3px;
	z-index: 10000;
}





#subscribe {
	border: none;
	background-color: #ff0000;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 18px;
	font-size: 22px;
	margin-left: 10px;
}

#subscribeBand {
	width: calc(100% - 40px);
	padding: 20px;
	background-color: #333333;
	border-radius: 3px;
}

#subscribeText {
	color: #ffffff;
}

#subIfr {
	display: none;
	width: 100%;
	height: 300px;
}

#subEmail {
	color: #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 18px;
	font-size: 22px;
	border: none;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.5);
	text-align: center;
	width: 90%;
	max-width: 300px;
}








.eventTable {
	display: inline-table;
	width: calc(50% - 20px);
	margin: 10px;
	margin-bottom: 20px;
	padding: 0px;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.2);
	border-radius: 3px;
	vertical-align: top;
}

.eventTable td {
	padding: 5px;
}

.eventListThumbTd {
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: central;
	display: table-cell;
	padding: 5px;
}

.eventListThumb {
	max-width: 100px;
	max-height: 100px;
	display: block;
	margin: auto;
}

.eventDate {
	display: block;
	margin-top: 5px;
	font-size: 10px;
	color: #5b9240;
}

.eventDescription {
	font-size: 12px;
	text-align: left;
	margin-top: 5px;
	display: block;
}




#blocker {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);

	opacity: 0;
	transition: opacity 1s ease-in-out;
}

#competitionHolder {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 100px);
	max-width: 500px;
	border: 5px solid #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.7);
}

#competitionCloser {
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	background-color: #ff0000;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.7);

	border: 2px solid #ff0000;
	transition: all 0.3s ease-in-out;
}

#competitionCloser:hover {
	border: 2px solid #ffffff;
	background-color: #aa0000;
}

#compeititionInfo {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 40px);
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 20px;
	text-shadow: 3px 3px 10px rgba(0,0,0,0.6), -3px -3px 10px rgba(0,0,0,0.6);
}

#competitionHolder button {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.7);

	background-color: #ff0000;
	border: 2px solid #ff0000;
	transition: all 0.3s ease-in-out;
}

#competitionHolder button:hover {
	background-color: #aa0000;
	border: 2px solid #ffffff;
}

#theo {
	width: 100%;
}

#rode {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 100px;
	border: 1px solid #ffffff;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
}














#ifr {
	display: none;
}

.red {
	color: #ff0000;
}



p {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	font-family: Arial, Verdana;
	text-align: justify;
}

.condensed {
	line-height: 20px;
}

h1 {
	font-family: Oswald;
	font-size: 30px;
	color: #333333;
}

h2 {
	font-family: Oswald;
	font-size: 24px;
	color: #760000;
}

hr {
	border: none;
	border-top: 1px dotted #dddddd;
	width: 70%;
}

.row {
	display: table-row;
}

button {
	cursor: pointer;
}






a:link {
	text-decoration: none;
	color: #00aa00;

	transition: color 0.5s;
}

a:active {
	text-decoration: none;
	color: #00aa00;
}

a:visited {
	text-decoration: none;
	color: #00aa00;
}

a:hover {
	text-decoration: none;
	color: #aa0000;
}







a:link.linksTop {
	text-decoration: none;
	display: inline-block;
	color: #313131;
	font-size: 16px;
	font-family: Oswald;
	float: right;
	margin-left: 10px;
	margin-top: 27px;
	text-align: center;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;

	transition: color 0.5s;
}

a:active.linksTop {
	text-decoration: none;
	display: inline-block;
	color: #313131;
	font-size: 16px;
	font-family: Oswald;
	float: right;
	margin-left: 10px;
	margin-top: 27px;
	text-align: center;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;
}

a:visited.linksTop {
	text-decoration: none;
	display: inline-block;
	color: #313131;
	font-size: 16px;
	font-family: Oswald;
	float: right;
	margin-left: 10px;
	margin-top: 27px;
	text-align: center;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;
}

a:hover.linksTop {
	text-decoration: none;
	display: inline-block;
	color: #5b9240;
	font-size: 16px;
	font-family: Oswald;
	float: right;
	margin-left: 10px;
	margin-top: 27px;
	text-align: center;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;
}

#linkSelected {
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
	background-color: #5b9240;
	border-radius: 3px;
	font-size: 16px;
	font-family: Oswald;
	float: right;
	margin-left: 10px;
	margin-top: 27px;
	text-align: center;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
}







a:link.galleryLink {
	filter: saturate(20%);

	transition: all 0.5s;
}

a:active.galleryLink {
	filter: saturate(20%);
}

a:visited.galleryLink {
	filter: saturate(20%);
}

a:hover.galleryLink {
	filter: saturate(100%) brightness(140%);
}