html{height:100%; width:100%}
body{height:100%; width:100%; font-size:14px; color:#666666; background-color:#1d1d1d; padding:0px; margin:0px; box-sizing:border-box; font-family: 'Open Sans', sans-serif;}

h1, h2, h3, h4, h5{margin:0px; padding:10px 0; font-weight:normal}
h1{font-size:36px; color:green}
h2{font-size:22px; padding:25px 0 15px}
h3{font-size:18px; }


textarea{width:80%}

input[type=text],input[type=password], select, textarea{border:1px solid #999; padding:5px; font-size:16px; font-family: 'Open Sans', sans-serif; box-sizing:border-box}
input[type=submit],input[type=reset]{border:1px solid #999; padding:5px 15px; border-radius:4px}
div{box-sizing:border-box; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover}

p{margin:0px; padding:0 0 15px 0;}

td{vertical-align:top}

a{color:#2c0959; text-decoration:none}
a:hover{color:#663399}

img{border:0px}

.flex{display:-webkit-flex; display:flex; -webkit-align-items:stretch; align-items:stretch}
.flex > div{-webkit-flex-grow:1; flex-grow:1}

#container{max-width:1200px;width:100%; min-width:300px; margin:0px auto; position:relative; padding:15px; background-color:#FFFFFF}

#photo{color:1d1d1d; font-size:28px; text-shadow:2px 2px 3px #ccc}

#photostrip{height:360px; background-image:url(../images/bg.png); background-size:cover}

#telBar{ position:absolute; top:12px; right:0px; font-weight:700; font-size:40px}
#telBarSmall{display:none}

#searchbox{position:absolute; top:180px; right:5px; width:300px; margin:0 0 10px; color:#666; display:none}
#searchbox input{ background-image:url(../images/search.png); background-repeat:no-repeat; background-position:center right 5px; background-size:20px; border:2px solid #ccc; width:100%; outline:none}

#masthead{height:90px}
#masthead #hpLogo1, #masthead #hpLogo2{color:#1d1d1d; top:0px}
#masthead #hpLogo2{top:50px}

#mainnav{position:absolute; right:15px; top:45px}
#mainnav a{color:#1d1d1d; padding:0px 10px; font-size:16px}

#mobnavButton{border:3px solid #ccc; width:50px; height:50px; position:absolute; top:12px; right:10px; display:none; cursor:pointer}
#mobnavButton:hover{opacity:0.8; cursor:pointer}
#mobnavButton > div{border:2px solid #ccc; margin:8px 6px 8px}

#mobnav{position:absolute; top:97px; left:0px; z-index:1000; display:none; width:100%; background-color:#fff}
#mobnav a{padding:10px; background-color:#fff; color:#000; display:block; border-bottom:1px solid #ccc; font-size:18px}
#mobnav a:hover{ background-color:green; color:#fff}
	
#logo img{max-width:220px; margin:5px 0 15px 0}

#hpNav{position:absolute; top:80px; right:5px; text-transform:uppercase}
#hpNav a{color:green; padding:0px 14px; font-size:18px; border-left:2px solid #ccc}
#hpNav a:hover{opacity:0.6}
#hpNav a:first-of-type{border:0px}
#hpNav a:last-of-type{padding-right:0px}

#content{min-height:400px; padding:0px 5px; font-size:16px; line-height:30px; color:#1d1d1d}
#content h1{padding:10px 0px; margin:0 0 15px 0; text-transform:uppercase}

.bull{display:inline-block; width:6px; height:6px; margin-left:2px; margin-bottom:4px; background-color:green}
.grey{color:#666666}
.red{color:#FF0000}
.small{font-size:11px}
.shadow{box-shadow:0px 0px 5px #573485}
.table{display:table}
.row{display:table-row}
.cell{display:table-cell;}
.readmore{font-size:14px; position:absolute; bottom:12px; right:15px}
.floatright{float:right; margin:0 0 15px 15px}
.ytvideo{width:320px; height:180px; margin:0 5px 5px 0}
.strapline{ background-color:green; border-radius:10px; text-align:center; font-size:40px; padding:20px; color:#ffffff; margin:15px 0 0}
.strip{height:5px; background-color:green; margin:0 0 25px}

.hpbox{background-color:#FFFFFF; background-image:url(../images/torn-paper.png); background-repeat:no-repeat; background-size:contain; background-position:0px -12px; padding:0 15px 15px 15px; margin:10px 10px 10px 0; width:283px; min-height:200px; position:relative}
.hpbox h2{font-size:24px; padding:10px 0 35px 0; margin:0px;}

.hpFlex{box-sizing:border-box}
.hpFlex > div{margin:0 0 15px}
.hpFlex > div:first-of-type{max-width:260px; width:100%; background-image:url(../images/woman2.png); background-position:center top}
.hpFlex > div:first-of-type img{max-width:100%; height:auto}
.hpFlex > div:last-of-type{padding:50px 0 50px 40px; background-color:green; color:#fff; font-weight:700; font-size:46px; line-height:normal}
.hpFlex h1{color:#fff}

.vidList{list-style:none; padding:15px 0; margin:0px}
.vidList li{width:300px; display:inline-block; text-align:center; padding:0 0 10px}
.vidList li p{background-color:#ffa36e; padding:10px 4px; font-size:18px}

#terms{color:green; border:2px solid green !important}

#footer{background-color:#1d1d1d; color:#FFFFFF; min-height:250px; text-align:center; margin: 0px}
#footer p{ padding:40px 0 0 0}
#footer a{color:#FFFFFF}
#footer a:hover{opacity:0.6}

#footNav{ padding:30px; 0}
#footNav a{font-size:15px; text-transform:uppercase; padding:0 15px}

#subfooter{font-size:11px; color:#3a3a3a; text-align:center; padding:10px 0}
#subfooter a{color:#3a3a3a}

#socials{}
#socials a{padding:0px 20px}
#socials a img{height:36px}
#socials a:nth-child(6) img{height:30px}

.galleryitem{display:block; background-color:#ccc; border-radius:3px; padding:0px 15px; margin:10px; width:200px; min-height:210px; text-align:center}
.galleryitem p{background-color:#666; padding:10px 4px; font-size:18px}
.galleryitem:hover{opacity:0.8}

.gallthumb{max-width:200px; max-height:140px; padding:5px 0px; margin:0px auto; line-height:140px; text-align:center; display:block;}
.gallthumb img{max-height:180px; max-width:200px; vertical-align:middle}

.gallthumb2{width:180px; height:200px; float:left; padding:5px; margin:5px 10px 5px 0; line-height:200px; text-align:center; display:block; background-color:#ffa36e; padding:10px; position:relative}
.gallthumb2 img{max-height:180px; max-width:180px; vertical-align:middle}

#mask{width:100%; height:1000px; background-color:#000; opacity:0.7; z-index:1000; display:none; position: fixed; top:0px; left:0px}
#photo{padding:15px; background-color:#FFFFFF; display:none; z-index:1001; width:600px; position:absolute; cursor:pointer; top:40px; text-align:center; position:fixed}
.caption{text-align:center; color:#333333}
.credit{font-size:11px}

.catFlex{-webkit-flex-wrap:wrap; flex-wrap:wrap}
.catFlex > div{border:1px solid #ccc; text-align:center; padding:20px; min-width: 300px; max-width:400px; height:340px; margin:5px; cursor:pointer}
.catFlex > div:hover{opacity:0.9}

.catFlex > div > div{background-image:url(../images/bg.png); background-size:contain; background-position:top center; height:100%; max-height:260px}
.catFlex a{color:#fff; font-weight:700; font-size:22px;}
.catFlex a > div{ position:absolute; bottom:-40px; width:100%; background-image:url(../images/transblack.png); border-radius:5px; padding:8px 5px 12px}

.flexItems{-webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start}
.flexItems > div{border:1px solid #ccc; border-radius:4px; padding:15px; margin:5px; max-width:260px; min-width:260px; text-align:center}

.prodThumb{background-size:contain; background-position:center; height:160px; width:100%; height: 120px; margin:0 auto 15px}
.prodThumb img{width:100%; height: 100%; object-fit: contain; object-position: center}

.prodWrap{min-height:100px}
.nameField{font-size:22px; line-height:24px; margin:10px 0 5px; color:green}
.priceField{font-size:22px; background-color:green; color:#fff; margin:5px 0 0; padding:5px; border-radius:10px}
.descField{line-height:1.2em; padding:0 0 15px}

#justifiedGallery img{ z-index:1}
#justifiedGallery p{z-index:2; position:absolute; top:-20px}

#addressbar{padding:40px 10px 0; font-size:18px}

.hpSkitter{margin:0 0 20px 0; background-color:#000; text-align:center}

.content_testimonials p{padding:40px 20px 40px 170px; font-size:18px; border:2px solid green; margin:0 0 15px; border-radius:5px; background-image:url(../images/testimonial.png); background-repeat:no-repeat; background-position:center left 40px}
.content_testimonials strong{color:green}

.catDesc{background-color:#eee; padding: 20px; margin: 15px auto; border-radius:5px}


.hpSkitter .container_skitter {
    width:1132px;
    height:357px;
	margin:0px;
}

.hpSkitter .box_skitter {
    width:1132px;
    height:357px;
}

.hpSkitter .box_skitter img {
    width: 1132px;
    height:357px;
}

.vidwrapper {
	position: relative;
	padding-bottom: 48%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.vidwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 899px){
	#telBar{font-size:30px}	
}


@media (max-width: 767px){
	#hpNav{display:none}
	#logo img{max-width:160px}
	#photostrip{height:200px}
	#container{padding:5px}
	#mobnavButton{display:block}
	#mobnav{display:block}
	#footNav{padding:10px 0 20px}
	#footNav a{font-size:11px; padding:0 10px}
	#socials img{width:30px; height:auto !important}
	#subfooter{display:none}
	.hpFlex{display:block}
	.hpFlex > div{margin:0 0 15px}
	.hpFlex > div:last-of-type{padding:20px}
	.hpFlex > div:last-of-type h1{font-size:20px}
	#telBar{font-size:22px; right:80px; top:20px}
	#searchbox{top:158px;}
}


@media (max-width: 599px){
	h1{font-size:28px}
	#telBar{right:70px; top:25px; font-size:19px}	
	#searchbox{position:relative; top:auto; right:auto; width:100%;}
}

@media (max-width: 567px){
	#terms{padding:4px; background-size:15px !important; width:100% !important; right:0px !important}
	.content_testimonials p{padding:20px 10px 10px 80px; font-size:16px; background-position:top 25px left 15px; background-size:50px}
	.catFlex{display:block}
	.catFlex > div{width:100%; max-width:100%; margin-bottom:20px; border:0px}
	.flexItems{display:block}
	.flexItems > div{width:100%; max-width:100%; margin-bottom:30px; border:0px}
	.strapline{font-size:24px}
}

@media (max-width: 550px){
	#telBar{display:none}
	#telBarSmall{display:block; position:absolute; top:10px; right:70px; font-size:20px; font-weight:700}	
}
@media (max-width: 415px){
	#telBarSmall{top:16px; font-size:15px}	
}
@media (max-width: 365px){

	#logo img{max-width:100px; margin:12px 0 15px 10px}
}