/*=================================================
	Main Styles
===================================================*/
@import url('../fonts/fonts.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h3 {
	padding: 10px 10px 25px 10px;
	margin-left: 10px;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div {
	display: block;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*----------------------------------------------------------
	The styles above are reset styles that I credit to: http://meyerweb.com/eric/tools/css/reset/
	so, far its holding its consistencie across the broad in windows in anycase. 	
------------------------------------------------------------*/
body /*body background*/{
/*	background: #333;  Old browsers; our friend our enemy our everthing. */
/*	background: url(images/oinkbackground.png);*/
background:url(images/grid15.png) #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85rem;
}
p {
	margin: 20px;
}
strong {
	font-weight: 900;
}
em {
	font-style: italic;
}

ul {
	margin-left: 25px;
}

/*=======================================
	page layout section
=========================================*/
.outerContainer {
	width: 100%;
	position:relative;
	z-index: 1000;
	margin: 0 auto;
	/*this group of styles is used to align the ribbons to the center of the page. Better then just using the ribbon-wrapper. This method is just easier for me*/
}
.content { 
	padding: 15px;
}
.proof_content {
	padding: 15px;
	float: left;
	margin-top: -70px;
	width: 313.6px;
}
.proof_content img {
	padding: 3px;
	box-shadow: 0px 0px 3px #202020;
}
.innerContainer {
	width: 960px;
	background: #FFF;
	margin: 0px auto;
	box-shadow: 0 10px 5px #2786BE;
	-moz-box-shadow: 0 10px 5px #2786BE;
	-webkit-box-shadow: 0 10px 5px #2786BE;
}

.offerContainner {
	width: 840px;
	margin: 25px auto auto 30px;
}
.offertextRight {
	width: 275px; 
	float: left;
}
.offertextLeft {
	width: 620px; 
	float: left;
}
.header {
	margin-bottom: 0px; 
/*	background:#003D66;*/ 
	padding-left:25px; 
	padding-top: 25px; 
	margin-top: -10px;
	border-bottom: 5px solid #00a5e0;
}
div.secondFormContainer {
	float: left; 
	width: 570px;
}
div.secondWholeformPosition {
	float: left; 
	width: 350px; 
	margin-top: -60px;
}
div.secondforminputposition {
	margin: 0 auto; 
	width: 255px;
} 


/*==========================================
	Typography
============================================*/
h1.title {
	color: #000;
	font-size: 2.1em;
	text-transform: uppercase;
	font-weight:900;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
h1.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.74em;
	font-weight:900;
	margin-top: 15px;
}
h2.title {
	color: #000;
	text-transform: uppercase;
	font-weight:900;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
h2.catchtext {
	font-size: 1.8em; 
	font-style: italic; 
	color: #333; 
	font-weight: 900; 
	margin-left: 10px;
}
.centerText {
	text-align: center;
}
.colorRed {
	color: #C40000 !important;
}
.c9 {
	font-size: 4em !important;
	font-style: italic;
} 
.colorBlue {
	color: #0073E6;
}
/*=========================================================
	Page Styles
===========================================================*/
.content {
    font-size: 1.20em;
}
.checkmark_bullet li {
	list-style: none;
	background: url(images/icon_yes.gif) no-repeat 0px 13.8px;
	margin: 0px;
	padding: 12.5px 2px 0px 35px;
}
ul.checkmark_bullet_blackArrow {
	margin-left: 60px;
}
.checkmark_bullet_blackArrow li {
	list-style: none;
	/*background: url(images/blackarrow.png) no-repeat 3px 9.5px;*/
	margin: 0px;
    padding: 10.5px 2px 0px 35px;
}
.clearFloat {
	clear: both;
}

.attentionbox {
	background: #FFC357;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	box-shadow:#BCBCBC 0 0 1px;
	-moz-box-shadow:#BCBCBC 0 0 1px;
	-ms-box-shadow:#BCBCBC 0 0 1px;
	-webkit-box-shadow:#BCBCBC 0 0 1px;
	border: #C90 1px solid;
	width: 750px;
	margin: 10px auto;
	
}

.nudgeright{
	margin-left: 15px;
}

/*--------------------------------------------------------------
			 	Form Buttons and other form styles
----------------------------------------------------------------*/
input {
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #dbdbdb;
	color: #686868;
	padding: 10px;
	display: block;
	font-size: 17px;
	box-sizing: content-box;
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	-o-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	width: 213px;
	outline: none; 
	font-size: 1.00em;
}
.headlinetopbreak {margin-bottom: 10px;}
.smallButtonbump { 
	padding: 10px 11px !important;
	margin-top: 10px;
}
.bottomformheadline {
	font-size: 1.1em;
}
.buttonBumpdown {
	padding-top: 15px;
}
.name {
	background-image: url(images/user.png);
}
.mail {
	background-image: url(images/mail.png);
}
.phone {
	background-image: url(images/phone.png);
}
.inputcontainer {
	margin-top: 20px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: auto;
	width: 750px;
}
.forminput_placement {
	float: left; 
	margin-right: 15px;
}
.forminput_placementAfter {
	float: left;
}
.privatepolicy {
	font-size: 0.79em;
	color:#666;
	margin-top: -5px;
}
.privatepolicy img {
	margin-bottom: -2px; 
	display: inline-block;	
}

.offYellow {
	-moz-box-shadow:inset 0px 0px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fff6af;
	box-shadow:inset 0px 0px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1b31e), color-stop(1, #a18d1f));
	background:-moz-linear-gradient(top, #d1b31e 5%, #a18d1f 100%);
	background:-webkit-linear-gradient(top, #d1b31e 5%, #a18d1f 100%);
	background:-o-linear-gradient(top, #d1b31e 5%, #a18d1f 100%);
	background:-ms-linear-gradient(top, #d1b31e 5%, #a18d1f 100%);
	background:linear-gradient(to bottom, #d1b31e 5%, #a18d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1b31e', endColorstr='#a18d1f',GradientType=0);
	background-color:#d1b31e;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #91703f;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:13px 13px;
	padding-right: 15px;
	text-decoration:none;
	text-shadow:-1px 0px 0px #ffee66;
}
.offYellow:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a18d1f), color-stop(1, #d1b31e));
	background:-moz-linear-gradient(top, #a18d1f 5%, #d1b31e 100%);
	background:-webkit-linear-gradient(top, #a18d1f 5%, #d1b31e 100%);
	background:-o-linear-gradient(top, #a18d1f 5%, #d1b31e 100%);
	background:-ms-linear-gradient(top, #a18d1f 5%, #d1b31e 100%);
	background:linear-gradient(to bottom, #a18d1f 5%, #d1b31e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a18d1f', endColorstr='#d1b31e',GradientType=0);
	background-color:#a18d1f;
}
.offYellow:active {
	position:relative;
	top:1px;
}

.yellowButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #ab3c26;
	display:inline-block;
	color:#7d1a06;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:40px;
	width:250px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ded17c;
}
.yellowButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color:#f2ab1e;
}.yellowButton:active {
	position:relative;
	top:1px;
}

.drakGrey {
	-moz-box-shadow:inset 0px 0px 0px 0px #373838;
	-webkit-box-shadow:inset 0px 0px 0px 0px #373838;
	box-shadow:inset 0px 0px 0px 0px #373838;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9e9e9e), color-stop(1, #494d4d));
	background:-moz-linear-gradient(top, #9e9e9e 5%, #494d4d 100%);
	background:-webkit-linear-gradient(top, #9e9e9e 5%, #494d4d 100%);
	background:-o-linear-gradient(top, #9e9e9e 5%, #494d4d 100%);
	background:-ms-linear-gradient(top, #9e9e9e 5%, #494d4d 100%);
	background:linear-gradient(to bottom, #9e9e9e 5%, #494d4d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#494d4d',GradientType=0);
	background-color:#9e9e9e;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #787878;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:12px 35px;
	text-decoration:none;
	text-shadow:0px -1px 0px #111212;
}
.drakGrey:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #494d4d), color-stop(1, #9e9e9e));
	background:-moz-linear-gradient(top, #494d4d 5%, #9e9e9e 100%);
	background:-webkit-linear-gradient(top, #494d4d 5%, #9e9e9e 100%);
	background:-o-linear-gradient(top, #494d4d 5%, #9e9e9e 100%);
	background:-ms-linear-gradient(top, #494d4d 5%, #9e9e9e 100%);
	background:linear-gradient(to bottom, #494d4d 5%, #9e9e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#494d4d', endColorstr='#9e9e9e',GradientType=0);
	background-color:#494d4d;
}
.drakGrey:active {
	position:relative;
	top:1px;
}

/* This button was generated using CSSButtonGenerator.com */


.formButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	height:50px;
	line-height:40px;
	width:180px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
}
.formButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.formButton:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
.RedButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:-6.55px;
	border:2px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:30px;
	width:250px;
	margin-left: -15px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
	cursor: pointer;
}
.RedButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.RedButton:active {
	position:relative;
	top:1px;
}

.orange_button {
	-moz-box-shadow:inset 0px 0px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fff6af;
	box-shadow:inset 0px 0px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:15px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.orange_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.orange_button:active {
	position:relative;
	top:1px;
}


/*=============================================================
	footer the important of sections in a site
===============================================================*/
.footer {
	border-top: 10px solid #00a5e0;
	background: #098dba;
	color: #ffffff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	font-size: .8em;
	text-align: justify;
	padding: 10px 20px 10px 20px;
	margin-top: 65px;
}

.footer a {
	color: #FFF;
}
.footer a:hover {
	color: #FF8000;
}


/*==============================================================
  				customers testimonials
===============================================================*/
.testimonial{
	padding: 15px;
	padding-bottom: 25px;
}
.testimonial blockquote {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #E4E4E4;
	padding: 5px;
	border: 1px solid #9E9E9E;
	font-style: italic;
	font-size: 0.89em;
	margin-top: 10px;
	-moz-box-shadow:0px 0px 7px #666;
	-webkit-box-shadow:0px 0px 7px #666;
	box-shadow:0px 0px 7px #666;
}
.testimonial img {
	float: left;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.75);
	box-shadow: 0 0 5px rgba(0,0,0,.75);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-right: 10px;
}

/*======================================================
						Video
========================================================*/
.evp-video-wrap {
	width: 500px;
	margin: 5px auto 15px auto;
	
}
.volume {
	display: inline-block;
	margin-bottom: -9px;
	margin-right: 9px;
}
.video_box
{
	width: 700px;
	padding: 25px 25px 18px 25px;
	margin-top: 50px;
	border-bottom-left-radius: 3px;
	border: 1px solid #ccc;
	background-color: #EFEFEF;
}

/*====================================================
	vaildator styles
======================================================*/
p.c12 {margin-bottom: -60px;}
p.c7 {margin-top: 5px;}