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

* {
	margin:0px;
	padding:0px;
	}
	
body {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#000000;
	font-size:12px;
	background-color:#E9E9E9;
	}
	
a img {
	border:0px;
	outline:none;
	}
	
:hover {
	outline:none;
	}
	
.clear {
	clear:both;
	}
	
a {
	color:#8CC63F;
	}
	
	div#header-outer {
		background-image:url(../images/header-bg.gif);
		height:90px;
		}
		
		div#header {
			width:800px;
			margin:0 auto;
			}
			
			h1 a {
				display:block;
				float:left;
				background-image:url(../images/offisync.gif);
				width:175px;
				height:53px;
				margin:17px 0px 0px 0px;
				text-indent:-9999px;
				}
				
				#nav, #nav ul {
					list-style:none;
					display:block;
					float:right;
					}
					
					#nav {
						padding:42px 0px 0px 0px;
						}
 
						#nav a {
							display:block;
							font-weight:bold;
							font-size:13px;
							color:#929496;
							line-height:20px;
							text-decoration:none;
							padding:0px 10px;
							}
 
					#nav li {
						float: left;
						}
 
						#nav li ul {
							position: absolute;
							background-image:url(../images/header-bg.gif);
							background-position:bottom left;
							border-right:1px solid #A4A4A4;
							border-left:1px solid #A4A4A4;
							z-index:900;
							margin:0px 0px 0px 10px;
							padding:6px 0px 6px 0px;
							width:140px;
							left: -999em;
							}
 
						#nav li:hover ul, #nav li.sfhover ul {
							left: auto;
							}
					
					ul#nav li a:hover {
						color:#000000;
						}
					
					ul#nav li a#twitter {
						display:block;
						background-image:url(../images/logo-twitter-header.gif);
						height:20px;
						width:20px;
						padding:0px;
						margin:0px 0px 0px 15px;
						float:left;
						text-indent:-9999px;
						}
					
					ul#nav li a#facebook {
						display:block;
						background-image:url(../images/logo-facebook-header.gif);
						height:20px;
						width:20px;
						padding:0px;
						margin:0px 0px 0px 0px;
						float:left;
						text-indent:-9999px;
						}
						
	div#big3-outer {
		background-image:url(../images/big3-bg.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
		background-color:#FFFFFF;
		height:413px;
		}
		
		div#big3 {
			width:800px;
			height:413px;
			margin:0 auto;
			position:relative;
			}
			
			div#supercharge {
				display:block;
				position:absolute;
				z-index:900;
				top:100px;
				width:333px;
				left:0px;
				}
			
				div#supercharge h2 {
					display:block;
					background-image:url(../images/supercharging-microsoft-office.gif);
					width:252px;
					height:122px;
					text-indent:-9999px;
					}
			
				div#supercharge a {
					display:block;
					float:left;
					background-image:url(../images/button-download-button.gif);
					background-position:top left;
					width:153px;
					line-height:30px;
					color:#FFFFFF;
					text-align:center;
					margin:50px 8px 0px 0px;
					text-decoration:none;
					font-weight:bold;
					font-size:16px;
					}
			
				div#supercharge a#download {
					background-position:0px 60px;
					}
			
				div#supercharge a:hover {
					background-position:bottom left!important;
					}
			
			ul#big3-list {
				padding:356px 0px 0px 0px;
				list-style:none;
				display:block;
				height:56px;
				overflow:hidden;
				background-image:url(../images/big3-home.gif);
				background-repeat:no-repeat;
				background-position:top right;
				}
				
				ul#big3-list li {
					list-style:none;
					display:inline;
					}
					
					ul#big3-list li a {
						display:block;
						float:left;
						width:266px;
						height:56px;
						text-indent:-9999px;
						background-position:top left;
						}
					
						ul#big3-list li a span {
							display:none;
							}
					
					ul#big3-list li a:hover {
						background-position:bottom left;
						}
					
						ul#big3-list li a:hover span.cover {
							display:block;
							position:absolute;
							right:0px;
							top:0px;
							width:800px;
							height:356px;
							background-repeat:repeat-x;
							background-position:0px 319px;
							background-color:#FFFFFF;
							background-image:url(../images/big3-bg.gif);
							z-index:300;
							}
					
						ul#big3-list li a:hover span.big3item {
							display:block;
							width:800px;
							height:356px;
							background-repeat:no-repeat;
							background-position:top right;
							}
					
					ul#big3-list li a#create {
						background-image:url(../images/button-create.gif);
						}
					
						ul#big3-list li a#create:hover span.big3item {
							background-image:url(../images/big3-create.gif);
							}
					
					ul#big3-list li a#collaborate {
						background-image:url(../images/button-collaborate.gif);
						}
					
						ul#big3-list li a#collaborate:hover span.big3item {
							background-image:url(../images/big3-collaborate.gif);
							}
					
					ul#big3-list li a#share {
						background-image:url(../images/button-share.gif);
						}
					
						ul#big3-list li a#share:hover span.big3item {
							background-image:url(../images/big3-share.gif);
							}
							
	div#green-outer {
		background-image:url(../images/green-bg.gif);
		background-repeat:repeat-x;
		}
		
		div#green {
			width:800px;
			margin:0 auto;
			padding:30px 0px 30px 0px;
			overflow:hidden;
			}
			
			div#column-left {
				width:370px;
				padding:0px 30px 0px 0px;
				float:left;
				line-height:18px;
				border-right:1px solid #A2B786;
				}
			
				div#column-left p {
					margin:0px 0px 8px 0px;
					}
			
				div#column-left h2, div#column-left h3, div#column-left h4 {
					font-size:18px;
					letter-spacing:-1px;
					margin:0px 0px 4px 0px;
					}
					
				ul#recentnewslist {
					list-style:none;
					}
					
					ul#recentnewslist li {
						list-style:none;
						display:block;
						padding:8px 0px 8px 0px;
						border-bottom:1px solid #A2B786;
						}
					
						ul#recentnewslist li img {
							float:left;
							margin:0px 10px 0px 0px;
							}
					
						ul#recentnewslist li a {
							display:block;
							font-size:10px;
							font-weight:bold;
							text-decoration:none;
							color:#006600;
							text-align:right;
							}
					
						ul#recentnewslist li a:hover {
							text-decoration:underline;
							}
			
			div#column-right {
				width:370px;
				padding:0px 0px 0px 0px;
				float:right;
				line-height:18px;
				}
			
				div#column-right blockquote {
					display:block;
					background-color:#FFFFFF;
					padding:14px 12px;
					}
			
				div#column-right p.quotecred {
					display:block;
					padding:14px 43px 20px 0px;
					text-align:right;
					background-image:url(../images/quote-bg.gif);
					background-repeat:no-repeat;
					background-position:335px 0px;
					}
					
	div#wrapper-outer {
		background-image:url(../images/green-bg.gif);
		background-repeat:repeat-x;
		background-color:#D1E2AE;
		}
		
		div#wrapper {
			width:710px;
			margin:0 auto;
			background-color:#FFFFFF;
			padding:45px;
			overflow:hiddenl
			}
			
			div#content {
				line-height:18px;
				}
				
				div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
					font-size:18px;
					margin:0px 0px 8px 0px;
					font-weight:normal;
					}
				
				div#content p {
					margin:0px 0px 8px 0px;
					}
				
				div#content ul {
					margin:0px 0px 8px 20px;
					}
				
					div#content ul li {
						margin:0px 0px 5px 0px;
						}
				
						div#content ul li ul {
							margin:5px 0px 5px 20px;
							}
						
				img.partner-logo {
					margin:0px 10px 10px 0px;
					}
						
				img.board-photo {
					margin:0px 10px 10px 0px;
					float:left;
					}
										
	div#footer-outer {
		background-image:url(../images/footer-bg.gif);
		height:65px;
		background-repeat:repeat-x;
		}
					
		div#footer {
			height:65px;
			margin:0 auto;
			width:800px;
			}
			
			a#footer-logo {
				display:block;
				float:left;
				text-indent:-9999px;
				background-image:url(../images/offisync-footer.gif);
				width:93px;
				height:28px;
				margin:14px 0px 0px 0px;
				}
				
			ul#footer-navlist {
				list-style:none;
				display:block;
				float:right;
				padding:28px 0px 0px 0px;
				}
				
				ul#footer-navlist li {
					list-style:none;
					display:inline;
					}
					
					ul#footer-navlist li a {
						display:block;
						float:left;
						font-size:12px;
						color:#929496;
						line-height:20px;
						text-decoration:none;
						padding:0px 10px;
						}
					
					ul#footer-navlist li a:hover {
						color:#000000;
						}
				
/* CONTENT STYLES */

	ul.checklist {
		margin:0px 0px 20px 20px;
		color:#3AC477;
		}

		ul.checklist li {
			color:#3AC477;
			margin:0px 0px 4px 0px;
			}

		ul.checklist li span {
			color:#000000;
			}

	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:35px;
			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:#3f90c6;
	color:#FFFFFF;
		}
		
	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:130px;
				}
		
			div.innerstretch img {
				float:right;
				}

			div.innerstretch object {
				float:right;
				}
				
	.red {
		color:#CC0033;
		}
		
	a.big-download-button {
		display:block;
		background-image:url(../images/button-big-download-button.gif);
		width:234px;
		height:52px;
		padding:20px 0px 0px 0px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
		font-size:16px;
		letter-spacing:-1px;
		background-position:0px -72px;
		float:left;
		}
		
	a.big-download-button:hover {
		background-position:0px -144px;
		}
		
		a.big-download-button span {
			display:block;
			font-size:26px;
			text-transform:uppercase;
			padding:0px 0px 3px 0px;
			}
		
	a.big-premium-button {
		display:block;
		background-image:url(../images/button-big-download-button.gif);
		width:234px;
		height:58px;
		padding:14px 0px 0px 0px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
		font-size:16px;
		letter-spacing:-1px;
		float:left;
		margin:0px 0px 0px 10px;
		}
		
		a.big-premium-button span {
			display:block;
			font-size:22px;
			text-transform:uppercase;
			padding:0px 0px 0px 0px;
			line-height:26px;
			}

		
	a.big-premium-button:hover {
		background-position:0px -144px;
		}
			
form#contact {
	width:350px;
}

form#contact label {
	font-size:12px;
	display:block;
	margin:0px 0px 20px 0px;
	line-height:12px;
}

form#contact textarea.long, form#contact input.long, form#contact select.long {
	width:300px;
	background-image:url(../images/footer-bg.gif);
	background-repeat:repeat-x;
	background-color:#E9E9E9;
	border:1px solid #FFF;
	padding:5px;
	margin-top:4px;
	font-size:14px;
}

form#contact textarea.long:hover, form#contact textarea.long:focus, form#contact input.long:hover, form#contact input.long:focus, select.long:focus {
	width:300px;
	border:1px solid #CCCCCC;
}

form#contact input.submitbutton {
	width:150px;
}