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

body{background:url(img/gradientbg.jpg) #256d9f top center repeat-x; margin:0px; width:100%;}

div.header{margin:0px auto 0px auto; background:url(img/header.png) top center no-repeat; width:713px; height:164px;}

div.header2{margin:0px auto 0px auto; background:url(img/header2.png) top center no-repeat; width:713px; height:15px;}

div.content{margin:0px auto 0px auto; background:url(img/contentbg.png) top center repeat-y; width:743px; overflow:auto;}

div.contentbottom{margin:0px auto 0px auto; background:url(img/contentbottombg.png) top center no-repeat; width:713px; height:17px;}

div.leftcolumn{margin:0px; padding:0px 30px 10px 30px; width:345px; font-family:Helvetica, Arial, sans-serif; color: #000; font-size: 17px; text-align: left; font-weight: normal;}

div.leftcolumnlanding{margin:0px; padding:0px 5px 10px 30px; width:370px; font-family:Helvetica, Arial, sans-serif; color: #000; font-size: 17px; text-align: left; font-weight: normal;}

h1 {font-family: Helvetica, Arial, sans-serif; color: #d02027; font-size: 40px; margin: 0; text-align: center; padding:0px 30px 0px 30px;} 

h2 {font-family: Tahoma; color: #000000; font-size: 18pt; text-align: center; margin:0px; padding:0px 30px 0px 30px;}

h3 {font-family: Tahoma; color: #000000; font-size: 24pt; text-align: center; margin:0px; padding:0px 30px 0px 30px;}

h5 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; margin: 0;}

p.goback {font-family: Helvetica, Arial, sans-serif; color: #000000; font-size: 32px; font-weight: lighter; margin: 0;} 

p.normal{margin:0px; padding:5px 30px 0px 30px;font-family:Helvetica, Arial, sans-serif; color: #000; font-size: 17px; text-align: left; font-weight: normal;}

p.product{padding:5px 30px 0px 30px;}

p.secretsheadline{color:#d02027; font-size:48px; font-family:Helvetica, Arial, sans-serif; text-align:center; font-weight:bold; margin:0px; padding:10px 30px 0px 30px;}

p.mediumred{color:#d02027; text-align:center; font-size: 26px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 30px 0px 30px;}

#mediumred{color:#d02027; text-align:center; font-size: 18pt; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; padding:0px 30px 0px 30px;}

li.check{padding-top:5px; padding-bottom:5px; list-style-image:url(img/greencheck.png);}

div.glass {margin:10px 0px 0px 25px; background:url(img/web.png) center center no-repeat; width:310px; height:213px;}

#formfield {margin-bottom:0px;padding:0;}
#formfield #s {border: 1px solid #ccc; border:1px solid #333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px;font:14px Georgia;background: #fafafa;width: 180px; margin-bottom:14px; margin-top:5px;}

a:link {color: #fff; text-decoration: none; }
a:active {color: #fff; text-decoration: none; }
a:visited {color: #fff; text-decoration: none; }
a:hover {color: #fff; text-decoration: underline; }

a.black:link {color: #000; text-decoration: underline; }
a.black:active {color: #d02027; text-decoration: underline; }
a.black:visited {color: #000; text-decoration: underline; }
a.black:hover {color: #d02027; text-decoration: underline; }

a.red:link {color: #d02027; text-decoration: underline; }
a.red:active {color: #e44e54; text-decoration: underline; }
a.red:visited {color: #d02027; text-decoration: underline; }
a.red:hover {color: #e44e54; text-decoration: none; }

a.red:link {color: #d02027; text-decoration: underline; }
a.red:active {color: #d02027; text-decoration: underline; }
a.red:visited {color: #d02027; text-decoration: underline; }
a.red:hover {color: #000; text-decoration: underline; }

/* Banner CSS */

.banner {
	display: none;
	background: url(img/slideup-bg2.jpg) top left repeat-x #000;
	padding: 20px 20px 10px 20px;
	position: relative;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	height:80px;
	z-index:1;
}
.banner .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
#aweberbutton {
}

.bannerform {
	padding: 2px 10px 2px 2px;
	color: #000;
	width: 180px;
}

/* Alt Download Page */
#dlstep1, #dlstep2, #dlstep3 {
	width:685px;
	margin:10px auto;
	cursor:pointer;
}

.dl-step-desc img {
	border: 0;
	float: right;
	display:block;
	padding-top:5px;
	padding-right: 15px;
}

.dlstep {
	width:144px;
	height:60px;
	margin:5px 0;
	padding:0;
	float:left;
	clear:left;
	
	background: #badaff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#badaff', endColorstr='#76aeee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#badaff), to(#76aeee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #badaff,  #76aeee); /* for firefox 3.6+ */
	
	border-top: 1px solid #76aeee;
	border-left: 1px solid #76aeee;
	border-bottom: 1px solid #76aeee;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft:10px;
	-khtml-border-top-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;
	
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:32px;
	font-weight:bold;
	line-height:60px;
	text-align:center;
}

#dlstep1:hover div.dlstep, #dlstep2:hover div.dlstep, #dlstep3:hover div.dlstep {
	background: #badaff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#badaff', endColorstr='#76aeee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#badaff), to(#76aeee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #badaff,  #76aeee); /* for firefox 3.6+ */
	
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

.dlstep a, .dl-step-desc a {
	text-decoration:none;
	display:block;
}

.dlstep a {
	color:#333;
}

.dl-step-desc a {
	color: #000;
}

.dl-step-desc {
	width:539px;
	height:60px;
	margin:5px 0;
	padding:0;
	float:left;
	
	background: #f5f5f5; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e5e5e5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f5f5,  #e5e5e5); /* for firefox 3.6+ */

	border-top: 1px solid #76aeee;
	border-right: 1px solid #76aeee;
	border-bottom: 1px solid #76aeee;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-khtml-border-top-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;
	
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	
	color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:60px;
	text-align:left;
}

#dlstep1:hover div.dl-step-desc, #dlstep2:hover div.dl-step-desc, #dlstep3:hover div.dl-step-desc {
	background: #d5e8ff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e8ff', endColorstr='#badaff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d5e8ff), to(#badaff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d5e8ff,  #badaff); /* for firefox 3.6+ */
}

/* Download page */
#dstep1, #dstep2, #dstep3 {
	width:685px;
	margin:10px auto;
}

.dstep {
	width:94px;
	height:30px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
	clear:left;
	
	background: #badaff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#badaff', endColorstr='#76aeee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#badaff), to(#76aeee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #badaff,  #76aeee); /* for firefox 3.6+ */
	
	/* background: #fff9d3;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9d3', endColorstr='#f4e162');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff9d3), to(#f4e162));
	background: -moz-linear-gradient(top,  #fff9d3,  #f4e162);*/
	
	border-top: 1px solid #76aeee;
	border-left: 1px solid #76aeee;
	border-bottom: 1px solid #76aeee;
	border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-khtml-border-top-left-radius:10px;
	
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}

.step-desc {
	width:549px;
	height:30px;
	margin:20px 0 0 0;
	padding:0 20px;
	float:left;
	
	background: #d5e8ff; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e8ff', endColorstr='#badaff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d5e8ff), to(#badaff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d5e8ff,  #badaff); /* for firefox 3.6+ */

	border-top: 1px solid #76aeee;
	border-right: 1px solid #76aeee;
	border-bottom: 1px solid #76aeee;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-khtml-border-top-right-radius:10px;
	
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	
	color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	text-align:left;
}

.blocktext {
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	width: 683px;
	clear: both;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	
	border-left: 1px solid #76aeee;
	border-right: 1px solid #76aeee;
	border-bottom: 1px solid #76aeee;
	
	background: #f5f5f5; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e5e5e5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f5f5,  #e5e5e5); /* for firefox 3.6+ */
}

h1.steps {
	margin: 0;
	padding: 10px 0;
	
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);

	font-family: Helvetica, Arial, sans-serif;
	color: #d02027;
	font-size: 40px;
	text-align: center;
} 

h2.steps {
	margin: 0;
	padding: 25px 30px 10px 30px;
	
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 24px;
	text-align: left;
}

.step-text{margin:0px; padding:0 20px 10px 20px;font-family:Helvetica, Arial, sans-serif; color: #000; font-size: 17px; text-align: left; font-weight: normal;}

.step-headline{margin:0 auto; padding:0 0 15px 0;font-family:Helvetica, Arial, sans-serif; color: #000; font-size: 21px; text-align: center; font-weight: bold;}

.logos-wrap {
	width:245px;
	border:1px solid #ccc;
	background:#f8f8f8;
	font-size:12px;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	color:#999;
	margin:20px 0 20px 20px;
	padding:10px;
}

.logos {
	background: url(img/logos-highlight.png) top center no-repeat;
	width:225px;
	height:200px;
	margin:10px auto;
}

.logos:hover {
	background: url(img/logos-highlight.png) center -201px no-repeat;
}