/*
 * The Basics
 ********************************************************************/
body { background: #333; color: #555; font: 1em/1.3 Verdana, Helvetica, Arial, sans-serif; }

	/* linking */
	a { color: #04CEFC; }
	a:visited { }
	a:hover { }

	a img { }
	a:visited img { }
	a:hover img { }

	/* the usual */
	p { }
	p+p { margin: 1em 0; }
	img { }

	/* lists */
	ul { }
	ol { }
	menu { }
	ul, ol { list-style: none; }
	li { }
	dl { }
	dd { }
	dt { }

	/* table */
	table { border-collapse: collapse; border-spacing: 0; }
	tr { }
	th { }
	td { }
	caption { }

	/* quotation */
	q { }
	cite { }
	blockquote { }
	blockquote p.quotation { }
	blockquote p.testimonial { }
	blockquote p cite { }


	/* headings */
	h1, h2, h3, h4, h5, h6 { }
	h1 { font-weight: bold; line-height: 2; font-size: 1.3em; }
	h2 { }
	h3 { }
	h4 { }
	h5 { }
	h6 { }

	/* form */
	form { }
	fieldset { }
	legend { }
	label { }
	input, textarea, select { font: 1em/1.5 Arial, sans-serif; }
	input { }
	input[type="text"] { }
	input.text { }
	input[type="button"] { }
	input.button { }
	input[type="submit"] { }
	input.submit { }
	input[type="reset"] { }
	input.reset { }
	input[type="file"] { }
	input.file { }
	input[type="radio"] { }
	input.radio { }
	input[type="checkbox"] { }
	input.checkbox { }
	input[type="password"] { }
	input.password { }
	select { }
	select option { }
	select optgroup { }
	textarea { }
	button { }

	/* type format */
	abbr { }
	acronym { }
	address { }
	small { }
	pre { }
	pre p { }
	sub { vertical-align: sub; }
	sup { vertical-align: sup; }
	var { }
	code { }
	strong { color: #000; }
	b { }
	em { }
	i { }
	del { }
	dfn { }
	ins { }
	kbd { }
	samp { }

	/* generic */
	div { }
	span { }

	/* externals */
	object { }
	iframe { }

	/* html5 */
	article { }
	area { }
	aside { }
	audio { }
	canvas { }
	command { }
	datalist { }
	details { }
	dialog { }
	embed { }
	figure { }
	footer { }
	header { }
	hgroup { }
	keygen { }
	mark { }
	meter { }
	nav { }
	output { }
	progress { }
	rp { }
	rt { }
	ruby { }
	section { }
	source { }
	time { }
	video { }

/*
 * CSS Utility Classes
 ********************************************************************/

	/* clearing */	
	.clear-hack:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
						/* See: http://www.positioniseverything.net/easyclearing.html 
						 * if you care about IE/Mac
						 */
	.clear			{ clear: both; }
	.clear-left		{ clear: left; }
	.clear-right		{ clear: right; }

	/* justification */
	.text-left		{ text-align: left; }
	.text-right		{ text-align: right; }
	.text-center		{ text-align: center; }
	.text-justify		{ text-align: justify; }

	/* additional type style */
	.bold			{ font-weight: bold; }
	.italic			{ font-style: italic; }
	.underline		{ text-decoration: underline; }
	.highlight		{ background: #ffc; }
	.teletype 		{ font-family: monospace; }
	.big 			{ font-size: bigger; }
	.blink 			{ text-decoration: blink; }
	.strike 		{ text-decoration: line-through; }
	.compact		{ display: compact; }

	/* image alignment */
	img.align-right 	{ float: right; margin: 0 0 0 1em; }
	img.align-left 	{ float: left; margin: 0 1em 0 0; }
	img.align-center { display: block; margin: 0 auto; }

	/* lists, etc */
	.nopadding		{ padding: 0; }
	.noindent		{ margin-left: 0; padding-left: 0; }
	.nobullet		{ list-style: none; list-style-image: none; }
	.inline 		{ display: inline; }

	/* floating */
	.left			{ float: right; }
	.right			{ float: left; }
	
/*
 * Site Classes
 ********************************************************************/
span.blue { color: #04CEFC; }
.gray { color: #999; }
tr.blue td { border-bottom: 1px #04CEFC solid !important; }



/*
 * Forms
 ********************************************************************/
div.form-block { }
div.form-block form { width: 460px; margin: 0 auto; }
div.form-element-block { clear: both; }
div.form-element-block label { padding: 0.2em 0 0 0; float: left; width: 200px; margin: 0.5em 0; }
div.form-element-block br { display: none; }
div.form-element-block input,
div.form-element-block select,
div.form-element-block textarea { font: 1em/1.3 Verdana, Helvetica, Arial, sans-serif; width: 250px; margin: 0.5em 0; border: 2px #04CEFC solid; }
div.form-element-block select { cursor: pointer; }
div.control-block { text-align: center; }
div.control-block .submit,
div.control-block .reset { width: 100px; cursor: pointer; background: #00D1FC; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 0.2em 0.4em; color: #fff; font-weight: bold; text-transform: uppercase; }

/*
 * Form Error Handling
 ********************************************************************/
.form-status { font-size: 0.8em; margin: 0 0 1em 0; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.form-status h3 { font-size: 1.1em; font-weight: bold; }
.error-block { background-color: #FFE08F; border: 1px #EFC659 solid; }
.error-block ol { list-style: decimal; padding: 0 0 0 25px; }
.success-block { background-color: #C9FF8F; border: 1px #9DCF67 solid; }
.input-error { border: 2px #c30 solid !important; }

/*
 * Structure and Elements
 ********************************************************************/
div.site-container { width: 880px; padding: 0 60px 10px 60px; background: #fff; margin: 0 auto; }

div.site-header { padding: 1em 0; text-indent: -9999px; text-align: left; }
	div.logo { float: left; }
	div.logo a { display: block; width: 360px; height: 110px; background: url('../sprites/homepage.png') -60px -35px no-repeat; }
	div.call-us { float: right; width: 450px; height: 100px; background: url('../sprites/homepage.png') -460px -35px no-repeat; }
	body.acrotime div.logo a { background-image: url('../sprites/subpage-acrotime.jpg'); }
	body.aepay div.logo a { background-image: url('../sprites/subpage-aepay.jpg'); }
	body.infinitime div.logo a { background-image: url('../sprites/subpage-infinitime.jpg'); }
	
div.site-content-block { border-top: 2px #04CEFC solid; padding: 1em 0; }
	p.saas { font-size: 1.4em; line-height: 1.5; text-transform: uppercase; float: left; width: 650px; padding: 0 20px 0 0; border-right: 2px #04CEFC solid; }
	div.saas-image-carousel { width: 200px; float: right; height: 152px; margin-top: -15px; }
	div.saas-image-carousel li { height: 152px; }
	ul.saas-list { text-align: left; text-indent: -9999px; }
	ul.saas-list li { height: 65px; font-size: 1.4em; margin: 0 0 0.5em 0; background: url('../sprites/homepage.png') -60px -35px no-repeat; }
	ul.saas-list li.low-capital-outlay { background-position: -55px -330px; }
	ul.saas-list li.reduce-eliminate { background-position: -55px -407px; }
	ul.saas-list li.cost-effective { background-position: -55px -480px; }
	ul.saas-list li.fast-and-simple { background-position: -55px -555px; }
	ul.saas-list li.browser-based { background-position: -55px -625px; }
	ul.saas-list li.optimized-reliability { background-position: -55px -693px; }
	ul.saas-list li.peace-of-mind { background-position: -55px -765px; }
	ul.saas-list li.auto-updates { background-position: -55px -838px; }
	table.comparison, 
	table.expanded { border-collapse: collapse; font-size: 0.9em; margin: 0; width: 818px; margin: 0 auto; }
	table.comparison tr, 
	table.expanded tr { }
	table.comparison tr th, 
	table.expanded tr th { width: 130px; }
	table.comparison tr th.pepm, 
	table.expanded tr th.pepm { width: 300px; }
	table.comparison tr th.silver,
	table.expanded tr th.silver { width: 90px; }
	table.comparison tr th.gold,
	table.expanded tr th.gold { color: gold; width: 90px; }
	table.comparison tr td,
	table.expanded tr td { border-bottom: 1px #ccc solid; padding: 5px 0; }
	div.compare-plans-expand { border-bottom: none; cursor: pointer; height: 100px; background: url('../sprites/homepage.png') -44px -2055px no-repeat; text-indent: -9999px; text-align: left; }
	div.comparison-header { margin: 1em 0 0 0; height: 75px; width: 575px; padding-left: 325px; background: url('../sprites/homepage.png') -42px -1025px no-repeat; text-indent: -9999px; text-align: left; }
	div.comparison-header a.infinitime-link { float: left; display: block; height: 70px; width: 160px; }
	div.comparison-header a.aepay-link { float: left; display: block; height: 70px; width: 210px;  }
	div.comparison-header a.acrotime-link { float: left; display: block; height: 70px; width: 150px; }
	ul.blue-bullet-list { }
	ul.blue-bullet-list li { background: url('../images/blue-bullet.png') 0 0.5em no-repeat; padding: 0 0 0 1em; margin: 0 0 1em 0; }
	body.aepay ul.blue-bullet-list { padding: 0 380px 0 0; background: url('../sprites/subpage-aepay.jpg') -30px -573px no-repeat; }
	div.expanded-table-block { border-top: none !important; padding-top: 0 !important; }

/*
 * Carousels
 ********************************************************************/
div.carousel-block { margin: 0; }
div.carousel-block ul { margin: 0 0 0 50px; font-size: 0.9em; }
div.carousel-block ul.acrotime { }
div.carousel-block li {  margin: 0 50px 0 0; background-image: url('../sprites/subpage-infinitime.jpg'); text-transform: uppercase; padding: 250px 0 0 0; width: 220px; height: auto; float: left; }
div.carousel-block ul.acrotime li { background-image: url('../sprites/subpage-acrotime.jpg'); }
div.carousel-block li.hand-geometry { background-position: -100px -310px; }
div.carousel-block li.fingerprint-verification { background-position: -380px -310px; }
div.carousel-block li.proximity-card { background-position: -675px -310px; }
div.carousel-block ul.acrotime li.node-1 { background-position: -100px -280px; }
div.carousel-block ul.acrotime li.node-2 { background-position: -380px -280px; }
div.carousel-block ul.acrotime li.node-3 { background-position: -675px -280px; }
div.carousel-block ul.acrotime li.node-4 { }
div.carousel-block ul.acrotime li.node-5 { }
div.carousel-block li h3 { color: #04CEFC; }
div.carousel-block li p { }
div.tiny-carousel-block { margin: 0; }
div.tiny-carousel-block ul { font-size: 0.7em; margin: 0 0 0 44px; }
div.tiny-carousel-block ul li { float: left; width: 116px; height: auto; padding: 130px 0 0 0; margin: 0 50px 0 0; background-image: url('../sprites/subpage-aepay.jpg'); text-transform: uppercase; list-style: none; }
div.tiny-carousel-block ul li.node-1 { background-position: -60px -330px; }
div.tiny-carousel-block ul li.node-2 { background-position: -240px -330px; }
div.tiny-carousel-block ul li.node-3 { background-position: -440px -330px; }
div.tiny-carousel-block ul li.node-4 { background-position: -605px -330px; }
div.tiny-carousel-block ul li.node-5 { background-position: -780px -330px; }

/*
 * Footer Nav
 ********************************************************************/
div.footer-block { }
div.footer-block ul { text-indent: -9999px; text-align: left; width: 800px; margin: 0 auto; }
div.footer-block li { float: left; }
div.footer-block li a { background: url('../sprites/subpage-acrotime.jpg') no-repeat; display: block; height: 150px; width: 200px; }
div.footer-block li.screen-shots a { background-position: -75px -930px; }
div.footer-block li.sample-reports a { background-position: -275px -930px; }
div.footer-block li.request-demo a { background-position: -483px -930px; }
div.footer-block li.request-quote a { background-position: -693px -930px; }