@font-face {
	local('coquette_light');
	local('coquette-light');
	local('coquette light');
	font-family: 'coquette-light';
	src: url('../fonts/coquette_light.eot');
	src: url('../fonts/coquette-light.ttf');
	format('truetype');
}

@font-face {
	local('niconne');
	font-family: 'niconne';
	src: url('../fonts/niconne.eot');
	src: url('../fonts/niconne.ttf');
	format('truetype');
}

@font-face {
	local('Avenir Light');
	font-family:'Avenir Light';
	src: url('../fonts/AvenirLTStd-Light.woff');
	format('woff');
}

html {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

#container {
	position:relative;
	min-height:100%;
	margin-bottom:-50px;
}

p {
	font-family:'Avenir Light';
}

/** NAVIGATION **/

	header {
		height:65px;
	}

	nav {
		position: fixed;
		top:0;
		height:65px;
		width:100%;
		text-align: center;
		padding-top:0px;
		background-color:#F2F2F2;
		box-shadow: 0px 0px 20px #8A8A8A;
		border-bottom:1px solid black;
	}

	nav a {
		text-decoration: none;
		margin-right: 20px;
		margin-left: 20px;
		margin-top:0px;
		color:#696969;
		font-family:verdana;
		font-size:13px;
		line-height: 60px;
		vertical-align: top;
		font-weight:bold;
	}

	#logo {
		height:60px;
		margin:0px 20px 0px 0px;
		padding:0px;
	}

/** FOOTER **/
	footer {
		height:45px;
		text-align: center;
		width:100%;
		background-color:#004C4C;
		opacity:.6;
		position:absolute;
		bottom:0px;
		left:0px;
	}

	#socialmedia-left, #socialmedia-center, #socialmedia-right{
		background-color:#004C4C;
		height:45px;
		text-align: center;
		line-height: 40px;
		width:33%;
		float:left;
		
	}

	#socialmedia-left a, #socialmedia-center a, #socialmedia-right a {
		text-decoration: none;
		line-height: 45px;
	}

	#facebook {
		color:white;
		font-family:coquette-light;
		display: table-cell;
		vertical-align: middle;
		line-height: 40px;
		font-size:23px;
	}

	#socialmedia-left img, #socialmedia-center img, #socialmedia-right img {
		height:40px;
		margin-right:10px;
		padding-top:6px;
		vertical-align:top;
	}

/** FEATURED SLIDESHOW **/
	#featured {
		margin:0px;
		padding:0px;
	}

	#featured img {
		height:100%;
		width:100%;
	}

#maincontent {
	min-height: 100%;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:45px;
}

h1 {
	color:black;
	font-family:'coquette-light';
	font-size: 40px;
	line-height: 40px;
	top-margin:220px;
	font-weight:normal;
	left:auto;
	right:auto;
}

h2 {
	color:black;
	font-family:'coquette-light';
	font-size: 25px;
	line-height: 20px;
	top-margin:200px;
	font-weight:normal;
	left:auto;
	right:auto;
}

h3#header3 {
	color:white;
	text-align: center;
	font-family:verdana;
	font-size:20px;
	line-height: 100px;
	font-weight:normal;
}

#banner {
	background-image:url('../images/Christmas.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	height:475px;
	width:100%;
	border:1px solid black;
	margin:0px;
	padding:0px;
}

	#bannertext {
		height:300px;
		margin-top:175px;
	}


		#bannertext h1, #bannertext2 h1 {
			color:white;
			text-align: center;
			font-family:'niconne';
			font-size: 70px;
			line-height: 0px;
			top-margin:200px;
			font-weight:normal;
			left:auto;
			right:auto;
		}

#home_para {
	text-align:center;
	font-family:verdana;
	font-size:15px;
	line-height:23px;
	color:#3f3f3f;
}

/* HOME PAGE BOXES */

	#triplebox {
		width:100%;
		margin-top:50px;
	}

	#triplebox img {
		height:220px;
		opacity: 0.7;
	}

	#leftbox, #middlebox, #rightbox {
		display:inline-block;
		margin-left:10px;
		position:relative;
	}

	#leftbox a, #middlebox a, #rightbox a {
		position:absolute;
		bottom:85px;
		right:15%;
		background-color:#004C4C;
		width:70%;
		text-align: center;
		color:white;
		font-family:coquette-light;
		font-size:18px;
		text-decoration:none;
		font-style:italic;
		font-weight:normal;
		border-radius:20px 0px 20px 0px;
		line-height:40px;
	}


/* FEEDBACK PAGE STUFF */

	.review {
		width:100%;
		margin-bottom:10px;
		clear:both;
	}

	.date {
		font-family:Verdana;
		font-size:15px;
		width:12%;
		float:left;
	}

	.reviewcontent {
		float:right;
		width:87%;
		padding-bottom:15px;
	}

	.comment {
		font-size:15px;
		font-family:Verdana;
	}

	.name {
		font-style:italic;
		color:gray;
		font-size:15px;
		font-family:verdana;
	}

	#paragraphbackgroundimage {
		opacity:0.3;
		position:absolute;
		right:0px;
		top:0px;
		width:550px;
	}

/* PHOTO GALLERY CATEGORIES */
	#gallery {
		width:95%;
		height:850px;
		margin-left: auto;
		margin-right:auto;
	}

	.box {
		display:inline-block;
		margin:20px 0px 0px 24px;
		padding:10px 10px 30px 10px;
		position:relative;
		width:190px;
		height:200px;
		background-color:#F2F2F2;
		text-align: center;
		overflow: hidden;
		border-radius: 5px;
		box-shadow: 0px 0px 7px #A3A3A3;
	}

	.image {
		display:inline-block;
		position:relative;
		height:160px;
		line-height: 200px;
		overflow: hidden;
		width:190px;
		margin-bottom:15px;
		border-radius: 5px;
	}

	.image img {
		position:absolute;
		left:0px;
		right:0px;
		top:-100%;
		bottom:-100%;
		margin:auto;
		width:100%;
	}

	.description {
		width:100%;
		height:40px;
		background-color:#F2F2F2;
		clear:both;
		font-family:coquette-light;
		font-size:17px;
	}

	.box a {
		color:black;
	}


/* PHOTO GALLERY */

	#columns {
		column-width: 300px;
		column-gap: 10px;
	  	width: 100%;
		max-width: 1000px;
		margin: 50px auto;
		column-count:3;
	}

	div#columns figure {
		background: #fefefe;
		border: 2px solid #fcfcfc;
		box-shadow: 0px 0px 15px #CCCCCC;
		margin: 10px 5px 10px 5px;
		padding: 10px;
		transition: opacity .4s ease-in-out;
		display: inline-block;
		column-break-inside: avoid;
	}

	div#columns figure img {
		width: 100%;
		height: auto;
		/*border-bottom: 1px solid #E5E5E5;*/
		padding-bottom: 15px;
		margin-bottom: 5px;
	}

	div#columns figure figcaption {
	  	font-size: .9rem;
		color: black;
	  	line-height: 1.0;
	  	text-align: center;
	  	font-family:'Avenir Light';
	  	text-decoration:none;
	}
/*
	div#columns:hover figure:not(:hover) {
		opacity: 0.6;
	}
*/
	div#columns figure:hover {
		border:2px solid #b3b3b3;
	}
	
	@media screen and (max-width: 750px) { 
	  	#columns { column-gap: 0px; }
	  	#columns figure { width: 90%; }
	}

	.gallerydescription {
		font-family:'Avenir Light';
		margin-left:50px;
	}

	#anchors {
		text-align:center;
	}

	#anchors a {
		color:black;
		font-family:'coquette-light';
		font-size:18px;
	}

/*BLOG STUFF */
#maincontentblog {
	min-height: 100%;
	width:700px;
	padding-bottom:45px;
	margin:10px auto 0 auto;
	background-color:white;
}

.postheader h3{
 	color:black;
 	text-align: left; 
 	line-height:15px;
 	font-size:30px;
 	font-weight:bold;
 	box-shadow: none;
 	margin-bottom:0px;
 	padding-bottom:0px;
}

.postheader h5 {
	font-size:12px;
 	margin:-20 0 -10 0;
 	padding:-20 0 -10 0;
 	line-height:10px;
}

.postdate {
	margin-bottom,margin-top:0px;
 	padding: 0px;
 	opacity:0.60
}

.w3-container.w3-padding-8 h3{
 	color:black;
 	text-align: left; 
 	line-height: 40px;
 	font-size:30px;
 	box-shadow: none;
 	margin-bottom:0px;
 	padding-bottom:0px;
 	border:1px solid blue;
 }

 .w3-container.w3-padding-8 h5{
 	font-size:13px;
 	margin:-10 0 -10 0;
 	padding:-10 0 -10 0;
 	border:1px solid green;
 }

 .w3-opacity{
 	margin-bottom,margin-top:0px;
 	padding: 0px;
 	border:1px solid yellow;
 }

 h3,h5{font-family:"Segoe UI",Arial,sans-serif}
 h3{font-size:24px}
 h3,h5{font-weight:400;margin:10px 0;margin-bottom:0px;}.w3-wide{letter-spacing:4px}
 h5{font-size:18px}
 .w3-padding-8{padding-top:8px!important;padding-bottom:0px!important}
 .w3-margin{margin:16px!important}.w3-margin-0{margin:0!important}
 .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
 .w3-opacity,.w3-hover-opacity:hover{opacity:0.60;filter:alpha(opacity=60);-webkit-backface-visibility:hidden}

 .w3-card-4.w3-margin.w3-white {
 	box-shadow: none !important;
 }

.w3-col.s12 {
	width:700px;
	margin: 30px auto 0px auto;
	background-color:white !important;
}

.w3-container {
	padding:0px;
	margin:0px;
}

/* HORIZONTAL LINES */

hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

/* Contact */

#contact {
	width:100%;
}

label {
	display: block;
	clear:left;
	float:left;
	width:150px;
	text-align:right;
	padding:0px 15px 0 0;
	font-weight:bold;
	line-height: 35px;
	font-family:Verdana;
}

form #name, #email, #subject {
	height:23px;
	margin-top:5px;
	margin-bottom:5px;
	width:400px;
}

form #text-one, #text-two {
	margin-top:10px;
	margin-bottom:0px;
}

form #message {
	height:100px;
	margin-top:5px;
	margin-bottom:5px;
	width:400px;
}

div #submitdiv {
	text-align: left;
	height:40px;
}

form #submit {
	width:200px;
	height:38px;
	font-weight:bold;
	font-size:14px;
}

fieldset {
	padding:10px;
	border: 0px solid gray;
	margin: 25px 0;
}


/* Listing Table */

#listingtable {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

th {
	font-size:18px;
	text-align: left;
	font-family:'Avenir Light';
	font-weight:bold;
	border-bottom:1px solid gray;
}

td {
	font-family:'Avenir Light';
	border-bottom:1px solid gray;
}

#listingtable img {
	width:100%;
}

/* Edit and Add Forms */

#form {
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

#tablecontainer {

}

#savebutton, #editbutton, #deletebutton, #cancelbutton {
	width:70px;
	height:38px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:7px;
	margin-right:2px;
}

#deletebuttonconfirm {
	width:100px;
	height:45px;
	font-weight:bold;
	font-size:18px;
	margin-right:10px;
	margin-top:20px;
}

#deletecancel {
	width:100px;
	height:45px;
	font-weight:bold;
	font-size:18px;
	margin-top:20px;
}

input[type="text"] {
	width:350px;
}

.editImage {
	height:250px;
	box-shadow: 0px 0px 15px 1px gray;
	float:right;
}