body {
	color: #000;
	text-align: center;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url(../../WaterGrass_Back1.jpg);
	background-position: center top;
	margin: 50px auto 0;
}
p, div, li, td {font-size:16px}
#Maincontainer {
	height: 700px;
	width: 900px;
	position: relative;
	margin: 0 auto;
	border: 2px solid #000;
	background: #000 url(../../images/NetsPaper.jpg) no-repeat;
}
#LogoLeft {
	float: left;
	height: 80px;
	width: 460px;
	margin-left: 5px;
	margin-top: 15px;
}
.hom2 #Show-Right {
	width: 400px;
	height: auto;
	margin: 10px 10px 0 0;
}
.cycle-slideshow {
	width: 400px;
	height: 280px;
	overflow: hidden;
}
.cycle-slideshow img {
	width: 400px;
	height: auto;
	border-radius: 0px;
}


@media (max-width:800px) {

body {
background: #DBDCD1 none;
border: 0 none;
margin:0;
}

#Maincontainer {
	    height: 100%;
    min-height: 700px;
	width: 100%;
background: #DBDCD1 url(../../images/NetsPaper.png) 0 0 no-repeat;
border: 0;
    background-size: contain;
}

}

@media (max-width: 800px) {
#LogoLeft {display:none; width:0; height:0;}
}
#Show-Right {
	float: right;
	height: 280px;
	width: 420px;
	margin-top: 10px;
}
@media (max-width:800px) {
#Show-Right {
display:none;
}
}
.floatLeft {
	float: left;
}.floatRight {
	float: right;
}
#BottomArea {
	height: 380px;
	width: 640px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: left;
	padding-right: 20px;
	overflow: auto;
}
@media (max-width: 800px) {

#BottomArea {
height:auto;
width:96%;
float:none;
margin:0;
clear:both;
padding:10px 12px 0;
font-size: 18px;
}


}
#LeftNav {
	height: 545px;
	width: 190px;
	float: left;
	margin-left: 25px;
	font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
	text-align: left;
	color: #202118;
	font-weight: bold;
	font-variant: normal;
	font-size: 18px;
	line-height: 30px;
transition: all .3s;
}
#mobi-menu {display:none;}

@media (max-width: 800px) {
#LeftNav {
display:none;
text-align:right;
margin:0;
opacity: .2;
height: auto;
max-height:0;
width: 100%;
line-height: 1.7;
transition: all .3s;
overflow:hidden;
}
body.mobi-menu #LeftNav {
display:block;
max-height:initial;
max-height:inherit;
border-bottom: 1px solid #333;
opacity: 1;
transition: all .3s;
}
#LeftNav a {
display:block;
padding: 5px 25px 5px 0;
font-size:20px;
font-family: arial, sans-serif;
}
#LeftNav br {
display:none;
}
#mobi-menu {
display: inline-block;
    float: right;
    width: 26%;
    font-size: 30px;
    font-family: arial, sans-serif;
    padding: 14px 0;
    background: #525232;
    color: #fff;
   
    vertical-align: middle;
z-index:999;
}
.homepage #mobi-menu {
 margin-top:106px;
}
#mobi-menu span {
    width: 32px;
    height: 30px;
    margin: 0 0 0 5px;
    vertical-align: middle;
display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNrs18EJACAMBMFE7NVm7UmTKvaRPfA/HITDfJUAswLOrpejGxAgQIAAAb0FlwQkPcfdwKEb8AoECBAgAF/D2X/DL8AAJpMNamht79sAAAAASUVORK5CYII=);
}
body.mobi-menu #mobi-menu span {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtJREFUeNpi/P//P8NAAiaGAQaD0gGiQDwNiDmpbFcFENtgiILSABo++R8C9gIxJxZ5cnAd1MzPQCyHLIdNsRMQf4Nq2EUFR8AsB4FGdHlcmqjlCLyW43MANRxRTchyQg4AYVcyHUGU5cQ4AN0R24lwBLLlLYTMJzY4iXUESZaT4gBsjmBDk68g1XJSHYDPEciWt5NiJjlZywPNEdXkWk6uA9AdQbbllDgAhOcgWX4HS5qgqQNKkSz/DaW3kOMISi3vgkbHTyh/I6mOINXyIjTLkdMEWY6ghuXYHLGOWEeQY3kvgdxBkiOoaTlZjqC25TDsjeSI1fgcgc+QfDItJ8kRxFg+gYLCCt0RzMQ4IIdKlhPlCGwabKCt1wlUahEjOyIHXY4RR9dMBYjvULlfIAfEj9AFGUd83xAgwADmfCVPqd45vAAAAABJRU5ErkJggg==);
}

}
a {
	font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
}
a, a:visited, a:active, a:focus {
	font-size: 18px;
	font-weight: bold;
	color: #202118;
	text-decoration: none;
}
a:hover {
	color: #59361c;
}

.floatLeftPhoto {
	float: left;
	padding-right: 10px;
}
.TextNorm10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#Headline {
	float: left;
	height: 50px;
	width: 460px;
	margin-left: 15px;
	margin-top: 5px;
	font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
	font-size: 22px;
	font-weight: normal;
	color: #313324;
}
@media (max-width:800px) {
#Headline {
width: 60%;
    text-align: left;
    float: left;
    height: auto;
  
    font-size: 30px;
    clear: both;
    padding: 30px 0 0 10px;
}
.homepage #Headline {
  margin: 90px 0 0;
}
}
h1 {
	font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
        font-size: 28px;
	font-weight: bold;
	color: #000000;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	background-color: #2F2F05;
	color: #C8C4AF;
	line-height: 18px;
}
h3 {
	font-family: "Handwriting - Dakota", "Gill Sans", Arial;
	font-size: 14px;
	font-style: italic;
	background-color: #818359;
	line-height: 18px;
}
.sharer-links {
float:right
}
.pagenavigation, .gallery {clear:both;}
#Top-Right {
	float: right;
	height: 75px;
	width: 420px;
	margin-top: 75px;
	text-align: center;
}
#Main {
	height: 520px;
	width: 650px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	padding-right: 20px;
	overflow: auto;
}
#Credit {
	font-family: "Gill Sans", Arial;
	font-size: 12px;
	height: 25px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 24px;
	color: #3B390D;
}
@media (max-width:800px) {
#Credit {display:none;}
}
.Dakota {
	font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
	font-size: 14px;
	color: #3B390D;
}
#Announce {
	height: 130px;
	width: 185px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
}

.product-grid div {float:left; width:48%;}
.product-grid div a {display:block;}

.gallery div.img {margin:10px; width: 25%; float:left;}
.gallery div.img img {width:100%; height:auto;}

.clear {clear:both;}

.mobile-only, #mobile-content  {display:none;}

@media (max-width:800px) {
a,a:link,a:visited {text-decoration: underline}
table {width:100% !important; height: auto !important}
td, th {float:left;}
#Announce {display:none;}
.mobile-only {display:block;}
#mobile-content {display:block;}
#desktop-content {display:none;}
#Top-Right {
    height: auto;
    width: 100%;
    margin-top: 108px;
}

#Top-Right h1 {margin:0;}

#Main {
    height: 100%;
    width: 100%;
    margin-right: 0;
    float: right;
    font: 17px/1.4 "Times New Roman", Times, serif;
    text-align: left;
    box-sizing: border-box;
    padding: 0 20px;
}
body img {max-width:100%; height: auto;}
h4 img {width:100%; height:auto;}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    padding-top: 56.25%;
    display: block;
    content: "";
}
.embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

}

@media (max-width:600px) {
#Maincontainer{overflow: hidden;}
#Headline {padding: 24px 0 0 10px;}
#mobi-menu { padding: 14px 10px;    font-size: 24px;}
#mobi-menu span {width:28px;}
table {
    width: 100% !important;
    height: auto !important;
}
img.mobile-only {width:100%;height:auto;}
#Top-Right {
    height: auto;
    width: 100%;
    margin-top: 80px;
}
.product-grid div{width:75%;}

}

@media (max-width: 490px) {
#Headline {font-size:22px}
}

@media (max-width:480px) {
#Headline, #mobi-menu {font-size: 22px;}
#Maincontainer {background-size:130%}
.gallery div.img {margin:6px; width: 33%;}
.homepage #mobi-menu {margin-top:84px}


}


@media (max-width:360px) {
#mobi-menu {font-size: 18px;}
}





/* Stylesheet: Sierra1-Dev Modified On 2019-02-26 17:47:34 */