strong{
	font-weight: normal;
}

body {
	position: relative;
  	height: auto;
  	min-height: 100% !important;
	max-width: 1000px;
	background: rgba(90,220,90,1);
	margin: auto;
	width: auto;
}
html::before {    
      content: "";
	background: url(../img/bodybg.jpg) repeat;
      position: fixed;
      width: 100%;
      min-height: 100% !important;
      opacity:1;
}
ol, ul {
	list-style: none;
}
#container{
	width: 1000px auto;
	position: relative;
	height: auto;
	min-height: 100% !important;
}
#header{
	display: block;
	height: 200px;
	width: 1000px auto;	
	background: url(../img/header.png)no-repeat;
}

main{
	display: block;
	width: 1000px auto;
	background:rgba(255,255,255,.8); 
	padding: 50px;


}

.section{
	display: inline-block;
	width: 100%;
	height:auto;
	min-height:100%;
	margin-bottom: 100px;
}
#nav{
	float: right;
	position: -webkit-sticky;
	position: sticky;
	top: 10px;
	left: 650px;
}
.menu{
	top:10px;
	right:150px;
	display: block;
	min-width: 380px;
	height: 126px;
}
.menu li{
	padding: 3px;
	float: left;
	width: 67px;
	height: 126px;
	display: block;
	margin: 0;
}
.menu li a{
	width: 67px;
	height: 126px;
	display: block;
	margin: 0;
	text-indent: -100000px;
}
nav.soc{
	margin: 0px auto;
	display: block;
	min-width: 170px;
	height: 126px;
}
nav.soc ul{
	width: 200px;
	height: auto;
	min-height: 100%;
	margin :auto;
	padding: 0px;
}
nav.soc li{
	padding: 5px;
	float: left;
	width: 85px;
	height: 98px;
	display: block;
	margin: 0;
}
nav.soc li a{
	width: 85px;
	height: 98px;
	display: block;
	margin: 0;
	text-indent: -100000px;
}

.fb a{
	background: url(../img/soc.png);
}
.fb a:hover{
	background: url(../img/soc.png) 0 98px;
}

.insta a{
	background: url(../img/soc.png) 85px 0;
}
.insta a:hover{
	background: url(../img/soc.png) 85px 98px;
}

#aboutNav a{
	background: url(../img/nav.png)0 0;
}
#workNav a{
	background: url(../img/nav.png)201px 0 ;
}
#shopNav a{
	background: url(../img/nav.png)134px 0;
}
#contactNav a{
	background: url(../img/nav.png)67px 0;
}



#aboutNav a:hover{
	background: url(../img/nav.png)0 126px;
}
#workNav a:hover{
	background: url(../img/nav.png)201px 126px ;
}
#shopNav a:hover{
	background: url(../img/nav.png)134px 126px;
}
#contactNav a:hover{
	background: url(../img/nav.png)67px 126px;
}

.head{
	width: 393px;
	height: 211px;
}
#about .headCont{
	display: block;
	width: 100%;
	height: 242;
}
#about .head{
	display: block;
	float: left;
	height: 211px;
	margin-bottom: 81px;
	background: url(../img/sections.png) ;
}	
#about .photo{
	display: block;
	float: left;
	width: 472px;
	height: 242px;
	margin-left: 30px;
	margin-bottom: 50px;
	background: url(../img/sections.png) 472px 0 ;
}
p{
	font-family: 'Bubblegum Sans', cursive;

/*		font-family: 'Carter One', cursive;
*/		color: #f69;
	font-size: 25px;

}
#about p{

	display: block;
	width: 100%;
	margin-top:20px;
}
#about strong{
	color: #946;
}
#work .headCont{
	display: block;
	width: 100%;
	height: 211;
}


#work .head{
	background: url(../img/sections.png) 0px 636px;
}	

#work .left{
	display: block;
	float: left;	
	width: 424px;
	height: 450px;

}
#work .right{
	display: block;
	float: right;	
	width: 450px;
	height: 450px;
	background-size: 150px;
	background-position: center;
	font-family: 'Bubblegum Sans', cursive;
	font-weight: 400;
	font-size: 15px;
	color: #aa3e03;
}

#work .photo{
}
#work p{
	display: block;
	width: 100%;
	font-size: 25px;
	margin: 20px 0 0 0;	
	color: #396;
}

#shop .headCont{
	display: block;
	height: 211px;
}
#shop .head{
	background: url(../img/sections.png) 0px 424px;
	width: 424px;
	margin: 0px;

}	
#shop .left, #contact .left{
	display: block;
	float: left;	
	width: 424px;
}
#shop .right, #contact .right{
	display: block;
	float: right;	
	width: 450px;
}
#shop .right p{
	display: block;
	font-size: 25px;
	float: right;
	width: 480px;
	text-align: justify;
	color: #f63;
}
#shopGal{
	display: inline-block;
	width: 100%;
	height: 450px;
	background: url(../img/rod9.jpg);
	background-size: fill;
}
#shop p strong{
		color: #c30;
}
#shop a{
	color: #946;
	text-decoration: none;
}
#shop a:hover{
	color: #396;
	text-decoration: none;
}

#contact {
	margin-bottom: 0!important;
}
#contact .head{
	background: url(../img/sections.png) 0px 212px;
}	

#contact .right p{
	display: block;
	font-size: 25px;
	float: right;
	width: 480px;
	text-align: justify;
	color: #0aa;
}
#contact p a{
	color: #055;
	text-decoration: none;
}
#contact p a:hover{
	color: #f55;
	text-decoration: none;
}
.goodies{
	margin-top: 20px;
	position: relative;
	display: block;
	font-size: 38px;
}

.goodiesimg{
	border-radius: 25px;
	overflow: hidden;
	height: 200px;
	width: 100%;
	display: block;
	position: relative;
	box-shadow: 0 1px 8px #aaa;
}
.goodiesimg a{
	float: left;
	width: 50%;
	height: 200px;
	background: 636px;
	opacity:.7;
}
.goodiesimg a:hover{
	opacity:1;
}
.net{
	display: block;
	float: right;
}

footer{
	display: block;
	height: 140px;
	margin-bottom: 50px;
	background: url(../img/footer.png);
	text-align: center;
}
footer p{
	margin:0px;
	padding-top: 30px;
}
footer p strong{
	font-size: 60px;
	vertical-align: middle;
}