@import url(http://fonts.googleapis.com/css?family=Maven+Pro:700,400);

body{
	font-family:"Maven Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
	background-color:#e0e0e0;
}


/* -------------------------------------------------
	$ TYPOGRAPHY
-------------------------------------------------- */

a{
	color:#449234;
	text-decoration: none;
}
a:hover{
	color:#49a638;
}
p{
	padding:0 0 1em 0;
	color:#333;
	line-height: 1.5em;
	font-weight: 400;
}
.h1, .h2, .h3, .h4{
	display: block;
	color:#333;
	font-weight: 600;
}
.h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
.h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
.h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
.h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
.h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
.h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
em{
	font-style: italic;
}
strong{
	font-weight: 600;
}


/* -------------------------------------------------
	$ GLOBAL CLASSES
-------------------------------------------------- */

.img{
	border:#519330 3px solid;
	box-shadow:rgba(0,0,0,0.3) 0px 1px 3px;
}

/* global wrapper */
.wrapper{
	width:1000px;
	margin:auto;
}
/* main white container */
.container{
	background:#fff;
	padding:30px 0 50px 0;
	margin:0;
	min-width: 1040px;
	 	
		background-image:-webkit-linear-gradient(top, #EEEEEE 0%, #fff 150px);
			background-image:-moz-linear-gradient(top, #EEEEEE 0%, #fff 150px);
				background-image:linear-gradient(top, #EEEEEE 0%, #fff 150px);
 	
	box-shadow:inset rgba(255,255,255,0.8) 0px 2px 1px, rgba(0,0,0,0.7) 0px 0px 10px;
}
	/*.multiplebgs .container{
		background-image:url(/assets/img/bg.png), -webkit-linear-gradient(top, #EEEEEE 0%, #fff 10%);
			background-image:url(/assets/img/bg.png), -moz-linear-gradient(top, #EEEEEE 0%, #fff 10%);
				background-image:url(/assets/img/bg.png), linear-gradient(top, #EEEEEE 0%, #fff 10%);
		background-size: 50px 50px, 100%;  
	}*/

.overflow{overflow:hidden;}
/* inline nav list */
.nav{overflow:hidden;}.nav li{display:inline;float:left;}.nav a{display:block;margin:0;text-align:center;}
.left{float:left;}.right{float:right;}.clear{clear:both;}
.center{margin:auto;} .txt-center{text-align: center;}


/* -------------------------------------------------
	$ HEADER
-------------------------------------------------- */

.header{
	min-width: 1040px;
	background-color:#19354a;
	background:url(/assets/img/head-bg.png) repeat-x top center;
	overflow: hidden;
	color:#fff;
	text-align: center;
}
	.header .h1{
		margin:20px 0 30px;
		color:#fff;
		text-align: center;
		text-shadow:#000 0px 2px 4px;
	}
	.header p{
		color:#fff;
	}


/* -------------------------------------------------
	$ NAV
-------------------------------------------------- */
.logo{
	width:148px;
	float:left;
	margin: 22px 0 5px 20px;
}
	.logo h1{
		display: block;
		color:#fff;
		font-size: 3em;
		font-weight: 600;
		text-shadow:#000 0px -1px 0px;
	}
		.logo h1 span{color:#22dc27;font-weight: 700;}

/* main nav */
.main-nav{
	float:right;
	margin-top:12px;
	border-radius:5px;
}
	.main-nav a{
		padding:15px 20px;
		color:#f0f0f0;
		font-size: 1em;
		text-shadow:#000 0px -1px 0px;
		text-decoration: none;
	}
		.main-nav a:hover{
			color:#49a638;
		}


	/* -------------------------------------------------
		$ SUBNAV
	-------------------------------------------------- */

	.subnav{
		display: inline-block;
		margin:0 auto;
		width:auto;
		background-color:#fff;
		background-image:-webkit-linear-gradient(bottom, #f0f0f0, #CCC);
			background-image:-moz-linear-gradient(bottom, #f0f0f0, #CCC);
				background-image:linear-gradient(bottom, #f0f0f0, #CCC);
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		box-shadow:inset #CCC 0px -2px 3px, rgba(0,0,0,0.2) 0px -4px 5px -2px, inset rgba(255,255,255,0.6) 0px 1px 1px;
		overflow: hidden;
	}
		
		.subnav a{
			padding:10px 20px;
			color:#333;
			text-shadow:rgba(255,255,255,0.7) 0px 1px 0px;
			box-shadow:inset rgba(255,255,255,0.3) -1px 0px 0px, inset rgba(0,0,0,0.1) 1px 0px 0px, inset rgba(255,255,255,0.5) 0px 0px 50px;
		}
			.subnav a:hover{
				color:#78ca49;
			}
			.subnav .active a{
				background-color:#fff;
				background-image:-webkit-linear-gradient(bottom, #fff, #f0f0f0);
					background-image:-moz-linear-gradient(bottom, #fff, #f0f0f0);
						background-image:linear-gradient(bottom, #fff, #f0f0f0);
				box-shadow:rgba(0,0,0,0.4) 0px 0px 5px;
			}
	.sub-dl a{
		color:#fff;
		text-shadow:#000 0px -1px 0px;
		background-color:#e03434;
		box-shadow:inset rgba(255,255,255,0.3) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -1px 0px, inset rgba(0,0,0,0.2) 0px 0px 20px, #9a1010 0px 3px 0px;

	}
		.sub-dl a:hover{
			color:#fff;
			box-shadow:inset rgba(255,255,255,0.3) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -1px 0px, inset rgba(255,255,255,0.3) 0px 0px 10px, #9a1010 0px 3px 0px;
		}



/* -------------------------------------------------
				$ CALL TO ACTION BUTTON
-------------------------------------------------- */
.cta-button{
	display: block;
	margin:20px 50px 10px 0;
}
	.cta-button div{
		display:inline-block;
		margin:0 10px 10px;
		position: relative;
	}
	.cta-button p{
		font-size: 0.85em;
		color:#fff;
		margin:0 20px;
		position: relative;
		z-index:10;
	}
		.cta-button p a{
			color:#4989c4;
		}
		.cta-button p a:hover{
			border-bottom:#4989c4 1px solid;
		}

			/* button styles */
			.cta-button > div a{
				display: block;
				padding:18px 20px;
				position: relative;
				color:#fff;
				font-size: 1.25em;
				font-weight: 500;
				text-shadow:#000 0px -1px 0px;
				background-color:#4077ac;
				background-image:
					-webkit-linear-gradient( -20deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0) 49%, rgba(255,255,255,0.04) 50%, rgba(0,0,0,0) 100%),
					-webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.2));
				background-image:
					-moz-linear-gradient( -20deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0) 49%, rgba(255,255,255,0.04) 50%, rgba(0,0,0,0) 100%),
					-moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.2));
				background-image:
					linear-gradient( -20deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0) 49%, rgba(255,255,255,0.04) 50%, rgba(0,0,0,0) 100%),
					linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.2));
				border-radius:5px;
				box-shadow:#000 0px 2px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(0,0,0,0.3) 0px -1px 0px;
				text-align: center;
				z-index:999;
				-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
				backface-visibility: hidden;
			}
				.cta-button > div a:hover{
					background-color:#4785bf;
				}
				.cta-button > div a:active{
					background-color:#255685;
					background-image:-webkit-gradient(linear, 0 100%, 0 0, from(rgba(255,255,255,0.05)), to(rgba(0,0,0,0.05)));
					background-image:-webkit-linear-gradient(bottom, rgba(255,255,255,0.05), rgba(0,0,0,0.05));
					background-image:-moz-linear-gradient(bottom, rgba(255,255,255,0.05), rgba(0,0,0,0.05));
					background-image:-o-linear-gradient(bottom, rgba(255,255,255,0.05), rgba(0,0,0,0.05));
					background-image:linear-gradient(bottom, rgba(255,255,255,0.05), rgba(0,0,0,0.05));
					box-shadow: inset rgba(0,0,0,0.4) 0px 1px 20px, rgba(255,255,255,0.2) 0px 1px 0px, rgba(0,0,0,0.4) 0px -1px 0px;
				}

					/* dl info popup */
					.dl-button-info{
						position:absolute;
						width:70%;
						margin:0 8%;
						left:0;
						bottom:0;
						padding:15px;
						color:#fff;
						opacity:0;
						font-weight:500;
						font-size:0.80em;
						text-shadow: #fff 0px 1px 0px;
						color:#000;
						background-color:#CCC;
						background:-webkit-linear-gradient(top, #f8f8f8, #CCC);
							background:-moz-linear-gradient(top, #f8f8f8, #CCC);
								background:linear-gradient(top, #f8f8f8, #CCC);
						border-radius:5px;
						box-shadow:#000 0px 2px 5px;
						-webkit-transition:all 0.15s ease-in-out;
						-moz-transition:all 0.15s ease-in-out;
						-o-transition:all 0.15s ease-in-out;
						transition:all 0.15s ease-in-out;
						text-align: left;
						z-index:1;
					}
					.dl-button-info:after{
						content:"";
						display: block;
						position: absolute;
						left:50%;
						margin:14px -12px 0;
						border-left:transparent 10px solid;
						border-right:transparent 10px solid;
						border-top:#CCC 10px solid;
						z-index:100;
					}
						.dl-info-init{
							bottom:75px;
							opacity:1;
						}

			div.cta-buy > a{
				background-color:#f0802b;
				padding:18px 30px;
			}
				div.cta-buy > a:hover{
					background-color:#ff913d;
				}
				div.cta-buy > a:active{
					background-color:#b55810;
				}
				div.cta-buy .dl-button-info{
					width:65px;
					margin:0;
					text-align: center;
				}
	
		.button-white-bg{
			display: block;
			margin:auto;
			text-align: center;
		}
			.button-white-bg > div a{
				box-shadow:#999 0px 2px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(0,0,0,0.3) 0px -1px 0px;
			}
		.button-white-bg .dl-button-info{
			box-shadow:#CCC 0px 2px 4px;
		}

		.desc{
			display: block;
			clear:both;
			color:#fff;
			padding:5px 10px;
			text-align: left;
			text-shadow:#000 0px 1px 0px;
		}
			.desc-wrap{
				display: block;
				padding:10px 15px;
				color:#fff;
				font-size:0.80em;
				background-color:rgba(0,0,0,0.5);
				box-shadow:inset #000 0px 0px 5px;
				border-radius:5px;
			}



/* titles for lists and page headers */
.title{
	padding-bottom:0.5em;
	border-bottom:#f0f0f0 1px solid;
}

/* ul class for steps / lists */
.steps{
	margin:0 0 20px 0;
}
	.steps li{
		margin:10px 0;
		padding:10px 20px;
		border-left:#5bc124 3px solid;
	}
	.non-feature li{
		border-left:#c51616 3px solid;
	}

/* simple list class */
.list{
		margin:10px 20px;
	}
	.list li{
		margin:0 0 5px 0;
		padding:0 20px;
		border-left:#CCC 2px solid;
	}
	.small{
		font-size:0.90em;
	}