@charset "utf-8";
/* CSS Document */
body {
margin: 0 0;	
	background-image:url(../bkg5.jpg)
}
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
img {max-width:100%}
#container {
	width: 100%;
	height: auto;
		
	
}

#container1 {
	width: 100%;
	height: auto;
	background-image:url(../img/wallpaper3.jpg);
	
}
#headwrap {
	width: 100%;
	height: auto;
	
	z-index: 999;
}

#header {
	
	margin: 0 auto;
max-width: 1200px;
height: auto;

	
}
#topnav {
	
	height: auto;
	float: right;	
	padding-top: 10px;
}
a.topnav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	color: #C2E3FE;
	text-decoration: none;
	padding-right: 20px;
}
a.topnav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	color: #C2E3FE;
	text-decoration: none;
	padding-right: 20px;
}
a.topnav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:right;	
	color: #00CC00;
	text-decoration: none;
	padding-right: 20px;
}
div#facebook {
	width: 15px;
	height: 15px;
	float: right;


}
#doctors {
	padding-right: 20px;
	float: left;	
	
}
.dr {
	
	padding-right: 20px;	
	
}
#logo {
	
	
	max-width: 100%;	
	float: left;
	padding: 10px 0;
	
	
}
#sooth {
	padding-top: 20px;
	font-family: 'Viga', sans-serif;
	font-size: 36px;
	color: white;
	max-width: 100%;
	float: left;
	text-align: center;
	padding-left: 15%;	
}
#hypo {

max-width: 100%;
padding-left: 9%;
float: left;
text-align: center;
}
.soothsmall {

	font-family: 'Viga', sans-serif;
	font-size: 18px;
	color: white;
	
	float: left;
	text-align: center;	
}	

	
#tp {
	width: 55px;
	float: left;	
	
	
}
#bar {
	width: 100%;
	height: 120px;
	margin-top:40%;
}
	
	
.OTButton {
	
	
	width: 050px;
	float: right;
	
}
#phone {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #fbf0c8;	
	float: right;
	width: 140px;
	padding: 20px;
}
/**Navigation**/
#navbar {
	
	background-image: url(../images/gun_metal.png);
	width: 100%;
	height: auto;
	clear: both;
	border-top: #fff4dd 1px solid;
	border-bottom: #fff4dd 0px solid;
	margin-bottom: 0px;
	z-index: 999;
	position: relative;
}
#nav {
	max-width: 1200px;
	min-height: 50px;
	margin: 0 auto;
	background-color: black;
	z-index: 999;
	position: relative;
}
#learn {
	
	color: #ffa200;	
}

#center {
	clear: both;
	width: 100%;
	height:auto;	
	z-index: -2;
	
}
#layerslider {
	
	max-width: 100%;
	
}
a.ls-button:link {

	font-family: 'Droid Sans', sans-serif;
	color:#fff;
	font-size: 25px;
	text-decoration: none;




}
a.ls-button:visited {

	font-family: 'Droid Sans', sans-serif;
	color: #fff;
	font-size: 25px;
	text-decoration: none;



}
a.ls-button:hover {

	font-family: 'Droid Sans', sans-serif;
	color:#21e900;
	font-size: 25px;
	



}
#centopwrap {
	
	width: 100%;
	height: auto;	
	background-image:url(../img/sf-bg2.jpg);
	z-index: -2;
}
#centop {
	display: block;
	width: 1200px;
	height: 600px;
	margin: 0 auto;
	z-index: -2;
	
}

#centernav {
	
	width: 240px;
	background-image:url(../img/side-nav-bg4.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 50px;
	height: 400px;
	
}
#centernav2 {
	
	width: 240px;
	background-image:url(../img/side-nav-bg-7.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 50px;
	height: 600px;
	
}
#centernav3 {
	
	width: 240px;
	background-image:url(../img/side-nav-bg4.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 50px;
	height: auto;
	
}
#centernav li {

list-style: none;	
	
}
#centernav2 li {

list-style: none;	
	
}
#centernav3 li {

list-style: none;	
	
}
#navtitle {
	font-family: 'Francois One', sans-serif;
	font-size: 18px;
	color: #0b61b4;
	padding-top: 20px;
	padding-left: 20px;
	
	
}
a.sidenav:link {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0b61b4;
	text-decoration: none;
	margin-left: -20px;
line-height: 52px;
	
}
a.sidenav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0b61b4;
	text-decoration: none;
	padding-bottom: 30px;
}
a.sidenav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3fa1ff;
	text-decoration: none;
	padding-bottom: 30px;
}
#pagehead {
	font-family: 'viga', sans-serif;
	font-size: 30px;
	color: #0ec0d0;
	padding: 10%;
	width: 50%;
	float: left;
	
	
}
div#pagetitle {
font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #2fb6af;
padding-top: 40px;
margin-left: 350px;
margin-bottom: 30px;
width: 760px;
border-bottom: 1px dashed #0b61b4;


}
div#pagetitle3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #2fb6af;
padding-top: 30px;
margin-left: 100px;
width: 760px;


}
#line1 {
width: 960px;
height: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 192px;
}
#line2 {
width: 960px;
height: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 192px;


}
#box1 {
width: 250px;
float: left;
padding-right: 17px;
padding-left: 8px;
}
#box2 {
width: 250px;
float: left;
padding-right: 17px;
}
#box3 {
width: 250px;
float: left;

}
div#t1text {
	float: right;
width: 900px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; float: left;
padding-right: 00px;
}
.click {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
padding-left: 5px;
}
#bannerpic {
		max-width: 100%;
		
		height: auto;
		padding-bottom: 20px;	
	text-align: center;
	
	
}
#menu {
	max-width: 950px;
	height: auto;
	background-image:url(../img/menubg.png);
	margin: -20px auto;	
	
}
.menuhead {
	font-family: 'Lovers Quarrel', cursive;
	font-size: 48px;
	color: black;
	text-align: center;
	border-top: thin black solid;
	border-bottom: thin black solid;
	width: 250px;
	margin: 20px auto;
	padding: 10px 0;

}
.menusel {
font-family: 'Quintessential', sans-serif;
font-size: 18px;
color: black;

}
.menusel2 {
font-family: 'Quintessential', sans-serif;
font-size: 18px;
color: black;
padding: 30px;
line-height: 30px;
}
.menudesc {
font-family: 'Quintessential', sans-serif;
font-size: 12px;
color: black;


}
a.packet:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #b11111;
	text-decoration: none;
	
}
a.packet:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #b11111;
	text-decoration: none;
	
}
a.packet:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00CC00;
	text-decoration: none;
	
}
a.ls-button:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	
}
a.ls-button:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	
}
a.ls-button:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00CC00;
	text-decoration: none;
	
}

#cenbot {
	clear: both;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
	
	
}
#cenbot2 {
	clear: both;
	width: 100%;
	display: block;
	height: 40px;
	background: #0b61b4;
	
	
	
}

#harmon {
	width: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 80px;
	padding-right: 20px;
	float: left;
	
	
}
#amazon {
	width: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 20px;
	float: left;
	
}
#bbb {
	width: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 20px;
	float: left;
	
}

#ds {
	width: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 80px;
	padding-right: 20px;
	float: left;
	
}
#amazon2  {
float: left;
width: 680px;
margin-left: 50px;
	padding-left: 130px;
padding-top: 70px;
padding-bottom: 50px;
}
#ds2  {
float: left;
width: 280px;
margin-left: 80px;
padding-top: 50px;
padding-bottom: 50px;
}
#storelogos {
width: 960px;
height: 110px;
margin-left: 150px;
margin-right: auto;


}
#walgreens {
	
	width: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 35%;
	padding-right: auto;
	float: left;
	
}
#bbb2 {
	width: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 20px;
	float: left;
	
}
#dr {
	width: 300px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40%;
	
	
	
}
a.dr:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #b11111;
	text-decoration: none;
	
}
a.dr:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #b11111;
	text-decoration: none;
	
}
a.dr:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00CC00;
	text-decoration: none;
	
}
#stills {
	width: 960px;
	float: left;
	margin-top: 0px;
}
#stills2 {
	width: 960px;
	float: left;
	
}
#tp {
float: left;
width: 250px;
margin-right: 50px;

}
#bottle {
float: left;
width: 250px;
margin-left: 40px;

}
#packet{
float: right;
width: 250px;
padding-top: 00px;
padding-right: 50px;

}
#threeproducts2 {
	margin-left: 30%;	
	
	
	
}
#local {
	font-family: Arial, sans-serif;
	font-size: 16px;
	margin-left: 25%;
	width: 450px;

}
#stores {
font-family: Arial, sans-serif;
font-size: 12px;
font-color: #000;	
margin-top: -45px;
float: right;	
}



#contactform {
float: left;
width: 700px;
margin-left: 140px;
border: 1px solid #006d66;
margin-top: 10px;
}
.formtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006d66;


}
#col1 {
	width: 290px;
	float: left;
	padding-right:10px;
	height: 220px;
		
	
	
}
a.col1:link  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-up.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col1:visited  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-up.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col1:hover  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-over.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col2:link  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-up2.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col2:visited  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-up2.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col2:hover  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-over2.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col3:link  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-up3.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col3:visited  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-up3.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
a.col3:hover  {
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/bottom-button-over3.jpg);
	background-repeat:no-repeat;
	float: left;
	
}
.tv {
	font-family: 'Cuprum', sans-serif;
	color:#0b61b4;
	font-size: 14px;
	text-decoration: none;
	padding-right: 10px;
    margin-left: 40px;
	
	
}
#form {
	padding-top: 95px;
	display:block;
	width: 290px;
	height: 220px;
	background-image:url(../img/formbg.jpg);
	background-repeat:no-repeat;
	float: left;
	
	
}
input    {
width:160px;
display:block;
border: 2px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.apply {
	width: 200px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
margin: 0 auto;
	
	
	
}
#footcon {
	width: 100%;
	height: auto;
	clear: both;
}
#footwrap {
	clear: both;
	width: 100%;
		background:#93c9fc;
		height: 420px;
	
}
#footer {
		max-width: 1200px;
		margin: 0 auto;	
		padding: 30px;
		height: auto;
}

#socialtags {
	
	max-width: 600px;
	margin: 0 auto;
	float: left;
	
}
.social {
	
	padding: 30px;	
	
}
#likebox {
	margin-top:-15px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: center;
	width: 340px;
	height: 400px;
	background-image:url(../img/bg1.png);	
	float: right;
	padding-right: 20px;
	background: #043B76;
	
}
.fb-page {
	display: block;
padding-left: 20px;
padding-top: 5px;
	
}
#leftcol2a {
	max-width: 280px;
	min-width: 200px;
	float: left;
	font-family: 'Cuprum', sans-serif;
	font-size: 12x;
	color:#f5d2a1;
	line-height:24px;
	
	
	height: auto;
}
#footnav {
	max-width: 1200px;
	margin: 0 auto;	
	clear: both;
}
a.footnav:link {
max-width:230px;
	font-family: 'Cuprum', sans-serif;
	color:#0b61b4;
	font-size: 14px;
	text-decoration: none;




}
a.footnav:visited {
max-width: 230px;
	font-family: 'Cuprum', sans-serif;
	color: #0b61b4;
	font-size: 14px;
	text-decoration: none;



}
a.footnav:hover {
max-width: 230px;
	font-family: 'Cuprum', sans-serif;
	color:#a67f22;
	font-size: 14px;
	



}
a.footnav2:link {
max-width:230px;
	font-family: 'Cuprum', sans-serif;
	color:#fff;
	font-size: 14px;
	text-decoration: none;




}
a.footnav2:visited {
max-width: 230px;
	font-family: 'Cuprum', sans-serif;
	color: #fff;
	font-size: 14px;
	text-decoration: none;



}
a.footnav2:hover {
max-width: 230px;
	font-family: 'Cuprum', sans-serif;
	color:#a67f22;
	font-size: 14px;
	



}
#legals {
	clear: both;
 font-family: Arial, sans-serif;
 font-size: 12px;
 color: #fff2dc;
 max-width: 650px;
 margin: 0 auto;	
	
}