body {
	background: #ECF5FF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; }

a {
    color: #4A92D9;
    font-weight: bold;
    text-decoration: underline;
    outline: none; }
	a:hover {
		color: #FFFFFF;
		background-color: #4A92D9; }
p { line-height: 160%; }

img {
	border: 0;
}

abbr {
	cursor: help;
}

div.clear {
	height: 1px;
	clear: both; }

#sitewrapper {
	background: #FFFFFF;
	width: 740px;
	margin: 20px auto;
	padding: 20px; }

	/* Sitewrapper -> header
--------------------------------------------------*/

#header {
	border-bottom: 1px dotted #000;	
}

#sitewrapper #header ul#navigation {
	float: right;
	clear: right;
	margin: 0;
	padding: 40px 0 0 0;
	}
#sitewrapper #header ul#navigation li {
    display: inline;
    margin: 0;
    padding: 0;
    background: none; }
#sitewrapper #header ul#navigation li strong { font-weight: normal; color:#000000 }
#sitewrapper #header ul#navigation li a { }


	/* Sitewrapper -> intro-Frame
--------------------------------------------------*/
#sitewrapper #intro-frame {
		width: 720px;
		padding: 20px;
		padding-top: 20px;
		padding-bottom: 10px; }
#sitewrapper #intro-frame img { float: right; margin: 0 0 20px 20px; }
			
#sitewrapper div#hero { width: 48%;	float: left; }
#sitewrapper div#about-hero {	width: 48%;	float: right; }


	/* Sitewrapper -> about-hero
--------------------------------------------------*/
#about-hero h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	text-transform: uppercase;
	font-weight: bold;
	background: transparent url("../images/intro-hero-title.png") no-repeat 0%;
	display: block;
	margin: 0;
	padding: 0;
	height: 118px;
	width: 332px;
}

#sitewrapper a#try-it-now {
				display: block;
				margin: 0 auto;
				height: 34px;
				width: 196px;
				background: transparent url("../images/download-button.gif") no-repeat 50% 0;
				text-indent: -5000px; }


	/* Sitewrapper -> concept & steps
--------------------------------------------------*/
#concept, #steps {
	/*border: 1px solid #000;*/
	padding: 3px;
	display: block;
	font-weight: bold;
	color: #fff;
}
#concept {
	width: 180px;
	background-color: #B94000;
	float: left;
}

#steps {
	width: 536px;
	background-color: #007ab9;
	float: right;
}

.column,
.lead-column
{
	float: left;
	margin-top: 5px;
	margin-right: 2px;
	font-size: 95%;
}

.lead-column {
	width: 180px;
	margin-right: 18px;
}

.column {
	width: 176px;
}

.column dt, .lead-column dt {
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	}

.column dl, .lead-column dl {
	margin: 0;
}

.column dd, .lead-column dd {
	margin: 5px 0 0 0;
	line-height: 130%;
	/*color: #626262;*/
}

	/* Sitewrapper -> footer
--------------------------------------------------*/
#footer {
	border-top: 1px dotted #000;	
	margin-top: 50px;
	padding: 10px;
	font-size: 95%;
}

#footer a {
	font-weight: normal;
}

	/* Sitewrapper -> screen
--------------------------------------------------*/

.screenshot img, img.screenshot {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.next p {
	text-align: center;
}

	/* Sitewrapper -> forgetting curve
--------------------------------------------------*/

ol#curve-list {
	list-style: none;
	margin-right: 10px;
	padding-left: 5px;
}

ol#curve-list li {
	margin: 5px;
	padding-left: 22px;
	line-height: 1.5em;
}

li#curve-number-1 { background: url(../images/number-1.png) no-repeat 0 0 }
li#curve-number-2 { background: url(../images/number-2.png) no-repeat 0 0 }
li#curve-number-3 { background: url(../images/number-3.png) no-repeat 0 0 }
li#curve-number-4 { background: url(../images/number-4.png) no-repeat 0 0 }
li#curve-number-5 { background: url(../images/number-5.png) no-repeat 0 0 }

	/* Sitewrapper -> pricing & download
--------------------------------------------------*/

#pricing {
	margin: 2em 0 0 0;
}

table#pricing-table {
	border: 1px solid silver;
	border-collapse: collapse;
	width: 600px;
}

#pricing-table th, #pricing-table td {
	padding: 10px;
	border: 1px solid #F3F3F3;
}

#pricing-table th {
	background-color: #E4F5E1;
	border-left-color: #E4F5E1;
	border-right-color: #E4F5E1;
}

#pricing-table td {
	text-align: center;
}

#pricing-table td.pricing-info {
	text-align: left;
	font-weight: bold;
}

#pricing-table td.pricing-cost{
	background-color: #FFFFE0;
	font-weight: bold;
}

ol#pricing-remarks {
	background-color: #F9F9F9;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #7F7F7F;
	margin-top: 0;
	width: 560px;
}

	/* Sitewrapper -> faq
--------------------------------------------------*/
#faq {
	width: 600px;
	background-color: #F9F9F9;
	margin: 20px 0;
	padding: 0 20px 10px 20px;
}

#faq h2 {
	padding-top: 20px;
	padding-bottom: 1px;
	margin: 0;
}

	/* Sitewrapper -> privacy policy
--------------------------------------------------*/
#policy {
	margin: 0;
	padding: 10px 20px;
	border: 2px solid #708090;
}

	/* Sitewrapper -> download
--------------------------------------------------*/

#downloading {
	background-color: #e9fad0;	
	margin: 20px 0;
	padding: 10px 20px;
	font-weight: bold;
}

#download-box {
	background-color: #00008B;	
	color: #fff;
	margin: 20px 0;
	padding: 10px 20px;
}

#download-details p {
	padding: 0;
	margin: 0;
}

#sys-req {
	display: none;
}