@charset "UTF-8";
/* CSS Document */

.logo {
}
body {
	margin-bottom: 100px;
	max-height:2600px;
}
.nav1 {
	
	background-color: #007236;
}
.wrapper {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	
}
a {
	padding-right: 20px;
	padding-left: 20px;
	color: white;
	text-decoration: none;
	overflow: hidden;
}
/* unvisited link */
a:link {
	color: white;
}
.nav2 {
	display: inline;
 	color: #fff;
	max-height: 500px;
	float:left;
	
}
a.nav2 {
	color: white;
	padding: 20px;
}
a.nav2:hover {
	color: blue;
}
/* mouse over link */
a:hover {
	color: pink;
}
.class1:link {
	text-decoration: none;
	color: purple;
}
li {
	display: inline;
	
}
img {
	max-width: 100%;
	max-height: auto;
	box-shadow: 2px 2px 3px #888888;
	
}
img.no-sh {
	box-shadow: 2px 2px 3px #ffffff;
}
.contact {
	float: left;
	padding-left: 90px;
	padding-right: 50px;
	max-width: 550px;
	font-size: 16px;
}
.pic {
	font-size: 13px;
}
.product {
	display: inline-block;
	align-content: center;
	padding-bottom: 40px;
	font-size: 11px;
}
.oils {
	float: left;
	padding-right: 40%;
	font-size:14px;

}


.subtext {
	font-size: 16px;
	margin-left: 200px;
}

.thumbnail img {
	border: 1px solid white;
	margin: 0 0px 0px 0;
	
}

.thumbnail:hover {
	background-color: transparent;
}
.thumbnail:hover img {
	border: 1px solid blue;
}
.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color:#E9E8E8;
	padding: 0px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	margin: 0px;
}
.thumbnail:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 340px;
	left: 622px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
button {
	background-color: #EEECEC;
	margin: 5px;
}
.buy {
	display: inline;
	font-size: 14px;
	
}
.buy img {
	margin: 10px;
	max-width: 150px;
	height: auto;
	
}
.gallery {
	
	display: inline-block;
	max-width: 900px;
	background-color: #FFFFFF;
	
	padding-bottom: 25px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	max-width: 20%;
	text-align: center;
	float: left;
	margin-top: 0px;
	
	padding-bottom: 10px;
	padding-top: 10px;
	
}
.gallery .thumbnail {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}
.gallery .thumbnail p {
	margin: 0;
	color: #000000;
	text-align: center;
	padding-left: 20px;
}
form {
	display:inline;
}
footer {
	color: #000000;
	display:inline-block;
	background-color: #ffffff;
	max-height: 100px;
	float:left;
}