body{
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	background:#111 url(../images/body-bg.gif) repeat-x;
}
img{border-style:none;}
#container{
	width:878px;
	padding:0 51px;
	margin:0 auto;
	background:url(../images/container-bg.jpg) no-repeat;
}
#header{
	width:100%;
	overflow:hidden;
}
#header h1{
	background:url(../images/logo.png) no-repeat;
	width:162px;
	height:24px;
	text-indent:-9999em;
	overflow:hidden;
	margin:44px 0 0 70px;
}
#header h1 a{
	height:100%;
	display:block;
	position:relative;
}
.nav{
	width:875px;
	overflow:hidden;
	border:1px solid #000;
	margin-top:20px;
}
#header ul{
	list-style:none;
	margin:0;
	padding:0;
	width:876px;
	overflow:hidden;
}
#header ul li{
	float:left;
	padding-left:2px;
	background:url(../images/nav-separator.gif) no-repeat;
	margin:0 2px 0 -2px;
}
#header ul li a{
	width:144px;
	display:block;
	text-align:center;
	height:35px;
	color:#d5d5d5;
	font-size:12px;
	text-decoration:none;
	line-height:35px;
	background:url(../images/nav-bg.gif) repeat-x;
}
#header ul li a:hover, #header ul li a.active{
	background-position:0 100%;
	color:#ababab;
}
.header-block{
	background:url(../images/iofficemain.jpg) no-repeat;
	width:677px;
	height:235px;
	overflow:hidden;
	padding:40px 110px 0 88px;
	border:solid #000;
	border-width:0 1px;
	color:#fff;
}
.header-block h2{
	margin:37px 0 0;
	font-size:55px;
	line-height:50px;
}
.header-block p{
	margin:0;
	font-size:25px;
	font-weight:normal;
	line-height:20px;
	color:#b8b8b8;
}
.header-block img{float:right;}
#main{
	width:874px;
	overflow:hidden;
	border:solid #000;
	border-width:0 1px 1px;
	background:#f9f9f9 url(../images/main-bg.gif) repeat-x 0 100%;
}
.banners{
	width:100%;
	overflow:hidden;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #d5d5d5;
	background:url(../images/banners-bg.gif) no-repeat;
	height:164px;
}
.banner-column{
	width:437px;
	float:left;
	overflow:hidden;
}
.banner-column.indent{
	padding-left:2px;
	width:435px;
}
.banner-text{
	width:275px;
	float:left;
	padding:26px 0 0;
}
.banner-column img{float:left;}
.banner-column h3{
	margin:0 0 5px;
	font-size:22px;
	line-height:20px;
	font-weight:normal;
	color:#6b8c01;
}
.banner-column p{
	font-size:12px;
	margin:0 0 3px;
	line-height:16px;
}
.banner-column a{
	color:#809601;
	font-size:12px;
	font-weight:bold;
}
.banner-column a:hover{text-decoration:none;}
.banner-column.indent h3{color:#d96100;}
.banner-column.indent a{color:#d24e01;}
.main{
	width:100%;
	overflow:hidden;
	padding:30px 0 55px;
}
.content{
	float:left;
	width:475px;
	padding-left:45px;
}
.content2{
	float:left;
	width:800px;
	padding-left:45px;
}
.column{
	float:left;
	width:280px;
	padding-left:50px;
}
.main h3{
	margin:0 0 15px;
	color:#121212;
	font-size:26px;
	font-weight:normal;
}
.main p{
	font-size:14px;
	line-height:18px;
	color:#000;
	margin:0 0 15px;
}
#footer{
	width:100%;
	overflow:hidden;
	padding:23px 0 40px;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
	overflow:hidden;
	float:left;
}
#footer ul li{
	float:left;
	color:#717171;
	font-size:12px;
	border-left:1px solid #717171;
	padding:0 6px;
	margin:0 6px 0 -6px;
}
#footer ul li a{color:#efefef;}
#footer ul.help{
	float:right;
	margin-right:10px;
	display:inline;
}
#footer ul.help li{border-color:#a4a4a4;}
#footer ul.help a{color:#a4a4a4;}
#footer ul li.rss{border:none;}
#footer ul li a:hover{text-decoration:none;}

.inlineMedia {text-align:center; font:normal 1.0em arial,tahoma,sans-serif; color: #999;}
img.inlineMedia {padding:2px; border:1px solid #CADEF8; background:#fff;}
.inlineMediaNB img {padding:0; border:0px solid #eee1a2; background:#fff;}
.noStyle img {padding:0; border:0 none;}
.right {float:right; margin:0 0 0.5em 1.3em;}
.left {float:left; margin:0 1em 0 0;}
.center {position:relative; margin-left:auto; margin-right:auto;}

#testimonials, #secondaryTestimonials, #secondaryClientList {font-size:99%;color:#666;}
p.testmonialTitle {font-size: 100%; font-weight:bold; text-transform:uppercase; letter-spacing:0.2em; color:#666;}
.testimonial .quote {font-size:99%;color:#666;}
.testimonial .name {font-weight:bold;font-size:100%;color:#666;}
.testimonial .organization {font-weight:normal; font-style:italic;font-size:99%;color:#666;}

ol.faq {margin:0 0 20px 20px;}
ol.faq li {padding-left:5px; margin:0.5em 0; list-style:decimal;}
ol.faq li p {margin:0.5em 0 1.5em 0; font-weight:normal;}

#contactFormWrapper {background-color:#e4f4ff; margin:2em 0; padding:20px 10px; border:1px solid #a6dbff;}
form#contactForm legend {display:none;}
form#contactForm label {float:left; width:50px; text-align:right; margin:0 10px 5px 0;}
form#contactForm input, form#contactForm textarea {float:left; width:350px; margin-bottom:5px;}
form#contactForm textarea {height:70px;}
form#contactForm input.submit {width:100px; margin-left:100px;}

table.systemGrid, table.featureGrid {border-collapse:collapse; border-top:1px solid #7DA9D4; border-bottom:1px solid #7DA9D4; font-size:94%; margin-bottom:1em;} 
table.systemGrid td, table.featureGrid td {padding:10px;}
table.systemGrid td.feature, table.featureGrid td.feature {color:#669966; font-weight:bold; border-right: 1px solid #7DA9D4;width:25%; border-bottom: 1px solid #7DA9D4;}
table.systemGrid td.featureDescription, table.featureGrid td.featureDescription {border-bottom: 1px solid #7DA9D4;} 
table.systemGrid th.systemGridTitle, table.featureGrid th.systemGridTitle {padding:5px 10px; color:#fff; font-size:88%; text-transform:uppercase; letter-spacing:2px; background:#7DA9D4;}