/* #Site Styles
================================================== */
/* other
================================================== */

.footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 160px;
	background-color: black;
	color: white;
}

.LaunchBox {
	font-weight: bold;
	height: 44px;
	line-height: 44px; /* centers text */
	color: white;
	padding: 6px 10px;
	border: 1px solid white;
	text-align: center;
/*	margin-right: 50px;*/

}

.LaunchBox:hover{
	color: #338CEF;
	padding: 8px 12px;
	border: 1px solid #338CEF;
}

/* 
================================================== */

/* #Page Styles
================================================== */
.navbar {
	background-image: url(../_images/Navbar.png);
/*	background-color: black;*/
	
	color: white;
	position: fixed;
/*	top: 0px;*/
	width: 100%;
	height: 44px;
/*    z-index: 1;*/
	text-align: right;
	display: block; /* ?? */
}

.navbar a {
	text-decoration: none;
	font-size: 15px;
	line-height: 44px;
	margin: 0px 20px 0px 0px;
}

/* unvisited link - #999999 looks nice */
.navbar a:link {
    color: white;
}

/* visited link */
.navbar a:visited {
    color: white;
}

/* mouse over link - theme color saturated */
.navbar a:hover {
    color: #F46353;
}

/* selected link */
.navbar a:active {
    color: white;
}


/* menu - add w/h, add bg; menu a - display block (stacked) */

.menu {
/*	background-image: url(_images/Navbar.png); */
	color: white;
/*	position: fixed; */
/*	top: 40px; */
/*	width: 240px; */  /* 100%; */ /* stacked w/h: 240px; 300px; */
/*	height: 300px; */	/* 40 */
    z-index: 1;
	text-align: left;
	float: right;
	margin: 6px 0px 0px 0px; /* 0 20 0 0 */
}

.menu a {
	text-decoration: none;
	font-size: 15px;
	line-height: 44px;
	margin: 0px 20px 0px 20px; /* 0 20 0 0 */
/*	display: block; */   /* stacked */
}

.menuMobile {
	background-image: url(../_images/Navbar.png);
	color: white;
	width: 240px;  /* 100%; */ /* stacked w/h: 240px; 300px; */
	height: 78px; 	/* 250 */
    z-index: 1;
	text-align: left;
	float: right;
	margin: 0px 0px 0px 0px; /* 0 20 0 0 */
}

.menuMobile a {
	text-decoration: none;
	font-size: 15px;
	line-height: 44px;
	margin: 0px 20px 0px 20px; /* 0 20 0 0 */
	display: block;   /* stacked */
    z-index: 0;
}

.menuicon {
	cursor: pointer;
	width: auto;
	display: inline-block;
	text-align: right;
}

.logo {
	cursor: pointer;
	width: auto;
	display: block;
}

.logo:hover {
	opacity: .7;
}

.logotext {
	position: fixed;
	left: 60px;
	top: 7px;
	font-size: 24px;
	color: #22aa22;
	text-decoration: none;
	cursor: pointer;
}

.button-app {
  color: #FFF;
  background-color: #338CEF;
  border-color: #338CEF;
  padding: 0;
  width: 150px;
  margin-right: 10px;
}

.button-app:hover {
  color: #FFF;
  background-color: #237CDF;
  border-color: #237CDF;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
	font-family: 'Museo-700';
	src: url("../fonts/Museo700.ttf");
}

div.right { text-align: right; }
div.center { text-align: center; }

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
	  z-index: -1;
}

#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
	width: auto;
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
	  z-index: -1;
}



.hoverme:hover{opacity:0.7; cursor: pointer}

a { text-decoration: none; }

img {
	width: 100%;
	height: auto;
	border:none;
	display: block;
}

.asis {
	width: auto;
	display: inline-block;
}

h1 {
	padding: 30px 0px 0px 10px;
	
    font-family: Museo-700, Arial, Helvetica, sans-serif;
    font-size: 84px;
    color: #ffffff;
    text-shadow: 1px 2px 6px #222222;

	/* ie8 */
  filter: dropshadow(color=#000000, offx=2, offy=2);
  display: block; /* that's the important part */
  filter: glow(color=#000000,strength=2);

}

h2 {
	padding: 0px 0px 0px 10px;
	
    font-family: Museo-700, Arial, Helvetica, sans-serif;
    font-size: 44px;
    color: #ffffff;
    text-shadow: 1px 2px 6px #222222;

	/* ie8 */
  filter: dropshadow(color=#000000, offx=2, offy=2);
  display: block; /* that's the important part */
  filter: glow(color=#000000,strength=2);

}

h3 {
	padding: 40px 0px 0px 10px;
	
    font-family: Museo-700, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #111;

}

h4 {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	
    font-family: Arial, sans-serif;
	font-weight: bold;
    font-size: 17px;
    color: #000;

}

h7 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
    font-family: Arial, sans-serif;
	font-weight: normal;
    font-size: 11px;
    color: #FFF;

}

p {
  margin-bottom: 1.2rem;

	padding: 0px 28px 25px 28px;
	margin: 0px 0px 0px 0px;
	
    font-family: Arial, sans-serif;
	font-weight: normal;
    font-size: 13px;
    color: #000;
	line-height: 14px;

}



.YellowBar {
	margin-top: 40px;
	padding: 30px 0px 0px 0px;
	  background-image: url('../images/Yellow.png');
  background-size: cover;
  color: #fff;
  text-align: center;
}

.GreenBar {
	margin-top: 50px;
	padding: 30px 0px 0px 0px;
	  background-image: url('../images/Green.png');
  background-size: cover;
  color: #fff;
  text-align: center;
}

.BottomBar {
	margin-top: 50px;
	padding: 30px 0px 0px 0px;
	  background-image: url('../images/values-bg.jpg');
  background-size: cover;
  color: #fff;
  text-align: center;
}

.buy-ignite1 {
  position: relative; 
	top: -70px;
}

.Social {
	width: auto;
	display: inline-block;
}

.CenteredPopup {
	margin: auto;
	margin-top: 70px;
	left: 0;
	right: 0;
	top: 0;
	position: fixed;
	visibility: hidden;
	z-index: 1;
	text-align: center;
}

.notes {
  font-weight: 400;
  background: #fff;
  color: #333;
  opacity: 0.9;
  width: 450px;
  margin: 0 auto;
  padding: 10px;
  border: 2px solid #333;
}

/*	background-color: aqua;*/



/* #Smaller Screen/device
================================================== */
@media screen and (max-width : 650px) {
	
h1 	{
	font-size: 40px;
	}

h2 	{
	font-size: 24px;
	}
	
}

/* end
================================================== */