html, body {
	height: 100%;
}

#wrapper1 {
	background-color: white;
	width: 100%;
	padding-bottom: 0px;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

#topbar {
	background-image: radial-gradient(circle at 25% 121px, #a6aec9, #7e869c); /* topbar height + 0.5 * head height */
	padding: 0px;
	width: 100%;
	margin: 0px;
}

#headwrap{
	width: 465px;
	margin: 0 auto;
}

#company_logo {
	padding: 0px;
	display: inline;
	text-align: left;
}

#macitbetter {
	padding: 0px;
	width: auto;
	height: 36px;
}

#menu {
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 0px;
	display: block;
	float: right;
	color: black;
}

#menu a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	font-size: 16px;
	color: black;
	display: inline;
	text-decoration: none;
	opacity:.7; -moz-opacity:.7;
}

#menu a:hover, #menu a.current {
	opacity:1; -moz-opacity:1;
}

#menu {
	filter: invert(100%);
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
}

#push {
	height: 80px;
}

#footer {
	border-top: 1px solid #ccc;
	width: 100%;
	height: 80px;
	margin-bottom: 0px;
	background-color: #f7f7f7;
	text-align: center;
}

#copy {
	font-size: 9px;
	line-height: 14px;
	padding-top: 10px;
	text-align: center;
	color: #666;
}

#copy a {
	color: #666;
	text-decoration: none;
}

#copy a:hover {
	color: #333;
}

#social a {
	text-align: center;
	opacity:.5; -moz-opacity:.5;
}

#social a:hover {
	opacity:1; -moz-opacity:1;
}

#social a img {
	padding: 5pt;
	height: 20pt;
}

#actions-buy {
	/* width: 324px; MAS */
	width: 250px;
	margin: 40px auto;
	padding-left: 2px;
}

.blog-entry {
	margin-top: 50px;
}

.faq-entry {
	padding: 10px;
	border: #ddd solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #fafafa;
	margin: 10px 30px 5px 30px;
	line-height: 1.3em;
}

.faq-answer {
	display: none;
}

a.q {
	text-decoration: none;
	color: #000;
}

.faq-entry a:hover {
	color: #666;
}

table#downl {
	font-size: 12px;
	line-height: 18px;
	padding: 0px 5px;
}

td.gg {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	color: #999;
}

/**************************************************************************************
* BetterZip 3 - 2015
**************************************************************************************/
	
body {
	font-family: "Helvetica Neue";
	-webkit-font-smoothing: antialiased;
	font-size: 100%;
	padding: 0px; margin: 0px;
}

.new {
	color: red;
}
.head {
	height: 170px;
	width: 100%;
	background-image: radial-gradient(circle at 25% 50%, #a6aec9, #7e869c);
}

#head-img {
	width: 128px;
	height: 128px;
	margin: 20px 20px 20px 0;
	float: left;
}
#betterzip3 {
	left: 150px;
	float: left;
	text-align: justify;
	font-weight: 100;
	padding-top: 15px;
	padding-left: 10px;
	font-size: 4em;
/*	line-height: 0.5em;*/
	color: white;
}
#next-generation {
	font-size: 0.33em;
	color: white;
}
#actions {
	padding-top: 10px;
	text-align: right;
}
#actions-center {
	text-align: center;
	margin: 30px auto;
}
.button {
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: .363636364em;
	display: inline-block;
	vertical-align: middle;
	width: 6.2em;
	height: 1.5em;
	line-height: 1.5em;
	padding-left: 1.1em;
	padding-right: 1.1em;
	white-space: nowrap;
	text-align: center;
	color: white;
	font-weight: 400;
	font-size: 12pt;
	text-decoration: none;
}

.button.download {
	background-color: #00c054;
	margin-right: 10px;
}
.button.buy {
	background-color: #0074C0;
}

.button.download:hover {
	background-image: radial-gradient(circle at 50% 0, #00D95F, #00CD5A);
	margin-right: 10px;
}
.button.buy:hover {
	background-image: radial-gradient(circle at 50% 0, #008CE7, #007BCB);
}

.slice-container {
	width: 80%;
	padding: 0;
	max-width: 880px;
	margin: 0 auto;
	line-height: 1.5em;
}

.slice-content {
	padding: 20px 0;
	color: #444;
/*	overflow: hidden;*/
	border-bottom: 1px dotted #ccc;
}

.slice-content li, .slice-content p {
	line-height: 1.5em;
	padding-bottom: 10px;
	font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

.slice-head-1 {
	width: 100%;
}

.slice-head-2 {
	padding-bottom: 1em;
	width: 100%;
}

.slice-head-1 h2, .slice-head-2 h2 {
	margin: 0;
}

.slice-text-box-1 {
	display: inline-block;
	width: 100%;
	padding-right: 0px;
}

.slice-text-box-2 {
	display: inline-block;
	width: 100%;
	padding-left: 0px;
}

.slice-image-box, .blog-image-box {
	vertical-align: top;
	margin-top: 0px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.slice-image-box img, .blog-image-box img {
	max-width: 100%;
	padding: 10px;
	border: 1px solid #CCC;
}

.last {
	padding-top: 50px;
	border-bottom: 0;
}

#subscribe-box {
	width: 400px;
	margin: 50px auto;
	text-align: center;
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	padding: 30px 0;
}

h1, h2, h3 {
	color: #007BCB;
	font-weight: 400;
}
a, a.visited {
	color: #08c;
}

.index-blog-post hr {
	width: 300px;
	margin: 60px auto;
}
.index-blog-post h1 a {
	text-decoration: none;
}

.downloads {
	border-collapse: collapse;
	border: 1px solid #999; 
	margin: auto; 
}

.downloads td {
	border: 1px solid #CCC; 
	padding: 2px 15px;
}

.help-entry {
	padding: 10px 0 30px 0;
}

@media only screen and (min-width:860px){
	.slice-head-2 {
		width: 60%;
		margin-left: 40%;
	}

	.slice-text-box-1 {
		display: inline-block;
		width: 55%;
		padding-right: 30px;
	}

	.slice-text-box-2 {
		display: inline-block;
		width: 55%;
		padding-left: 30px;
	}

	.slice-image-box {
		vertical-align: top;
		margin-top: 0px;
		display: inline-block;
		width: 40%;
		max-width: 300px;
	}

	.slice-image-box img {
		width: 100%;
		max-width: 278px;
		padding: 10px;
		border: 1px solid #CCC;
	}

}

@media only screen and (min-width:700px){
	#topbar {
		background-image: radial-gradient(circle at 25% 161px, #a6aec9, #7e869c); /* topbar height + 0.5 * head height */
		padding: 0px;
		width: 100%;
		margin: 0px;
	}

	#menu a {
		padding: 0px 40px 0px 25px;
		font-size: 18px;
	}

	#menu #downloads {
		background: url(img/download.png) no-repeat;
	}

	#menu #buy {
		background: url(img/cart.png) no-repeat;
	}

	#menu #help {
		background: url(img/help.png) no-repeat;
	}

	#menu #blog {
		background: url(img/blog.png) no-repeat;
		padding-right: 20px;
	}

	.head {
		height: 250px;
		width: 100%;
		background-image: radial-gradient(circle at 25% 50%, #a6aec9, #7e869c);
	}

	#headwrap{
		width: 680px;
		margin: 0 auto;
	}

	#head-img {
		width: 200px;
		height: 200px;
		margin: 20px 20px 20px 0;
		float: left;
	}
	#betterzip3 {
		left: 200px;
		float: left;
		text-align: justify;
		font-weight: 100;
		padding-top: 25px;
		padding-left: 15px;
		font-size: 6em;
	/*	line-height: 0.5em;*/
		color: white;
	}
	#next-generation {
		font-size: 0.33em;
		color: white;
	}
	#actions {
		padding-top: 20px;
		text-align: right;
	}
	.button {
		width: 7em;
		height: 2em;
		line-height: 2em;
		padding-left: 1.2em;
		padding-right: 1.2em;
		font-weight: 600;
		font-size: 14pt;
	}
}

@media only screen and (min-width:1100px){
	#topbar {
		background-image: radial-gradient(circle at 25% 286px, #a6aec9, #7e869c); /* topbar height + 0.5 * head height */
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	.head {
		height: 500px;
		width: 100%;
		background-image: radial-gradient(circle at 25% 50%, #a6aec9, #7e869c);
	}
	#headwrap{
		width: 1100px;
		margin: 0 auto;
	}
	
	#head-img {
		width: 400px;
		height: 400px;
		margin: 50px 0 50px 0;
		float: left;
	}
	#betterzip3 {
		left: 400px;
		float: left;
		text-align: justify;
		padding-bottom: 0;
		padding-top: 130px;
		padding-left: 30px;
		font-size: 8em;
		color: white;
		height: 330px;
	}
	#actions {
		padding-top: 120px;
		text-align: right;
	}
}