@font-face {
  font-family: 'Dosis-Regular';
  src: url('/products/fonts/Dosis/Dosis-Regular.eot');
  src: url('/products/fonts/Dosis/Dosis-Regular.eot?#iefix') format('embedded-opentype'),
       url('/products/fonts/Dosis/Dosis-Regular.woff') format('woff'),
       url('/products/fonts/Dosis/Dosis-Regular.ttf') format('truetype'),
       url('/products/fonts/Dosis/Dosis-Regular.svg#Dosis-Regular') format('svg');
}
a, p, h1, label, input
{
	font-family: 'Segoe UI', Arial, Sans-Serif;
}
.clearb
{
	clear: both;
}
strong.normal
{
	font-weight: normal;
}
sup
{
	font: 0.33em arial, verdana, sans-serif;
}
a.button
{
	background-color: #378412;
	color: #fff;
	display: block;
	font-size: 15px;
	height: 36px;
	line-height: 36px;
	margin: 1em auto;
	text-align: center;
	text-decoration: none;
	width: 126px;
}
a.button.yellow
{
	background-color: #e8a30f;
}
div.main_container
{
	padding-bottom: 0;
}
section > article
{
	margin: 0 auto;
	margin-bottom: 2em;
	position: relative;
	width: 941px;
}
section article a.top
{
	bottom: -2.5em;
	color: #7b7b7b;
	font-size: 1em;
	right: 2em;
	position: absolute;
}
body
{
	background-color: #f6f6f6;
}
a img {

border:none;

}

/* #region Marquee */
figure.marquee
{
	margin: 0;
	margin-top: 8em;
	position: relative;
	text-align: center;
}
figure.marquee hr
{
	background: url('../images/divider_dotted.png') repeat-x left center;
	border: 0;
	height: 3px;
	margin: 0;
	padding: 0;
	width: 100%;
}
figure.marquee img
{
	position: relative;
	top: -1.5em;
}
figure.marquee h1
{
	background-color: #f6f6f6;
	color: #0068a1;
	display: inline-block;
	font: normal 3.846em 'Dosis-Regular', sans-serif;
	margin: 0;
	padding: 0 0.25em;
	position: relative;
	top: -0.75em;
}
/* #endregion */

/* #region Marquee */
div.marquee
{
	height: 1em;
	margin: 0;
	margin-bottom: 1.5em;
	padding-top: 2em;
	position: relative;
	text-align: center;
}
div.marquee > div.divider
{
	background: url('../images/dotted_divider.png') repeat-x left center;
	border: 0;
	height: 3px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
div.marquee > div.divider > div.opaque
{
	background-color: #f6f6f6;
	height: 100%;
	left: 50%;
	margin-left: -7.5em;
	position: absolute;
	width: 15em;
}
div.marquee > div.divider > div.opaque.gradient
{
	background: url('../images/gray_bg.png') no-repeat center center;
}
div.marquee > div.divider > div.opaque2
{
	background-color: #f6f6f6;
	height: 100%;
	left: 50%;
	margin-left: -10.5em;
	position: absolute;
	width: 20.5em;
}
div.marquee > div.divider > div.opaque.gradient,
div.marquee > div.divider > div.opaque2.gradient
{
	background: url('../images/gray_bg.png') no-repeat center center;
}
div.marquee > h1
{
	color: #2d2d2d;
	display: inline-block;
	font: normal 3.846em 'Dosis-Regular', sans-serif;
	margin: 0;
	padding: 0 0.25em;
	position: relative;
	top: -0.75em;
}
/* #endregion */

/* #region Header */
section.iconpackager
{
	margin: auto;
	padding-top: 10em;
	text-align: center;
	width: 100%;
}

section.iconpackager > figure.ipbanner
{
	font-size: 0;
	margin: auto;
	text-align: center;
	width: 941px;
}

section.iconpackager > figure.ipbanner > aside.sidebar {
	background-color: #d9d9d9;
	display: inline-block;
	font-size: 13px;
	height: 326px;
	margin: 0;
	vertical-align: top;
	width: 259px;
}
section.iconpackager > figure.ipbanner > aside.sidebar > a
{
	display: inline-block;
	margin: 0.5em;
	margin-top: 1em;
	position: relative;
}
section.iconpackager > figure.ipbanner > aside.sidebar > img.logo {
	margin: 3em 0 0.5em 0;
}
section.iconpackager > figure.ipbanner > aside.banner {
	display: inline-block;
	height: 326px;
	margin: 0;
	position: relative;
	width: 680px;
}
section.iconpackager > figure.ipbanner > aside.banner > img {
	left: 0;
	position: absolute;
	top: 0;
}

section.iconpackager > h1
{
	font: normal 4em 'Dosis-Regular', sans-serif;
	margin: 0.5em auto;
	max-width: 17em;
}
section.iconpackager > a.button
{
	margin: 2em auto;
}
	/* #region Features */
	section.iconpackager > aside.features
	{
		margin: 3em 0;
		text-align: center;
	}
	section.iconpackager > aside.features > figure.inaction
	{
		border-right: 1px solid #959595;
		display: inline-block;
		margin: 0;
		margin-left: 0;
		padding-right: 2em;
		text-align: right;
		vertical-align: middle;
	}
	section.iconpackager > aside.features > figure.inaction > figcaption
	{
		color: #7f7f7f;
		font-size: 0.769em;
		line-height: 2em;
		text-align: center;
		text-transform: uppercase;
	}
	section.iconpackager > aside.features > article.features
	{
		display: inline-block;
		padding: 0;
		padding-left: 2em;
		text-align: left;
		vertical-align: middle;
	}
	section.iconpackager > aside.features > article.features > h6
	{
		font-size: 1em;
		margin: 0;
		margin-bottom: 1em;
	}
	section.iconpackager > aside.features > article.features > ul
	{
		margin: 0;
		padding-left: 1.2em;
	}
	section.iconpackager > aside.features > article.features > ul > li
	{
		margin: 0.75em 0;
	}
	section.iconpackager > aside.features > article.features > ul > li:last-child
	{
		margin-bottom: 0;
	}
	/* #endregion */
/* #endregion */

/* #region screenshots */
section.screenshots h2 
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0;
}

section.screenshots
{
	background: #c9ccce url('../images/gray_bg.png') repeat-y center center;
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.screenshots > h1
{
	font: normal 4em 'Dosis-Regular';
	margin: auto;
	margin-top: 0.5em;
	width: 17em;
}
section.screenshots > div.screens 
{
	display: inline-block;
	max-width: 675px;
}
section.screenshots > div.screens > figure.screenshots
{
	display: inline-block;
	margin: 0;
	padding: 0.5em 0 1.5em 0;
	text-align: center;
	vertical-align: top;
}
section.screenshots > div.screens > figure.screenshots > a
{
	padding: 0 0.3em;
}

section.screenshots > div.screens > figure.screenshots > figcaption
{
	margin: 0 auto;
	width: 207px;
}
/* #endregion */

/* #region WinCustomize */
section.wincustomize
{
	background-color: #f6f6f6;
	padding: 3em 0;
	position: relative;
	text-align: center;
}
section.wincustomize h2
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0;
}
section.wincustomize a
{
	font-size: 1.125em;
	line-height: 1.5em;
	margin: 1em auto;
	max-width: 730px;
	text-align: center;
	text-decoration: underline;
}
/* #endregion */

/* #region calltoaction */
section.calltoaction
{
	background-color: #dbf3cf;
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.calltoaction > h2.subhead 
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0.5em auto;
}
section.calltoaction > p
{
	font-size: 1.250em;
	line-height: 1.5em;
	margin: 1em auto;
	max-width: 730px;
	text-align: center;
}

section.calltoaction > figure.buttons > a
{
	display: inline-block;
	margin: 0 0.5em;
	position: relative;
}
/* #endregion */

/* #region System Requirements */
section.sysreqs
{
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.sysreqs.gray
{
	background: #c9ccce url('../images/gray_bg.png') repeat-y center center;
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.sysreqs h2
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0;
}
/* #endregion */