body{
	margin: 0;
	font: 62.5% Arial, Verdana, sans-serif;
	background:#f8f8f8 url(../images/bg-top.gif) repeat-x;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
fieldset{
	margin:0;
	padding:0;
	border:none;
}
img{border: none;}
table{
	padding:0;
	margin:0;
	border-collapse:collapse;
}
td{
	padding:0;
	margin:0;
}
a{text-decoration: none;color:#505050;}
.main{
	width:100%;
}
hr{
margin:0px 0;
border-color:#C8DD25;
}
.grn{color:#677B0B;}
.u{text-decoration:underline}
#footer{
	width:100%;	border-top:3px solid #e9e8e7;
	background:url(../images/bg-footer.gif);
	margin:13px 0 0;
}
#footer table{
	width:931px;
	margin:12px auto 50px;
	padding:0 4px 0 0;
}
#footer td{vertical-align:top;}
#footer .col-1{
	width:112px;
	padding:0 10px 0 18px;
}
#footer .col-2{
	width:117px;
	padding:0 10px 0 0;
}
#footer .col-3{
	width:119px;
	padding:0 10px 0 0;
}
#footer .col-4{
	width:135px;
	padding:0 10px 0 0;
}
#footer .col-5{
	width:135px;
	padding:0 65px 0 0;
}
#footer .col-6{
	width:177px;
	padding:2px 13px 0 0;
	text-align:right;
}
#footer strong{
	font: 1.1em/1.63em Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
#footer .col-6 strong{
	font-size:1.7em;
	line-height:1.05em;
	font-weight:normal;
}
#footer ul{
	list-style: none;	margin: 0;	padding: 0;	font: 1.1em/1.63em Arial, Helvetica, sans-serif;
	color:#666;
}
#footer li{
	overflow:hidden;
	width:100%;}
#footer a{color:#666;}
#footer a:hover{text-decoration:underline;}
#footer ul img{
	vertical-align:middle;	margin:1px 3px 0 0;
	float:left;
}
#footer .col-6 address{
	font: 1.1em/1.63em Arial, Helvetica, sans-serif;
	color:#666;
	margin:2px 0 0;
}
#footer .col-6 address span{display:block;}
#header{
	width:931px;
	margin:0 auto;
	padding:0 4px 0 0;
}
#header .user-menu{
	float:right;	background:#bcd538 url(../images/user-menu-right.gif) no-repeat 100% 100%;
	margin:3px 8px 0 0;
	display:inline;
}
#header .user-menu ul{
	list-style: none;	margin:0;
	padding:0 7px 4px 0;	float:left;	background:url(../images/user-menu-left.gif) no-repeat 0 100%;
	font: 1.2em/1.85em Arial, Helvetica, sans-serif;
	color:#505050;
	overflow:hidden;
}
#header .user-menu li{
	float:left;	background:url(../images/sep-user-menu.gif) no-repeat 0 50%;
	padding:0 12px 0 13px;
	margin:0 0 0 -1px;
}
#header .user-menu a{
	float:left;
	color:#505050;
}
#header .user-menu a:hover{text-decoration:underline;}
#header .user-menu .login{
	background:url(../images/pic-login.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}
#header .user-menu .support{
	background:url(../images/pic-support.gif) no-repeat 0 5px;
	padding:0 0 0 18px;
}
#header .menu-row{
	background:url(../images/bg-h-menu-row.gif) no-repeat;
	height: 62px;
	margin:9px 0 0;
}
#header .menu-row:after{	content:'';	display:block;	clear:both;}
#header .logo{
	float:left;	overflow:hidden;	text-indent:-9999px;
	background:url(../images/h-logo.gif) no-repeat;
	width: 174px;
	height: 56px;
	margin:2px 0 0 2px;
}
#menu{
	list-style: none;	margin:2px 0 0;	padding: 0;	float:left;
	border-right:1px solid #f4f4f4;
}
#menu li{
	float:left;
	border-right:1px solid #d7d5d1;
	border-left:1px solid #f4f4f4;
}
#menu li:hover,
#menu li.hover{position:relative;}
#menu a{
	float:left;	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 -1px;
	position:relative;
	outline:none;
}
.menu-solutions{
	width:98px;
	background:url(../images/menu.png) no-repeat 0 0;
}
.menu-services{
	width:99px;
	background:url(../images/menu.png) no-repeat -98px 0;
}
.menu-about-us{
	width:99px;
	background:url(../images/menu.png) no-repeat -197px 0;
}
.menu-contact{
	width:99px;
	background:url(../images/menu.png) no-repeat -296px 0;
}
.menu-request{
	width:153px;
	background:url(../images/menu.png) no-repeat -395px 0;
}

li:hover .menu-solutions,
li.hover .menu-solutions{background-position:0 -57px;}
.active .menu-solutions,
.active .menu-solutions:hover{background-position:0 100%;}
li:hover .menu-services,
li.hover .menu-services{background-position:-98px -57px;}
.active .menu-services,
.active .menu-services:hover{background-position:-98px 100%;}
li:hover .menu-about-us,
li.hover .menu-about-us{background-position:-197px -57px;}
.active .menu-about-us,
.active .menu-about-us:hover{background-position:-197px 100%;}
li:hover .menu-contact,
li.hover .menu-contact{background-position:-296px -57px;}
.active .menu-contact,
.active .menu-contact:hover{background-position:-296px 100%;}
li:hover .menu-request,
li.hover .menu-request{background-position:-395px -57px;}
.active .menu-request{background-position:-395px 100%;}
#menu .drop-menu{	display:none;	position:absolute;
	top:57px;
	left:-2px;
	width: 197px;
	z-index:5;
}
#menu li:hover .drop-menu,
#menu li.hover .drop-menu{display:block;}
#menu .drop-menu .top{
	background:url(../images/drop-menu-top.png) no-repeat;
	width: 197px;
	height: 4px;
	font-size:0;	line-height:0;
}
#menu .drop-menu .bottom{
	background:url(../images/drop-menu-bot.png) no-repeat;
	width: 197px;
	height: 11px;
	font-size:0;
	line-height:0;
}
#menu ul{
	list-style: none;	margin: 0;	padding:4px 11px 0 13px;
	background:url(../images/drop-menu-rep.png) repeat-y;
	width:173px;
}
#menu ul li{
	float:none;
	border:1px solid #a0a0a0;
	padding:4px 0 6px;
	border-width:0 0 1px;
}
#menu ul a{
	float:none;
	width:auto;
	height:auto;
	text-indent:0;
	overflow:visible;
	position:relative;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	padding:0 25px 0 0;
	background:url(../images/drop-menu-bullet.gif) no-repeat 100% 4px;
}
#menu ul a:hover{text-decoration:underline;}
#header .search-box{
	float:right;	background:url(../images/bg-search.gif) no-repeat;
	width: 177px;
	height: 29px;
	margin:16px 15px 0 0;
	display:inline;
}
#header .search-box .txt-search{
	border:0;
	background:none;	font: 11px Arial, Helvetica, sans-serif;
	color:#d3d3d3;
	padding:5px 0 5px 7px;
	margin:3px 0 0 11px;
	width:130px;
	float:left;
}
#header .search-box .btn{
	float:right;	margin:8px 11px 0 0;
}
#content{
	width:935px;
	margin:0 auto;
min-height:800px;
	
}
.main-content{	width:689px;
	vertical-align:top;
	padding:7px 0 0;
}
.main-content .box{
	background:url(../images/main-box-rep.gif) repeat-y;
	width:689px;
	margin:0 0 12px;
}
.main-content .box .top-bg{
	background:url(../images/main-box-top.gif) no-repeat;
}
.main-content .box .bottom-bg{
	background:url(../images/main-box-bot.gif) no-repeat 0 100%;
	overflow:hidden;
	width:100%;
}
.solution-columns{
	overflow:hidden;
	height:1%;
	margin:8px 11px 0 13px;
}
.about-solution{
	float:left;	width:356px;
	margin:3px 0 0;
}
.about-solution h1{
	background:url(../images/ttl-about-solution.gif) no-repeat;
	height: 30px;
	font: 14px/26px Verdana, Arial, Helvetica, sans-serif;
	color:#302f2d;
	padding:0 16px;
	margin:0;
}
.about-solution div{padding:9px 5px 0 15px;}
.about-solution p{
	font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:2px 0 18px;
}
.solutions-col{
	float:right;	width:291px;
	margin:-13px 0 17px;
}
.solutions-col .item{
	width:100%;
	background:url(../images/solutions-item-rep.gif) repeat-y;
	margin:13px 0 0;
}
.solutions-col .item .bottom{
	background:url(../images/solutions-item-bot.gif) no-repeat 0 100%;
}
.solutions-col .item .top{
	background:url(../images/solutions-item-top.gif) no-repeat;
	overflow:hidden;
	width:100%;
	padding:14px 0 13px;
}
.solutions-col .img{
	float:left;	width:70px;
	margin:3px 0 0;
}
.solutions-col .img img{float:right;}
.solutions-col .text{
	float:left;	width:170px;
	padding:0 0 0 13px;
}
.solutions-col h2{
	margin:0 0 3px;
	width:100%;
	overflow:hidden;
}
.solutions-col h2 a{
	float:left;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}
.solutions-col .ttl-q2online a{
	background:url(../images/ttl-q2online.gif) no-repeat;
	width: 76px;
	height: 16px;
}
.solutions-col .ttl-q2mobile a{
	background:url(../images/ttl-q2mobile.gif) no-repeat;
	width: 82px;
	height: 15px;
}
.solutions-col .ttl-q2voice a{
	background:url(../images/ttl-q2voice.gif) no-repeat;
	width: 70px;
	height: 15px;
}
.solutions-col p{
	font: 1.1em/1.55em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
}
.sidebar{
	width:227px;
	padding:7px 0 0 19px;
	vertical-align:top;
}
.home-page .sidebar{
	width:241px;
	padding:7px 0 0 5px;
	vertical-align:top;
}
.home-page .sidebar .testimonial{
	background:url(../images/testimonial-rep.gif) repeat-y;
	width:241px;
}
.home-page .sidebar .testimonial .top{
	background:url(../images/testimonial-top.gif) no-repeat;
}
.home-page .sidebar .testimonial .bottom{
	background:url(../images/testimonial-bot.gif) no-repeat 0 100%;
	padding:13px 0 12px;
}
.home-page .sidebar .testimonial blockquote{
	padding:0;
	margin:0;
}
.home-page .sidebar .testimonial cite{
	font:italic 1.3em/1.45em Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	margin:0 33px 0 25px;
	display:block;
}
.home-page .sidebar .testimonial .subscribtion{
	background:#ebebeb url(../images/testimonial-q.gif) no-repeat;
	margin:16px 8px 0 3px;
	padding:9px 33px 5px 20px;
}
.home-page .sidebar .testimonial q:before,
.home-page .sidebar .testimonial q:after{content:'';}
.home-page .sidebar .testimonial q{
	font: 1.2em/1.08em Verdana, Arial, Helvetica, sans-serif;
	color:#848383;
	display:block;
}
.home-page .sidebar .testimonial q span{
	display:block;
	margin:0 0 0 9px;
	font-size:0.83em;
	line-height:1.5em
}
.home-page .sidebar .testimonial p{
	margin:2px 0 0;
	overflow:hidden;	width:100%;	font: 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif;
}
.home-page .sidebar .testimonial p a{
	background:url(../images/arrow-testimonial.gif) no-repeat 100% 5px;
	float:left;	color:#666;
	padding:0 15px 0 0;
}
.home-page .sidebar .testimonial p a:hover{text-decoration:underline;}
.home-page .sidebar .demo{
	background:url(../images/home-demo-bg.jpg) no-repeat;
	height: 115px;
	padding:0 0 0 14px;
	margin:12px 0 0;
	overflow:hidden;
}
.home-page .sidebar .demo .text{
	width:120px;
	margin:17px 0 0;
	height:66px;
}
.home-page .sidebar .demo .text h3{margin:0;}
.home-page .sidebar .demo .text .ttl-request-demo{
	background:url(../images/ttl-request-demo.gif) no-repeat;
	width: 117px;
	height: 16px;
	line-height:0;	font-size:0;	text-indent:-9999px;
	overflow:hidden;
}
.home-page .sidebar .demo .text p{
	margin:4px 0 0;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
}
.home-page .sidebar .demo .link{
	margin:0;
	font: 11px/24px Arial, Helvetica, sans-serif;
	overflow:hidden;	width:100%;
}
.home-page .sidebar .demo .link a{
	color:#fff;
	padding:0 15px 0 0;
	background:url(../images/demo-arrow.gif) no-repeat 100% 8px;
	float:left;
	text-transform:uppercase;
}
.home-page .sidebar .demo .link a:hover{text-decoration:underline;}
.home-page .sidebar .headlines{
	background:url(../images/headlines-rep.gif) repeat-y;
	margin:10px 0 0;
}
.home-page .sidebar .headlines .bottom{
	background:url(../images/headlines-bot.gif) no-repeat 0 100%;
	padding:0 0 6px;
}
.home-page .sidebar .headlines .heading{
	overflow:hidden;	width:100%;
	background:url(../images/ttl-headlines.gif) no-repeat;
	padding:8px 0 4px;
}
.home-page .sidebar .headlines .heading h3{
	float:left;	width:165px;
	padding:0 0 0 18px;
	font: 14px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#302f2d;
	margin:0;
}
.home-page .sidebar .headlines .heading a{
	float:left;	margin:2px 0 0 4px;
}
.home-page .sidebar .headlines ul{
	list-style: none;	margin: 0 18px 0 15px;	padding: 0;
}
.home-page .sidebar .headlines ul li{
	margin:6px 0 0;
	background:#f7f7f7;
	padding:8px 12px 13px;
}
.home-page .sidebar .headlines ul span{
	font: 1.2em/1.16em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
.home-page .sidebar .headlines ul p{
	margin:0;
	font: 1.1em/1.27em Verdana, Arial, Helvetica, sans-serif;
	color:#79892b;
}
.home-page .sidebar .headlines ul a{
	color:#79892b;
	font-weight:bold;
}
.home-page .sidebar .headlines ul a:hover{text-decoration:underline;}
.home-page .sidebar .headlines .more{
	overflow:hidden;	width:100%;	margin:0 0 0 22px;
	font: 1.1em/2em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
.home-page .sidebar .headlines .more a{
	float:left;	padding:0 15px 0 0;
	background:url(../images/headlines-arrow.gif) no-repeat 100% 0.63em;
	color:#666;
}
.home-page .sidebar .headlines .more a:hover{text-decoration:underline;}
.sidebar .downloads{
	background:url(../images/downloads-rep.gif) repeat-y;
	width:100%;
}
.sidebar .downloads .bottom{
	background:url(../images/downloads-bot.gif) no-repeat 0 100%;
	padding:0 0 11px;
}
.sidebar .downloads h3{
	background:url(../images/downloads-ttl.gif) no-repeat;
	height: 38px;
	font: 1.4em/34px Verdana, Arial, Helvetica, sans-serif;
	color:#f8f8f8;
	margin:0;
	padding:0 15px;
}
.sidebar .downloads ul{
	list-style: none;	margin: 0 15px 0 13px;	padding: 0;	
}
.sidebar .downloads li{
	border-bottom:1px solid #91a810;
	overflow:hidden;	width:100%;
	padding:8px 0 5px;
}
.sidebar .downloads ul .img{
	float:left;	width:25px;
	margin:2px 0 0;
}
.sidebar .downloads ul .text{
	float:right;	width:165px;
}
.sidebar .downloads ul p{
	margin:0;
	font: 1.1em/1.27em Arial, Helvetica, sans-serif;
	color:#fff;
}
.sidebar .downloads ul p a{color:#cce51f;}
.sidebar .downloads ul p a:hover{text-decoration:underline;}
.sidebar .green-demo{
	background:url(../images/green-demo-box.jpg) no-repeat;
	height: 157px;
	margin:12px 0 11px;
	padding:0 0 0 12px;
	overflow:hidden;
}
.sidebar .green-demo .text{
	width:125px;
	margin:17px 0 0;
	height:66px;
}
.sidebar .green-demo .text h4{margin:0;}
.sidebar .green-demo .text .ttl-request-demo{
	background:url(../images/ttl-request-demo.gif) no-repeat;
	width: 117px;
	height: 16px;
	line-height:0;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
.sidebar .green-demo .text p{
	margin:4px 0 0;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
}
.sidebar .green-demo .link{
	margin:0;
	font: 11px/24px Arial, Helvetica, sans-serif;
	overflow:hidden;
	width:100%;
}
.sidebar .green-demo .link a{
	color:#fff;
	padding:0 15px 0 0;
	background:url(../images/demo-arrow.gif) no-repeat 100% 8px;
	float:left;
	text-transform:uppercase;
}
.sidebar .green-demo .link a:hover{text-decoration:underline;}
.sidebar .green-demo .question{margin:9px 0 0;}
.sidebar .green-demo .question strong{
	color:#6b6b6b;
	font:bold 11px/12px Helvetica, Arial, sans-serif;
}
.sidebar .green-demo .question p{
	font: 11px/12px Helvetica, Arial, sans-serif;
	color:#6e800c;
	margin:3px 0 0;
}
.sidebar .green-demo .question a{color:#6e800c;}
.sidebar .green-demo .question a:hover{text-decoration:underline;}
.gallery{
	background:url(../images/bg-gallery.gif) no-repeat;
	width: 689px;
	height: 231px;
	position:relative;	overflow:hidden;
}
.gallery .slider{
	width: 684px;
	margin:1px 3px 0 2px;
	z-index:3;
}
.gallery .slider ul{
	width:100%;
	list-style: none;	margin: 0;	padding: 0;
}
.gallery .slider li{
	width: 684px;
	height: 231px;
}
.gallery .slider .active{display:block;}
.gallery .slider .frame-1{
	background:url(../images/gallery-frame-1.jpg) no-repeat;
}
.gallery .slider .frame-1 div{
	padding:27px 0 0 317px;

}
.frame-1-ttl{
	background:url(../images/frame-1-ttl.gif) no-repeat;
	width: 330px;
	height: 63px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.frame-1-text{
	background:url(../images/frame-1-text.gif) no-repeat;
	width: 339px;
	height: 53px;
	text-indent:-9999px;
	overflow:hidden;
	margin:13px 0 16px;
}
.gallery .slider .frame-2{
	background:url(../images/gallery-frame-2.jpg) no-repeat;
}
.gallery .slider .frame-2 div{
	padding:26px 0 0 317px;
}
.frame-2-ttl{
	background:url(../images/frame-2-ttl.png) no-repeat;
	width: 340px;
	height: 60px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.frame-2-text{
	background:url(../images/frame-2-text.png) no-repeat;
	width: 330px;
	height: 53px;
	text-indent:-9999px;
	overflow:hidden;
	margin:13px 0 16px;
}
.gallery .slider .frame-3{
	background:url(../images/gallery-frame-3.jpg) no-repeat;
}
.gallery .slider .frame-3 div{
	padding:26px 0 0 317px;
}
.frame-3-ttl{
	background:url(../images/frame-3-ttl.gif) no-repeat;
	width: 320px;
	height: 61px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.frame-3-text{
	background:url(../images/frame-3-text.gif) no-repeat;
	width: 330px;
	height: 58px;
	text-indent:-9999px;
	overflow:hidden;
	margin:12px 0 9px;
}
.gallery .buttons{
	list-style: none;	margin: 0;	padding: 0;	position:absolute;	overflow:hidden;
	top:212px;
	left:567px;
	z-index:6;
}
* html .gallery .buttons{
	overflow:visible;	height:1%;
}
.gallery .buttons li{
	float:left;	margin:0 8px 0 0;
}
.gallery .buttons a{
	cursor:pointer;	float:left;	background:url(../images/gallery-pager.png) no-repeat;
	width: 32px;
	height: 11px;
	font-size:0;	line-height:0;margin:0 8px 0 0;
}
.gallery .buttons a.activeSlide {background:url(../images/gallery-pager-2.png) no-repeat;}
.gallery .buttons .active .frame-2,
.gallery .buttons .frame-2:hover{background:url(../images/gallery-pager-2.png) no-repeat;}
.gallery .buttons .active .frame-3,
.gallery .buttons .frame-3:hover{background:url(../images/gallery-pager-3.png) no-repeat;}
.green-heading{
	overflow:hidden;
	width:690px;
	height:39px;
	background:url(../images/bg-green-heading.gif) no-repeat;
}
.green-heading h1,
.green-heading h2{
	font:1.4em/1.286em Verdana, Arial, Helvetica, sans-serif;
	margin:11px 0 0 25px;
	font-weight:normal;
}
.grey-heading{
	overflow:hidden;
	width:690px;
	height:37px;
	background:url(../images/bg-grey-heading.gif) no-repeat;
}
.grey-heading h1,
.grey-heading h2{
	font:1.4em/1.28em Verdana, Arial, Helvetica, sans-serif;
	margin:11px 0 0 25px;
	font-weight:normal;
}
.banking-solutions{
	
}
.banking-solutions .columns{
	overflow:hidden;	width:100%;
	padding:0 0 20px;
}
.banking-solutions .text-col{
	float:left;	width:350px;
	padding:0 0 0 24px;
	margin:-8px 0 0;
}
.banking-solutions .text-col p{
	font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:18px 0 0;
}
.banking-solutions .features-col{
	width:262px;
	margin:-6px 20px 0 0;
	display:inline;
	float:right;
}
.banking-solutions .features-col div{
	border-top:1px solid #e8e8e8;
	padding:4px 5px 0;
	margin:12px 0 0;
}
.banking-solutions .features-col div:first-child{border:0;}
.banking-solutions .features-col strong{
	color:#677b0b;
	font:bold 1.1em/1.72em Verdana, Arial, Helvetica, sans-serif;
	display:block;
}
.banking-solutions .features-col p{
	font: 1.1em/1.72em Verdana, Arial, Helvetica, sans-serif;
	color:#677b0b;
	margin:0;
}
.banking-solutions .features-col ul{
	font: 1.1em/1.54em Verdana, Arial, Helvetica, sans-serif;
	list-style: none;	margin: 0;	padding: 0;
	color:#677B0B;
}
.banking-solutions .features-col li{
	background:url(../images/green-bullet.gif) no-repeat 0 7px;
	padding:0 0 0 10px;
}
.banking-solutions .features-col a{color:#677b0b;}
.banking-solutions .features-col a:hover{text-decoration:underline;}
.about-platforms{
	padding:0 0 10px;
}
.about-platforms .text{
	padding:0 22px;
	margin:5px 0 0;
}
.about-platforms .text p{
	font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
}
.about-platforms .columns{
	background:url(../images/about-platforms-rep.gif) repeat-y 10px 0;
	width:100%;
	margin:12px 0 0;
}
.about-platforms .columns .top{
	background:url(../images/about-platforms-top.gif) no-repeat 10px 0;
}
.about-platforms .columns .bottom{
	background:url(../images/about-platforms-bot.gif) no-repeat 10px 100%;
	overflow:hidden;	width:100%;	position:relative;
	padding:16px 0 45px;
}
.about-platforms .columns .col{
	float:left;	width:190px;
	padding:0 6px 0 29px;
}
.about-platforms .columns h3{
	margin:0 0 0 3px;
	text-indent:-9999px;
	overflow:hidden;
}
.about-platforms .columns .ttl-q2online{
	background:url(../images/ttl-q2online.gif) no-repeat;
	width:82px;
	height:16px;
}
.about-platforms .columns .ttl-q2mobile{
	background:url(../images/ttl-q2mobile.gif) no-repeat;
	width:82px;
	height:16px;
}
.about-platforms .columns .ttl-q2voice{
	background:url(../images/ttl-q2voice.gif) no-repeat;
	width:82px;
	height:16px;
}
.about-platforms .columns ul{
	list-style: none;	margin:14px 0 0;	padding: 0;
	font: 1em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
.about-platforms .columns li{
	padding:0 0 0 12px;
	background:url(../images/grey-bullet.gif) no-repeat 3px 6px;
	margin:5px 0 0;
}
.about-platforms .columns p{
	position:absolute;	bottom:10px;
	font: 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	margin:0;
}
* html .about-platforms .columns p{
	overflow:visible;	height:1%;
}
.about-platforms .columns p a{
	color:#666;
	float:left;	padding:0 16px 0 0;
	background:url(../images/platform-arrow.gif) no-repeat 100% 50%;
}
.about-platforms .columns p a:hover{text-decoration:underline;}
/* sub navigation */
.sub-nav {
	overflow:hidden;
	width:227px;
	margin:0 0 16px;
	background:url(../images/bg-sub-nav.png) repeat-y;
}
.sub-nav .bg-sub-nav {
	overflow:hidden;
	width:100%;
	background:url(../images/bg-sub-nav.png) no-repeat -227px 0;
}
.sub-nav h3 {
	height:33px;
	overflow:hidden;
	margin:0 0 4px;
	padding:1px 15px 3px;
	color:#f8f8f8;
	font:1.4em/33px Verdana, Arial, Helvetica, sans-serif;
}
.sub-nav ul {
	overflow:hidden;
	width:197px;
	margin:0;
	padding:0 16px 11px 14px;
	background:url(../images/bg-sub-nav.png) no-repeat 100% 100%;
}
.sub-nav ul li {
	float:left;
	width:100%;
	padding:6px 0 7px;
	list-style:none;
	border-bottom:1px solid #a0a0a0;
	font:1.2em/1.4em Arial, Helvetica, sans-serif;
}
.sub-nav ul li a {
	display:block;
	height:1%;
	padding:0 22px 0 2px;
	color:#fff;
	text-decoration:none;
	background:url(../images/ico-arrow.gif) no-repeat 100% 0;
}
.sub-nav ul li a:hover,
.sub-nav ul .active a {
	color:#cce51f;
	background:url(../images/ico-arrow-hover.gif) no-repeat 100% 0;
}
/* flash */
.flash {padding:7px 0 0 3px;}
.flash img {display:block;}
/* demo */
.sidebar .demo{
	background:url(../images/home-demo-bg.jpg) no-repeat;
	height: 115px;
	padding:0 0 0 14px;
	margin:12px 0 0;
	overflow:hidden;
}
.sidebar .demo .text{
	width:120px;
	margin:17px 0 0;
	height:66px;
}
.sidebar .demo .text h4{
	margin:0;
}
.demo .text .ttl-request-demo{
	background:url(../images/ttl-request-demo.gif) no-repeat;
	width: 117px;
	height: 16px;
	line-height:0;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
.sidebar .demo .text p{
	margin:4px 0 0;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
}
.sidebar .demo .link{
	margin:0;
	font: 11px/24px Arial, Helvetica, sans-serif;
	overflow:hidden;
	width:100%;
}
.sidebar .demo .link a{
	color:#fff;
	padding:0 15px 0 0;
	background:url(../images/demo-arrow.gif) no-repeat 100% 8px;
	float:left;
	text-transform:uppercase;
}
.sidebar .demo .link a:hover{text-decoration:underline;}
/* info */
.box .info {
	overflow:hidden;
	padding:6px 34px 15px 24px;
	height:1%;
}
.box .info h2 {
	margin:0 0 4px;
	color:#677b0b;
	font:1.5em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
.box .info h3 {
	margin:0 0 4px;
	color:#677b0b;
	font:1.5em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
.box .info h4 {
	margin:0 0 4px;
	color:#677b0b;
	font:1em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
.box .info p {
	margin:0 0 6px;
	color:#666;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
.box .info blockquote {
	color:#666;
	font:1em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
.box .info ul {
	overflow:hidden;
	width:100%;
	margin:0 0 10px;
	padding:10px 0 0;
}
.box .info ul li {
	float:left;
	padding:0 26px 0 0;
	list-style:none;
}
.box .info ul li img {
	display:block;
	border:1px solid #ddd;
}
/* contact */
.contact {
	overflow:hidden;
	padding:15px 22px 20px 24px;
	width:643px;
}
/* contact-info */
.contact-info {
	float:left;
	width:210px;
}
.contact-info .block {
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
}
.contact-info .block h2 {
	margin:0 0 4px;
	color:#666;
	font:bold 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
.contact-info .block p,
.contact-info .block address {
	margin:0 0 6px;
	color:#666;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
.contact-info .block a {
	color:#6e800c;
	text-decoration:none;
}
.contact-info .block a:hover {text-decoration:underline;}
.contact-info .block ul {
	overflow:hidden;
	width:100%;
	margin:0 0 6px;
	padding:0;
}
.contact-info .block ul li {
	float:left;
	list-style:none;
	width:100%;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
/* contact-form */
.contact-form {
	float:right;
	width:390px;
	background:#e0e0e0 url(../images/bg-contact-form.gif) no-repeat;
}
.contact-form .bg-contact-form {
	overflow:hidden;
	padding:13px 69px 9px 21px;
	width:300px;
	background:url(../images/bg-contact-form.gif) no-repeat 100% 100%;
}
.contact-form h2 {
	margin:0;
	color:#302f2d;
	font:1.4em/1.6em Verdana, Arial, Helvetica, sans-serif;
}
.contact-form p {
	margin:0;
	color:#666;
	font:1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
.contact-form ul {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:10px 0 0;
}
.contact-form ul li {
	float:left;
	width:100%;
	padding:0 0 11px;
	list-style:none;
	color:#666;
	font:bold 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
.contact-form ul li label {
	display:block;
	overflow:hidden;
	height:1%;
	padding:0 4px 3px;
}
.contact-form .holder {
	overflow:hidden;
	width:100%;
	height:50px;
}
.contact-form .holder-large {
	overflow:hidden;
	width:100%;
	height:100px;
}
.contact-form ul li input,
.contact-form ul li textarea {
	float:left;
	width:269px;
	margin:0;
	padding:5px;
	border:1px solid #878787;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
.contact-form ul li textarea {
	overflow:auto;
	height:54px;
	max-height:64px;
}
.contact-form ul li .required {
	float:right;
	width:14px;
	height:13px;
	margin:6px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-required.gif) no-repeat;
}
.contact-form .btn-submit {
	margin:0 0 6px;
}
.contact-form p.txt-required,
.contact-form p.txt-privacy {
	margin:0;
	color:#666;
	font:italic 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
}
.contact-form p.txt-required span {color:#6e800c;}
.contact-form p.txt-privacy {
	padding:0 0 0 14px;
	background:url(../images/ico-lock.gif) no-repeat 0 .4em;
}
/*----------------services-----------------------*/
.green-heading{
	overflow:hidden;
	width:689px;
	height:39px;
	background:url(../images/bg-solution-heading.gif) no-repeat;
}
.green-heading h1{
	font:1.4em/1.286em Verdana, Arial, Helvetica, sans-serif;
	margin:11px 0 0 25px;
	font-weight:normal;
}
.about-solution .q2-info{
	padding-left:10px !important;
}
.q2-info h2{
	color:#677b0b;
	font:1.5em/1.478em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 6px;
}
.about-solution .q2-info p{margin:0 0 5px;}
.solution-columns .right-col{
	float:right;
	width:263px;
	padding:6px 12px 0 0;
	overflow:hidden;
}
.solution-columns .right-col h3{
	color:#677b0b;
	font:bold 1.1em/1.273em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 6px;
}
.solution-columns .portfolio{
	width:100%;
	overflow:hidden;
}
.solution-columns .portfolio ul{
	list-style:none;
	padding:0;
	margin:-2px 0 0 -5px;
	overflow:hidden;
	width:268px;
	position:relative;
}
.solution-columns .portfolio li{
	float:left;
	padding:0 0 0 5px;
	width:129px;
}
.box .sub-box{
	margin:5px 0 14px 13px;
	padding:0 0 8px;
	overflow:hidden;
	width:662px;
	background:#f8f8f8;
}
.sub-box .sub-heading{
	background:url(../images/bg-sub-heading.jpg) repeat-x;
	height:35px;
	overflow:hidden;
	width:100%;
	margin:0 0 7px;
}
.sub-box .sub-heading h2{
	margin:9px 0 0 12px;
	overflow:hidden;
	color:#302f2d;
	font:1.4em/1.143em Verdana, Arial, Helvetica, sans-serif;
}
.sub-box .listing{
	height:1%;
	padding:0 10px 0 2px;
	overflow:hidden;
}
.sub-box .listing ul{
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
	float:left;
	width:315px;
}
.sub-box .listing ul li{
	overflow:hidden;
	padding:0 0 5px 11px;
	height:1%;
	vertical-align:middle;
	color:#666666;
	font:bold 1.1em/1.636em Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bul-sub-box.gif) no-repeat 0 6px;
}
/*------------!!!!services!!!!!----------------------*/
/*----------------subpages---------------------------*/
.solution-columns h2.q2online{
	overflow:hidden;
	margin:4px 0 0 10px;
	padding:0 0 14px;
}
.solution-columns h2.q2online span{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background:url(../images/ttl-q2online-big.gif) no-repeat;
	width:147px;
	height:29px;
}
.solution-columns h2.q2mobile{
	overflow:hidden;
	margin:4px 0 0 10px;
	padding:0 0 14px;
}
.solution-columns h2.q2mobile span{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background:url(../images/ttl-q2mobile-big.gif) no-repeat;
	width:169px;
	height:29px;
}
.solution-columns h2.q2voice{
	overflow:hidden;
	margin:4px 0 0 10px;
	padding:0 0 14px;
}
.solution-columns h2.q2voice span{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background:url(../images/ttl-q2voice-big.gif) no-repeat;
	width:147px;
	height:29px;
}
.benefits{font:1em Verdana, Arial, Helvetica, sans-serif;}
.benefits div{
	width:100%;
	
	background:url(../images/sep-benefits.gif) repeat-x 0 100%;
	padding:0 0 5px;
	margin:0 0 7px;
}
.benefits div.last{background:none;}
.benefits h3{margin-left:0 !important;}
.benefits p{
	font-size:1.1em;
	line-height:1.727em;
	color:#677b0b;
	margin:0 0 1px;
}
.benefits ul{
	list-style:none;
	padding:0 0 7px;
	margin:0;

}
.benefits ul li{
	width:100%;
	font-size:1em;
	line-height:1.727em;
	padding:0 0 0 10px;
	background:url(../images/bul-benefits.gif) no-repeat 0 7px;
	font-size:1em;
	color:#677b0b;
}

.benefits ul li a{
	font-size:1em;
	color:#677b0b;
}
.benefits ul li a:hover{text-decoration:underline;}
/*------------!!!!subpages!!!!!----------------------*/


/*validation*/

.contact-form ul li input.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field {
border:1px solid #CC0000;
}

.LV_validation_message {
font-weight:bold;
margin:0 0 0 5px;
}

.LV_invalid {
color:#CC0000;
}

.LV_valid {
color:#6e8136;
}

.modal{ 
background-image:url(../images/modal.png);
width:100%;
text-align:center;
height:1050px;
position:absolute;
left:0px;
top:0px;
z-index:9999;
visibility:hidden;
vertical-align:middle;

}

.newformlabel{


color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
