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

/* =GLOBAL STYLES
-----------------------------------------*/
body {
	background:url(../images/bg-main) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#062242;
	line-height:1.3;
	text-align:center;
	margin:0;
	padding:0;
}

p {
	font-size:140%;
	margin-top:0;
}

h2 {
	font-size:160%;
	margin:0;
}

a {
	color:#2063a2;
}

a img { border:none }

.float-right { float:right }

.float-left { float:left; }

.highlight { color:#f5ff51 }

img.float-left { margin:0 20px 20px 0 }

.clear-both { clear:both }

.clear-left { clear:left }

.clear-right { clear:right }

.centered {
	margin:0 auto;
	display:block;
}

ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul li {
	background:url(../images/bullet-red-arrow.png) no-repeat 0 2px;
	padding:0 0 0 17px;
	margin:5px 0;
	font-size:140%;
}

/* =CONTAINER STYLES
-----------------------------------------*/
#wrapper {
	width:920px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#content-container {
	position:relative;
	width:780px;
	margin:16px auto 0;
	text-align:left
}

#navigation a {
	color: #000;
	text-decoration: none;
	padding:0 0 0 10px;
	font-weight:bold;
	height:32px;
	cursor:pointer;
	font-size:100%;
	text-transform:uppercase;
	background: url("../images/bg-nav-left.png") left top no-repeat;
	}

#navigation a span {
	padding-right: 10px;
	height:24px;
	padding:6px 10px 0 0;
	background: url("../images/bg-nav-right.png") right top no-repeat;
	}

#navigation a, #navigation a span {
	display: block;
	float: left
	}

#navigation a:hover {
	color:#000;
	background: url("../images/bg-nav-left-over.png") left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	}

#navigation a:hover span {
	background: url("../images/bg-nav-right-over.png") right top no-repeat;
	padding-right: 10px;
	}

#navigation {
	list-style: none;
	padding: 0;
	margin: 0;
	position:absolute;
	top:53px;
	right:68px;
	}

#navigation li {
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 0;
	}

#intro {
	width:730px;
	height:212px;
	margin:0 0 20px;
	padding:10px 25px 0;
	background:url(../images/bg-intro.png) no-repeat 0 0;
}


#logo {
	margin-left:30px;
}

#blockquote-container {
	width:238px;
	background:url(../images/bg-blockquote.png) repeat-y 0 0;
}

#index-blockquote {
	width:238px;
	float:right;
	margin:0 0 20px 20px;
	background:url(../images/bg-blockquote.png) repeat-y 0 0;
}

#grey-box-top-index {
	width:780px;
	height:5px;
	background:url(../images/bg-greybox-top-index.png) no-repeat top left;
}

#grey-box-mid-index {
	width:740px;
	padding:15px 20px 0 20px;
	background:url(../images/bg-greybox-mid-index.png) repeat-y top left #f6f7f8;
}

#grey-box-bottom-index {
	width:780px;
	height:5px;
	background:url(../images/bg-greybox-bottom-index.png) no-repeat top left;
}

.grey-box-top-sidebar {
	width:238px;
	height:5px;
	background:url(../images/bg-sidebar-greybox-top.png) no-repeat top left;
}

.grey-box-mid-sidebar {
	width:198px;
	padding:10px 20px;
	background:url(../images/bg-sidebar-greybox-mid.png) repeat-y top left;
	color:#062242;
}

.grey-box-bottom-sidebar {
	width:238px;
	height:5px;
	background:url(../images/bg-sidebar-greybox-bottom.png) no-repeat top left;
}

#blue-wrapper {
	background:url(../images/bg-bottom-index.png) repeat-x top left #194083;
	padding-top:65px;
}

#blue-wrapper-sm {
	background:url(../images/bg-bottom.png) repeat-x top left;
	padding-top:73px;
}

#blue-content {
	color:#fff;
	width:780px;
	margin:0 auto;
	text-align:left
}

#blue-content .left-col {
	float:left;
	width:335px;
}

#blue-content .right-col {
	float:right;
	width:335px;
}

.left-col {
	float:left;
	width:522px;
}

.right-col {
	float:right;
	width:238px;
}

#footer-wrapper {
	background:url(../images/bg-footer.png) repeat-x top left;
}

#footer-content {
	width:780px;
	height:29px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
	font-size:120%;
}

/* =CONTENT STYLES
-----------------------------------------*/
#intro p {
	color:#fff;
	font-size:170%;
}

#intro img.play-video { margin-left:20px }

#intro #free-scan { 
	margin-left:150px;
}

blockquote.index {
	margin:0;
	padding:0;
	background:url(../images/bg-quote-open.png) no-repeat 0 0;
	font-style:italic;
}

blockquote.company {
	margin:0;
	padding:0;
	background:url(../images/bg-quote-open.png) no-repeat 0 0;
	font-style:italic;
}

#quote {
	margin:0 10px 0 0;
	padding:30px 10px 20px 20px;
	background:url(../images/bg-quote-close.png) no-repeat right bottom;
	text-indent:30px;
}

#author {
	margin:0 0 0 0;
	padding:0 0 10px 25px;
	background:url(../images/bg-quote-bottom.png) no-repeat bottom left;
	font-weight:bold;
}

#blue-content ul.green-arrow {
	margin:0;
	padding:0;
	list-style-type:none;
}

#blue-content ul.green-arrow li {
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	background:url(../images/bullet-arrow.png) no-repeat 0 2px;
	font-size:140%;
}

h1.heading-image {
	width:522px;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:0;
}

h1.atherion {
	background:url(../images/heading-atherion.png) no-repeat top left;
}

h1.team {
	background:url(../images/heading-team.png) no-repeat top left;
}

h1.support {
	background:url(../images/heading-support.png) no-repeat top left;
}

h1.identitypro {
	background:url(../images/heading-identitypro.png) no-repeat top left;
}

h1.privacy-policy {
	background:url(../images/heading-privacy.png) no-repeat top left;
}

dl {
	margin:0;
	padding:0;
}

dl dt {
	font-weight:bold;
	font-size:160%;
	margin:0 0 2px 0;
}

dl dd {
	margin:0 0 25px 0;
}

dl.team {
	margin:0;
	padding:0;
}

dl.team dt {
	font-weight:bold;
	font-size:160%;
	margin:0 0 2px 148px;
	width:370px;
}

dl.team dd {
	margin:0 0 0 148px;
	width:370px;
}

#grey-box-mid-sidebar p {
	margin:0;
}

#footer-content a {
	color:#092545;
}

ol.green-bullets {
	margin:0;
	padding:0;
	list-style-type:none;
}

ol.green-bullets li {
	padding:0 0 0 60px;
	margin:20px 0;
	font-size:140%;
}

ol.green-bullets li.one { background:url(../images/bullet-1.png) no-repeat top left }

ol.green-bullets li.two { background:url(../images/bullet-2.png) no-repeat top left }

ol.green-bullets li.three { background:url(../images/bullet-3.png) no-repeat top left }

ol.green-bullets li.four { background:url(../images/bullet-4.png) no-repeat top left }

.screenshot { margin:0 0 20px 20px }