body{
	margin:0;
	font:13px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
}
a{
	color:#036;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
img{border-style:none;}
input, textarea, select{
	font:100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
/* BELOW DEFINES THE WIDTH FOR ALL PAGES */
}
#wrapper{
	width:904px;
	display:table;
	margin:0 auto;
}
#main{display: table-footer-group;}
#content{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #8099b3;
	padding:41px 0 34px;
	margin:0 0 33px;
}
.product1 #content{padding:27px 0 27px;}
.website1 #content{
	padding:25px 0 0px;
	border-bottom:none;
	margin:0;
}
.website2 #content{padding:17px 0 28px;}
#content h1{
	margin:0 0 16px;
	color:#036;
	font-weight:normal;
	font:28px/31px Arial, Helvetica, sans-serif;
	position:relative;
}
.product1 #content h1{margin:0 0 -7px;}
.website2 #content h1{margin:0 0 32px;}
.website2 #content h1 span{font-weight:bold;}
.website1 #content h1{
	margin:0 0 34px;
	line-height:33px;
}
.website1 #content h1 span{
	font-weight:bold;
	padding:0 0 0 104px;
}
#content p{margin:0 0 17px;}
.proposition{
	height:1%;
	overflow:hidden;
	font-size:14px;
	line-height:20px;
	padding:0 0 28px;
}
#content .proposition p{margin:0;}
.proposition ul{
	margin:0;
	padding:5px 0 0 30px;
	list-style:none;
	float:right;
	font:18px/21px Arial, Helvetica, sans-serif;
}
.proposition ul li{padding:0 0 10px;}
.proposition ul a{
	display:block;
	background:url(../images/btn-proposition.gif) no-repeat;
	width:160px;
	height:28px;
	padding:6px 0 0;
	text-align:center;
	color:#fff;
}
.proposition ul a:hover{
	text-decoration:none;
	color:#036;
}
.products-links{
	height:1%;
	overflow:hidden;
	background:url(../images/divider01.gif) repeat-y 392px 0;
	margin:0 0 24px;
}
.products-links .services{
	width:357px;
	float:left;
}
.services-list{
	background:url(../images/bg-products.gif) repeat-y;
	border-top:4px solid #69c;
	padding:11px 0 27px;
}
.services-list .inner{
	height:1%;
	overflow:hidden;
	background:url(../images/divider02.gif) repeat-y 178px 0;
}
.services-list ul{
	margin:0 0 -14px;
	padding:0 0 0 26px;
	list-style:none;
	width:152px;
	float:left;
	font:bold 12px/15px "Trebuchet MS", Helvetica, sans-serif;
}
.services-list ul li{
	padding:0 0 15px;
}
.services-list ul a{
	color:#fff;
	background:url(../images/bullet.gif) no-repeat 100% 3px;
	padding:0 12px 0 0;
}
.products-links .news{
	width:357px;
	float:left;
}
.news-list{
	margin:0;
	padding:0;
	list-style:none;
}
.news-list li{
	background:url(../images/bullet02.gif) no-repeat 0 4px;
	padding:0 0 20px 25px;
}
.products-links .featured{
	width:477px;
	float:right;
	overflow:hidden;
}
.featured-links{
	width:508px;
	margin:0 0 -20px -31px;
	overflow:hidden;
}
* html .featured-links{margin:0 0 0 -31px;}
* +html .featured-links{margin:0 0 0 -31px;}
.featured-links .item{
	width:207px;
	background:url(../images/bg-featured.gif) repeat-y;
	border-top:5px solid #ccc;
	color:#fff;
	padding:7px 0 0 13px;
	min-height:82px;
	float:left;
	display:inline;
	margin:0 0 20px 31px;
}
* html .featured-links .item{height:82px;}
.featured-links .item h3{
	margin:0 0 5px;
	font:28px/31px Georgia, Times, serif;
}
.featured-links .item h3 a{
	font:28px/31px Georgia, Times, serif;
}
.featured-links .item h3 a:hover{
	text-decoration:none;
	color:#036;
}
.featured-links .item h3 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
}
.featured-links .item a{
	color:#fff;
	font:12px/15px Arial, Helvetica, sans-serif;
}
.website1 .featured-links{
	width:auto;
	margin:0;
}
.website1 .featured-links .item{
	float:none;
	display:block;
	margin:0 0 11px;
	min-height:64px;
}
* html .website1 .featured-links .item{height:64px;}
.website1 .featured-links .item h3{margin:0;}
.schedule-demo{
	display:block;
	background:url(../images/btn-schedule.gif) no-repeat;
	width:208px;
	height:51px;
	padding:25px 0 0 13px;
	margin:0 0 12px;
	font:21px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}
.schedule-demo:hover{
	text-decoration:none;
	color:#036;
}
.products-links h2{
	margin:0 0 13px;
	color:#036;
	font-weight:normal;
	font:28px/31px Arial, Helvetica, sans-serif;
}
.details-holder{
	width:932px;
	overflow:hidden;
	margin:0 0 0 -28px;
}
.details-holder .detail{
	width:205px;
	float:left;
	padding:0 0 0 28px;
}
.details-holder img{
	display:block;
	margin:0 0 2px;
}
.details-holder .heading{
	background:url(../images/bg-detail.gif) repeat-y;
	padding:7px 0 11px 12px;
	margin:0 0 17px;
}
.details-holder h2{
	margin:0;
	color:#fff;
	font-size:12px;
	line-height:15px;
}
#content .details-holder p{margin:0;}
.item-list{
	margin:0;
	padding:5px 0 0 372px;
	list-style:none;
	font:18px/21px Arial, Helvetica, sans-serif;
	height:1%;
	overflow:hidden;
}
.item-list li{
	float:left;
	padding-top: 0;
	padding-right: 32px;
	padding-bottom: 0;
	padding-left: 0;
}
.item-list a{
	display:block;
	background:url(../images/btn-proposition.gif) no-repeat;
	width:160px;
	height:28px;
	padding:6px 0 0;
	text-align:center;
	color:#fff;
}
.item-list a:hover{
	text-decoration:none;
	color:#036;
}
.content{
	width:650px;
	float:left;
	padding:24px 0 0;
}
.website1 .content{padding:10px 0 0;}
.tools{
	margin:0;
	padding:0 0 15px;
	list-style:none;
	font-size:10px;
	line-height:14px;
	height:1%;
	overflow:hidden;
}
.tools li{
	float:left;
	padding:0 4px 0 0;
}
.tools a{padding:0 0 2px 22px;}
.print{background:url(../images/ico-print.gif) no-repeat;}
.share{background:url(../images/ico-share.gif) no-repeat;}
.email{background:url(../images/ico-email.gif) no-repeat;}
.intro-text{
	font-size:14px;
	line-height:20px;
	padding:0 0 15px;
}
#content .intro-text p{margin:0;}
.benefits{
	font-size:14px;
	line-height:20px;
}
#content .benefits p{margin:0;}
.benefits strong{
	display:block;
	color:#036;
	font-weight:normal;
}
.benefits ul{
	margin:0;
	padding:0 0 15px 10px;
	list-style:none;
}
.benefits ul li{
	background:url(../images/bullet03.gif) no-repeat 0 7px;
	padding:0 0 0 23px;
}
.intro{
	height:1%;
	overflow:hidden;
	padding:0 0 18px;
}
.intro .holder{
	width:340px;
	float:left;
	line-height:19px;
	padding:3px 0 0;
}
.intro ul{
	width:296px;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	font-size:15px;
	line-height:24px;
}
.intro ul li{
	background:url(../images/bullet02.gif) no-repeat 0 9px;
	padding:0 0 1px 19px;
}
.box{
	border-top:1px solid #8099b3;
	padding:33px 0 35px;
}
.box h2{
	margin:0 0 13px;
	color:#036;
	font-weight:normal;
	font:28px/31px Arial, Helvetica, sans-serif;
	position:relative;
}
.ways{
	width:666px;
	overflow:hidden;
	margin:0 0 0 -16px;
}
.ways .item{
	width:206px;
	float:left;
	padding:0 0 0 16px;
	font-size:11px;
	line-height:15px;
}
.ways img{
	display:block;
	margin:0 0 1px;
}
.ways .heading{
	background:url(../images/bg-heading.gif) no-repeat;
	height:26px;
	padding:8px 0 0 10px;
	margin:0 0 18px;
}
.ways .heading h3{
	margin:0;
	font-weight:normal;
	color:#fff;
	font-size:14px;
}
#content .ways p{margin:0;}
.news01{
	margin:-3px 0 0;
	padding:0;
	list-style:none;
	font-size:11px;
	line-height:15px;
}
.news01 li{
	padding:0 0 19px;
	height:1%;
}
.news01 span{
	display:block;
	padding:0 0 3px 0;
	font-size:13px;
	line-height:16px;
}
.news01 span a{
	background:url(../images/bullet02.gif) no-repeat 0 4px;
	padding:0 0 0 25px;
	height:1%;
}
#content .news01 p{margin:0 0 3px;}
#sidebar{
	width:221px;
	float:right;
	padding:0 2px 0 0;
}
.menu{
	color:#fff;
	background:#036 url(../images/bg-menu.gif) repeat-x;
	border-top:4px solid #69c;
	border-bottom:1px solid #8099b3;
	padding:11px 25px 0 14px;
	margin:0 0 11px;
}
.menu .heading{
	border-bottom:2px solid #537aa0;
	padding:0 0 13px;
	margin:0 0 7px;
}
.menu h3{
	margin:0;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
}
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
	line-height:14px;
}
.menu ul li{
	border-bottom:1px solid #8aa4bd;
	margin:0 0 6px;
	padding:0 0 8px;
}
.menu ul a{color:#fff;}
.menu ul strong{
	display:block;
	margin:0 0 3px;
	font-size:11px;
}
a.contact-us{
	display:block;
	background:url(../images/btn-schedule.gif) no-repeat;
	width:208px;
	height:49px;
	padding:27px 0 0 13px;
	font:21px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
}
a.contact-us span{
	padding:0 0 0 30px;
}
a.contact-us:hover{
	text-decoration:none;
	color:#036;
}
#footer{
	background:#036 url(../images/bg-footer.gif) repeat-x;
	border-top:1px solid #658bb1;
	border-left:1px solid #5e84aa;
	color:#fff;
	font-size:8px;
	line-height:13px;
	padding:12px 0 27px;
}
#footer .columns{
	height:1%;
	overflow:hidden;
	background:url(../images/divider.gif) repeat-y 417px 0;
	padding:0 0 0 24px;
}
#footer .info{
	width:395px;
	float:left;
	padding:3px 0 0;
	font-size:9px;
}
.footer-nav{
	margin:0 0 10px -7px;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.footer-nav li{
	float:left;
	background:url(../images/separator02.gif) no-repeat 0 2px;
	padding:0 8px 0 10px;
	margin:0 2px 0 -2px;
}
.footer-nav a{color:#fff;}
#footer .info p{margin:0;}
#footer .contacts{
	width:463px;
	float:right;
}
#footer .contacts dl{margin:0;}
#footer .contacts dt{
	width:369px;
	float:left;
	text-align:right;
	padding:0 10px 0 0;
}
#footer .contacts dd{margin:0;}
#header{display: table-header-group;}
.header-inner{padding:15px 0 0 ;
}
.header-inner .holder{
	height:1%;
	overflow:hidden;
	padding:0 0 15px 0;
}
.add-nav{
	margin:40px -9px 0 0;
	padding:0;
	list-style:none;
	float:right;
	font-size:10px;
	line-height:14px;
	overflow:hidden;
}
.add-nav li{
	float:left;
	background:url(../images/separator.gif) no-repeat 0 3px;
	padding:0 7px 0 9px;
	margin:0 2px 0 -2px;
}
.add-nav a{font-weight:bold;}
/* BELOW DEFINES THE RULES FOR THE UL TAG IN ARCHIVENEWS.HTML */
#arcnewsdiv {width: 100%;}
.arcnews {
	margin:0;
	padding:0 0 10px;
	list-style:none;
	font-size:14px;
	line-height:14px;
	height:1%;
	overflow:hidden;
}
.arcnews li {
	float:left;
	padding:0 20px 0 20px;
	display: inline;
	list-style: none;
	background:url(../images/separator01.gif) no-repeat 0 2px;
}
.logo a{
	display:block;
	background:url(../images/logo.gif) no-repeat;
	width:275px;
	height:63px;
	text-indent:-9999px;
	overflow:hidden;
}
.nav-bar{
	background:#369 url(../images/bg-nav-bar.gif) repeat-x;
	border-top:1px solid #99b3cc;
	border-left:1px solid #51779e;
	border-bottom:1px solid #668cb2;
	height:1%;
	overflow:hidden;
	padding:5px 21px 8px 6px;
}
#nav{
	margin:0;
	padding:2px 0 0;
	list-style:none;
	font:15px/20px "Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	overflow:hidden;
}
#nav li{
	float:left;
	background:url(../images/separator01.gif) no-repeat 0 3px;
	padding:0 16px 0 20px;
	margin:0 2px 0 -2px;
}
#nav a{color:#fff;}
.search{
	float:right;
	width:200px;
}
.search .row{
	height:1%;
	overflow:hidden;
}
.search .text{
	float:left;
	margin:0;
	padding:3px 10px 4px;
	border:1px solid #7f99b2;
	background-color:#036;
	width:138px;
	font-size:12px;
	line-height:15px;
	color:#fff;
}
.search .submit{
	float:left;
	margin:1px 0 0 13px;
	padding:0;
	list-style:none;
	background:url(../images/btn-submit.gif) no-repeat;
	width:19px;
	height:23px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	border:none;
}
.visuals{position:relative;}
.visuals2{position:relative;}
.visuals img{vertical-align:top;}
.visuals2 img{vertical-align:top;}
.heading01{
	position:absolute;
	top:57px;
	left:21px;
	margin:0;
	font:45px/50px Georgia, Times, serif;
	color:#036;
}
.heading01 span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-variant:small-caps;
}
.heading02{
	position:absolute;
	top:86px;
	right:41px;
	margin:0;
	font:29px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#036;
	width: 276px;
	height: 137px;
}
.heading02 span{font-weight:bold;}
.product1 .visuals{
	background:url(../images/bg-visuals.gif) repeat-x;
	min-height:373px;
}
.product1 .visuals2{
	background:url(../images/bg-visuals.gif) repeat-x;
	min-height:373px;
}
* html .product1 .visuals{height:373px;}
* html .product1 .visuals2{height:373px;}
.product1 .visuals img{
	position:absolute;
	top:0px;
	left:0px;
}
.product1 .visuals2 img{
	position:absolute;
	top:0px;
	left:0px;
}
.product1 .visuals .heading02{
	top:auto;
	right:5px;
	bottom:4px;
}
.product1 .visuals .heading01{
	position:static;
	margin:0 0 34px;
}
.product1 .visuals .text-block{
	width:410px;
	position:absolute;
	top:86px;
	left:16px;
	line-height:19px;
}
.product1 .visuals .text-block p{margin:0;}
.website2 .visuals{
	border-top:7px solid #369;
	min-height:207px;
}
.product1 .visuals .text-block-digital{
	width:274px;
	position:absolute;
	top:86px;
	left:31px;
	line-height:19px;
}
.product1 .visuals .text-block-digital p{margin:0;}
.website2 .visuals{
	border-top:7px solid #369;
	min-height:207px;
}
* html .website2 .visuals{height:207px;}
.website2 .visuals .slogan{
	position:absolute;
	bottom:65px;
	left:27px;
	font:22px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	width: 370px;
}
.website1 .visuals{
	border-top:7px solid #369;
	min-height:300px;
}
* html .website1 .visuals{height:300px;}
.website1 .visuals .slogan{
	position:absolute;
	bottom:70px;
	left:38px;
	font:26px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
.learn-more{
	position:absolute;
	bottom:36px;
	left:37px;
	background:url(../images/btn-learn-more.gif) no-repeat;
	width:112px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.htmlvideo{
	padding:44px 114px 0px 0px;
	float:right;
}
.sloganhtml5{
	padding:168px 114px 0px 73px;
	float:left;
}
