@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Bubblegum+Sans);
@import url(http://fonts.googleapis.com/css?family=Carter+One);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);

#top-bar {
min-height: 50px;
height: 50px;
padding: 0;
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
#headline-bar {
margin-top: 0;
min-height: 80px;
height: auto;
padding: 0;
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #e8e8e8 0%, #c3c3c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8e8e8 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8e8e8 0%,#c3c3c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8e8e8 0%,#c3c3c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8e8e8 0%,#c3c3c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c3c3c3',GradientType=0 ); /* IE6-9 */
border-bottom: 2px solid #999999;
-webkit-box-shadow: 0px 7px 15px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 7px 15px rgba(50, 50, 50, 0.2);
box-shadow:         0px 7px 15px rgba(50, 50, 50, 0.2);
}
#video-bar {
height: auto;
border-bottom: 2px solid #999999;
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 7px 15px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 7px 15px rgba(50, 50, 50, 0.2);
box-shadow:         0px 7px 15px rgba(50, 50, 50, 0.2);
}
#video{
margin: 20px auto;
max-width: 100%;
width: 800px;
height: auto;
background: transparent;
}
#video iframe {
margin: 20px;
position: relative;  
max-width: 640px;  
width: 100%;
max-height: 360px;
min-height: 180px;
height: 100%;
}
.jam-ad {
display: none;
}
.highlight {
font-weight: bold;
background: #ffff00;
}
.center {
text-align:center;
}
.alignleft {
float:left;
margin-right:10px;
}
.clear {
clear:both;
}
.alignright {
float: right;
margin-left: 10px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear:both;
}
.headline {
font: bold 36px/1.2 Tahoma, Verdana, Geneva, sans-serif;   
padding: 15px 0;
max-width:960px;
margin: 0 auto;
text-align:center;
color: #005;
}
#top-container {
font: bold 24px/1.2 Tahoma, Verdana, Geneva, sans-serif;   
padding: 10px 30px;
max-width:960px;
margin: 0 auto;
text-align:left;
color: #fff;
}
#boxwrap {
display: block;
max-width: 700px;
width:100%;
margin: 20px auto;
padding: 0;
background: #eeffff;
border: 0;
-khtml-border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 0 0 10px 3px #000;
-webkit-box-shadow: 0 0 10px 3px #000;
-khtml-box-shadow:  0 0 10px 3px #000;
box-shadow: 0 0 10px 3px #000;
}
#box {
display: block;
margin: 0 auto;
max-width: 650px;
width:95%;
padding: 25px;
border: 0;
}
#gbox {
max-width: 528px;
height: auto;
border: 0;
padding: 0;
background: url(../images/guarantee.png);
background-size:100% 100%;
}
#gboxin {
max-width: 448px;
width:95%;
border: 0;
padding: 90px 20px;
}
.effect {
text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3) 
}

/* TYPOGRAPHY */
h1 {
	color: #000066;
	font: bold 44px/1.2 'Bubblegum Sans', Tahoma, Geneva, sans-serif;
	text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
	padding:15px 0;

}
h2 {
	color: #208594;
	font: bold 30px/1.2 'Bree Serif', Verdana, Geneva, Tahoma, sans-serif;
	text-shadow: 0px 0px 1px transparent, 2px 2px 3px #999;
	padding:15px 0;
}
h3 {
	color: #a13826;
	font: bold 28px/1.2 'Carter One', Verdana, Geneva, Tahoma, sans-serif;
	text-shadow: 0px 0px 1px transparent, 1px 1px 2px #999;
	padding:15px 0;
}
p {
	font: normal 16px/1.2 Verdana, Geneva, Tahoma, sans-serif;
	text-align: justify;
	padding: 7px 0;
}

/* Bullet Checkmark LIST */

ul.arrow {
	list-style-type: none;
	margin: 20px;
}

ul.arrow li {
	margin-bottom: 5px;
	padding: 4px;
	background-image: url(../images/bulletArrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 32px;
}
@media all and (max-width: 767px) {
html { overflow: auto; }
.effect { text-shadow: 0px 0px 1px transparent, 2px 2px 3px #999; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
p, ul, ol, li { font-size: 14px }
}