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

* {
	margin:0px;
	padding:0px;
	}
	
body {
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
	background-image:url(../images/page_bg.jpg);
	background-repeat:repeat-x;
	background-color:#F6FBF4;
	}
	
a img {
	border:0px;
	outline:none;
	}
	
*:hover {
	outline:none;
	}
	
.clear {
	clear:both;
	}
	
	div#container {
		width:800px;
		margin:0 auto;
		padding:22px 21px 0px 21px;
		position:relative;
		z-index:100;
		}
		
		div#header {
			background-image:url(../images/header_bg.gif);
			padding:15px 15px 0px 15px;
			height:64px;
			}
			
			div#header h1 a {
				display:block;
				float:left;
				background-image:url(../images/offisync.gif);
				width:200px;
				height:58px;
				text-indent:-9999px;
				}
				
			p#nav-top {
				display:block;
				float:right;
				padding:5px 4px 0px 0px;
				color:#A8A9AD;
				font-size:10px;
				text-transform:uppercase;
				}
				
				p#nav-top a {
					text-decoration:none;
					color:#A8A9AD;
					}
				
				p#nav-top a.active {
					color:#000000;
					}
					
				p#nav-top a:hover {
					color:#000000;
					}
				
			p#nav {
				display:block;
				float:right;
				clear:right;
				padding:15px 4px 0px 0px;
				color:#A8A9AD;
				font-size:12px;
				}
				
				p#nav a {
					text-decoration:none;
					color:#A8A9AD;
					}
				
				p#nav a.active {
					color:#000000;
					}
					
				p#nav a:hover {
					color:#000000;
					}
					
		div#content {
			background-image:url(../images/content_bg.gif);
			background-repeat:no-repeat;
			background-color:#FFFFFF;
			padding:30px;
			margin:10px 0px 0px 0px;
			border-bottom:2px dotted #BAE9CE;
			}
			
			div#content p {
				margin:0px 0px 8px 0px;
				line-height:18px;
				}
			
				div#content p a {
					color:#23B158;
					}
				
			div#content h2 {
				margin:0px 0px 10px 0px;
				}
				
			div#content ul {
				margin:0px 0px 10px 20px;
				}
				
				div#content ul li {
					margin:0px 0px 6px 0px;
					}
				
					div#content ul li a {
						color:#23B158;
						text-decoration:none;
						}
				
					div#content ul li a:hover {
						text-decoration:underline;
						}
						
			div.content-right {
				display:block;
				float:right;
				width:275px;
				}
					
		img#indexloop {
			display:block;
			padding:25px 0px 0px 65px;
			}
			
		h2#index-headline {
			display:block;
			height:89px;
			line-height:89px;
			color:#345040;
			text-align:center;
			font-size:24px;
			letter-spacing:-1px;
			text-shadow:0px 1px 0px #FFF;
			}
			
		ul#steps {
			height:179px;
			padding:0px 0px 0px 11px;
			list-style:none;
			}
			
			ul#steps li {
				display:block;
				list-style:none;
				background-image:url(../images/step_bg.gif);
				width:255px;
				height:179px;
				overflow:hidden;
				float:left;
				margin:0px 6px 0px 0px;
				position:relative;
				text-shadow:0px 1px 0px #FFF;
				}
				
				ul#steps li span.step {
					color:#22B259;
					font-size:20px;
					font-weight:bold;
					display:block;
					padding:14px 23px 0px 23px;
					letter-spacing:-1px;
					line-height:24px;
					}
				
				ul#steps li span.steptitle {
					color:#000000;
					font-size:20px;
					font-weight:bold;
					display:block;
					padding:0px 23px 6px 23px;
					letter-spacing:-1px;
					line-height:20px;
					}
				
				ul#steps li span.stepdesc {
					color:#000000;
					font-size:12px;
					display:block;
					padding:0px 18px 0px 23px;
					line-height:14px;
					}
				
					ul#steps li span.stepdesc a {
						color:#999999;
						font-size:10px;
						text-decoration:none;
						line-height:12px;
						}
				
					ul#steps li span.stepdesc a:hover {
						color:#000000;
						text-decoration:underline;
						}
					
				ul#steps li a.stepbigbutton {
					display:block;
					background-image:url(../images/bttn_download_button.gif);
					padding:0px 0px 0px 23px;
					width:224px;
					height:62px;
					color:#FFFFFF;
					font-size:22px;
					letter-spacing:-1px;
					line-height:62px;
					position:absolute;
					bottom:4px;
					left:4px;
					text-decoration:none;
					font-weight:bold;
					text-shadow:0px -2px 0px #23B158;
					}
					
		div#footer {
			background-image:url(../images/footer_bg.gif);
			background-repeat:no-repeat;
			width:770px;
			margin:20px -21px 0px -21px;
			padding:15px 36px 0px 36px;
			position:relative;
			z-index:200;
			color:#A8A9AD;
			overflow:hidden;
			}
			
			div#footer a.horizonlink {
				display:block;
				float:left;
				background-image:url(../images/horizon_info_services.gif);
				width:106px;
				height:33px;
				text-indent:-9999px;
				}
				
			p#dist-info {
				display:block;
				float:left;
				margin:0px 0px 0px 10px;
				font-weight:bold;
				}
				
				p#dist-info a {
					display:block;
					text-decoration:none;
					font-weight:normal;
					color:#A8A9AD;
					}
					
				
				p#dist-info a:hover {
					color:#000000;
					}
					
			p#contact-info {
				line-height:32px;
				display:block;
				float:right;
				}
				
			p#trademark {
				display:block;
				clear:both;
				text-align:center;
				font-size:10px;
				color:#C7E9CD;
				padding:20px 0px 5px 0px;
				}
				
/* CONTENT STYLES */

	table#compare {
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		}

	table#compare td {
		padding:8px;
		border-right:1px solid #CCCCCC;
		}

		table#compare td span.price{
			display:block;
			font-size:20px;
			letter-spacing:-1px;
			}

		table#compare td span.check{
			font-size:20px;
			font-weight:bold;
			color:#3AC477;
			}
		
	table#compare tr.even {
		background-color:#F6F6F6;
		}
		
	table#compare th {
		padding:8px;
		border-right:1px solid #FFFFFF;
		}
		
	table#compare th.itemname {
		background-color:#3AC477;
		color:#FFFFFF;
		}
		
	table#compare th.columnname {
		background-color:#00B4F7;
		color:#FFFFFF;
		}
		
	span.table-new {
		font-size:10px;
		color:#FF0000;
		font-weight:bold;
		font-style:italic;
		}
		
	strong.green {
		color:#339933;
		}
		
	hr {
		margin:15px 0px 15px 0px;
		}
		
	img.float-left {
		float:left;
		margin:0px 20px 10px 0px;
		}
		
	.googlecart-add-button {
		float:right;
		}
		
	div#content ul#newslist {
		list-style:none;
		margin:0px;
		padding:0px;
		}
		
		div#content ul#newslist li {
			list-style:none;
			margin:0px;
			padding:0px;
			}
		
			div#content ul#newslist li a {
				display:block;
				height:40px;
				text-decoration:none;
				color:#000000;
				border-top:1px dotted #666666;
				padding:5px 0px;
				}
		
				div#content ul#newslist li a img {
					float:left;
					margin:0px 10px 0px 0px;
					}
		
				div#content ul#newslist li a span.story-title {
					display:block;
					float:left;
					width:400px;
					}
		
				div#content ul#newslist li a span.read-more {
					display:block;
					float:left;
					width:100px;
					margin:10px 0px 0px 20px;
					color:#999999;
					}
		
				div#content ul#newslist li a:hover span.read-more {
					color:#FF0000;
					text-decoration:underline;
					}
					
	div#content ul#customers-list {
		list-style:none;
		margin:0px;
		padding:0px;
		}
					
		div#content ul#customers-list li {
			list-style:none;
			display:block;
			margin:0px;
			padding:15px 0px;
			overflow:hidden;
			border-top:1px dotted #999999;
			}
					
			div#content ul#customers-list li img {
				float:left;
				margin:0px 20px 0px 0px;
				}
					
			div#content ul#customers-list li span.customer-quote {
				float:left;
				display:block;
				width:270px;
				margin:0px 20px 0px 0px;
				}
					
			div#content ul#customers-list li span.customer-quote-cred {
				float:left;
				display:block;
				width:150px;
				margin:0px 0px 0px 0px;
				color:#CCCCCC;
				}
					
	div#content div.stretchtoggle {
		display:block;
		background-color:#E3EED4;
		font-size:12px;
		line-height:26px;
		padding:0px 0px 0px 20px;
		cursor:pointer;
		margin:5px 0px 0px 0px;
 		-moz-border-radius: 10px; 
  		-webkit-border-radius: 10px;
		}
					
		div#content div.stretchtoggle p span {
			font-weight:bold;
			color:#8CC63F;
			font-size:20px;
			}
		
		div.innerstretch {
			padding:20px;
			overflow:hidden;
			}
		
			div.innerstretch p {
				display:block;
				float:left;
				width:150px;
				}
		
			div.innerstretch img {
				float:right;
				}

			div.innerstretch object {
				float:right;
				}