@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
  max-width: 100%;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width: 100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
.fluid {
  clear: both;
  margin-left: 0;
  width: 100%;
  float: left;
  display: block;
}
.fluidList {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* Mobile Layout: 480px and below. */
  
.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 86.45%;
  padding-left: 2.275%;
  padding-right: 2.275%;
  clear: none;
  float: none;
  font-family: 'Open Sans', sans-serif;
}
.preload_images /* used to preload images used in non-default states */
{
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}

preload /* used to specifiy the dimension of preload item */
{
	height: 1px;
	width: 1px;
}
/*----------------*/
/*  Menu Itemss   */
/*----------------*/
#nav {
  background-color: #006837;
}
#menu {
}
.menuitem {
  margin-left: 2.5vw;
  clear: none;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 3.5vw;
  text-align: center;
  background-color: #006837;
  color: #FFFFFF;
  width: 30vw;
  height: 7vw;
  line-height: 7vw;
}
.menuitem a {
  text-decoration: none;
  color: white;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.menuitem a:hover {
  background-color: #C6C6C6;
  color: #000000;
  font-weight: 600;
  color: black;
}
.active {
  background-color: #C6C6C6;
  color: #000000;
  font-weight: 600;
  color: black;
}
/*----------------*/
/*  FOOTER ITEMS  */
/*----------------*/
#footer {
  position: fixed;
  bottom: 0px;
  background-color: #E5E5E5;
}
#footer p {
  margin: 0px;
}
.footerTitle {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  font-size: 0.84em;
  top: auto;
}
.footerParagraph {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 0.8em;
  text-align: center;
}
.zeroMargin_mobile {
  margin-left: 0;
}
.hide_mobile {
  display: none;
}
/*---------------*/
/*stimulator page*/
/*---------------*/
#stim-content {
  width: 100%;
  height: 100vh;
  float: left;
  margin: 0 auto;
  clear: none;
  font-size: 3vw;
}
#stim-image {
  width: 50%;
  height: 100vh;
  float: right;
  clear: none;
}
.stimulator {
  background-image: url(../images/stimulator.jpg);
  color: white;
  background-size: auto 500px;
  background-repeat: no-repeat;
  background-position: 45% 0;
}
.stimulator p {
  padding-left: 10px;
  max-width: 46%;
  font-size: 3vw;
}
.small-text {
  font-size: 0.7em;
}
/*----------------*/
/*mobile cart page*/
/*----------------*/
.mobile {
  height: 100vh;
  width: 50%;
  float: right;
  clear: none;
}
.mobileimage {
  height: 100vh;
  width: 50%;
  float: left;
  clear: none;
  background-image: url(../images/img_8536.jpg);
  background-position: right 35% top;
  background-size: auto 500px;
  background-repeat: no-repeat;
}
.mobile p {
  text-align: right;
  padding-right: 10px;
  font-size: 1em;
  padding-bottom: 2em;
}
/*----------------*/
/*  desktop page  */
/*----------------*/
.desktop {
  height: 100vh;
  width: 50%;
  float: left;
  clear: none;
}
.desktopimage {
  height: 100vh;
  width: 50%;
  float: right;
  clear: none;
  background-image: url(../images/dsc_2170.jpg);
  background-position: left 35% top;
  background-size: auto 500px;
  background-repeat: no-repeat;
}
.desktop p {
  text-align: left;
  padding-right: 10px;
  font-size: 0.9em;
  padding-bottom: 2em;
}
/*----------------*/
.stage {
  height: 100vh;
  background-size: auto 500px;
  background-repeat: no-repeat;
}
.stage {
  background-image: url(../images/dsc_2172.jpg);
  background-position: left 15em;
  background-size: auto 300px;
}
.grpelem /* a child element of a group */ {
  display: inline;
  float: left;
}
.actAsDiv {
  display: block;
}
.clearfixform:after /* force a container to fit around floated items */ {
  content: "\0020";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.wrapped-input /* form inputs & placeholders let div styling show thru */ {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
}
.formholder {
  margin: 0 auto;
  width: 90vw;
  max-width: 800px;
}
/*---------------*/
/*   home page   */
/*---------------*/
.slogan, .tagline {
  font-style: normal;
  font-weight: 600;
  color: #006837;
  font-size: 1.2em;
  font-size: 4vw;
}
.tagline {
  padding-top: 3em;
}
.tagline span {
  font-size: 1.4em;
  font-size: 5vw;
  text-decoration: underline;
}
.ss-footer {
  display:none;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
  width: 90.675%;
  padding-left: 1.1625%;
  padding-right: 1.1625%;
  clear: none;
  float: none;
  margin-left: auto;
}
#nav {
}
#content {
}
#menu {
}
.menuitem {
  width: 15.2542%;
  clear: none;
  margin-left: 1.6949%;
  height: 33px;
  line-height: 33px;
  font-size: 0.85em;
}
#footer {
}
.hide_tablet {
  display: none;
}
.zeroMargin_tablet {
  margin-left: 0;
}
/*---------------*/
/*stimulator page*/
/*---------------*/
#stim-content {
}
#stim-image {
}
.stimulator {
  background-position: 35% 0;
}
.stimulator p {
  font-size: 2.75vw;
}
.small-text {
}
/*---------------*/
.mobile {
  background-size: auto 600px;
}
.mobile p {
  font-size: 1.2em;
  max-width: 16em;
}
.desktop {
  background-size: auto 500px;
  background-position: right top;
}
.desktop p {
  font-size: 1.2em;
  width: 16em;
}
.stage {
  background-position: left 200px;
}
.stage p {
  font-size: 1.2em;
  width: 19em;
  padding-left: 40%;
  text-align: right;
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
}
@media only screen and (min-width: 769px) {
 .gridContainer {
 width: 88.5%;
 max-width: 1232px;
 padding-left: 0.75%;
 padding-right: 0.75%;
 margin: auto;
 clear: none;
 float: none;
 margin-left: auto;
}
#nav {
 width:100%;
}
#content {
}
#menu {
 width:100%;
}
#menucontainer {
 max-width:900px;
 margin: 0 auto;
}
#footer {
 line-height: 1em;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.footerParagraph {
}
/*---------------*/
/*stimulator page*/
/*---------------*/
#contentcontainer {
 width:100%;
 max-width:1000px;
 margin:0 auto;
}
.stimulator {
 background-size: 1000px auto;
 margin: auto;
}
#stim-content-left p {
 float:left;
 font-size: 21px;
 max-width:300px;
 clear:left;
}
#stim-content-right p {
 float:right;
 font-size: 21px;
 max-width:300px;
 clear:right;
 margin-right:1em;
}
.small-text {
}
#stim-content-left {
 float:left;
 clear:none;
 width:49%;
}
#stim-content-right {
 float:right;
 clear:none;
 width:49%;
}
.right-aligned {
 text-align:right;
 float:right;
}
.desktop, .mobile {
 font-size:2.5vh;
}
.mobileimage {
 background-size: auto 90vh;
}
.stage {
 font-size:2.5vh;
 margin-right:0px;
 padding-right:0;
 background-size:auto 400px;
 background-position: left 150px;
 height:100vh;
}
.stage p {
 font-size: 2vw;
 width: 40vw;
 text-align: right;
 float:right;
 clear:right;
}
.desktopimage {
 background-size: auto 90vh;
}
.logo {
 max-width:500px;
 max-height:142px;
}
.slogan, .tagline {
 font-size:2.5em;
}
.tagline span {
 font-size: 1.1em;
}
}