@charset "utf-8";

body{
	padding: 0px; 
	top: 0px;
	margin: 0;
    font-family: Arial;  
	font-size: 12px;
	color: #3B3B3B;
}
strong{font-weight:bold;}
em{font-style:italic;}
/*p strong{font-weight:bold;}*/
img,.ab-h3{ behavior: url(/iepngfix/iepngfix.htc) }

.clear:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

img {
	border: none;
}

a{
	text-decoration: none;
}

a:hover{
	
}

.body-content p{
	line-height: 150%;
	margin: 9px 0px;
	font-size: 12px;
}
.body-content p strong{
	font-weight: bold;
}
.left{
	float: left;
}

.right{
	float: right;
}

.main-body{
	width: 998px;
	margin: auto;
}

.body-content{
	padding: 33px 0px 30px 14px;
}

/* ----------------------------- header ----------------------------- */

.header{
	background: url(../img/he-bg1.gif) repeat-x bottom left;
	height: 119px;
}

.he-text{
	text-align: right;
	width: 650px;
	padding-top: 60px;
}

.he-text img{
	padding: 5px;
}


/* ----------------------------- header ----------------------------- */


/* ----------------------------- menu ----------------------------- */

.menu-main{
	margin-top: 2px;
}

.menu{
	
}


.menu li{
	float: left;
	margin: 0px 7px;
}

.menu a{
	color: white;
	display: block;
	padding-bottom: 8px;
}

.menu a:hover{
	color: #93EC1F;
	background: url(../img/me-bg2.gif) no-repeat bottom center;
	display: block;
}

.me-li{
	background: url(../img/me-bg1.gif) no-repeat 0px 5px;
	width: 3px;
	height: 20px;
}

li.me-ho1 a{
	color: #93EC1F;
	background: url(../img/me-bg2.gif) no-repeat bottom center;
	display: block;
	padding-bottom: 8px;
}




.submenu{
	margin-left: 115px;
	position: absolute;
	z-index: 999px;
}


.submenu li{
	background-color: #333333;
	border: solid 1px #93EC1F;
	padding: 7px 10px;
	text-align: left;
}

.submenu a{
	color: white;
}

.submenu a:hover{
	color: #93EC1F;
	text-decoration: none;
}

.hover-block1{
	height: 20px;
}

.me-sp{
	/*margin-left: 208px;*/
	margin-left: 234px;
}

.me-sp1{
	/*margin-left: 285px;*/
	margin-left: 280px;
}

.banner{
	height: 224px;
	width: 998px;
}

.flash{
	float: left;
	height: 224px;
	width: 998px;
}


.me-ho2 a{
	color: #93EC1F;
}


/* ----------------------------- menu ----------------------------- */


/* ----------------------------- homepage ----------------------------- */

.in-col1{
	width: 685px;
	margin-right: 60px;
}
.in-col1b{
	width: 685px;
	margin-right: 20px;
}
.in-col2 p img{
}
.in-h3{
	background: url(../img/in-icon1.png) no-repeat top left;
	padding-left: 20px;
	font-size: 18px;
	color: #3B3B3B;
}

.in-box1{
	background: url(../img/in-boxbg1.gif) no-repeat bottom left;
	padding: 10px 20px 35px 20px;
}

.in-h3 span{
	font-size: 14px;
	color: #6DA91A;
}

.in-box1 span{
	font-size: 14px;
	font-weight: bold;
}

.in-box1 b{
	font-size: 14px;
	color: #6DA91A;
}
.in-box1 strong{
	font-size: 14px;
	color: #6DA91A;
}
.in-box1 u{
	font-weight: bold;
	text-decoration: none;
}

.in-ul1 li{
	background: url(../img/in-ul1.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin: 10px 20px;
}

.in-cols1{
	width: 45%;
	margin-top: 10px;
}

.in-cols1 a{
	color: #6DA91A;
	text-decoration: underline;
}

.in-cols2{
	width: 48%;
	margin-top: 10px;
}

.in-cols2 a{
	color: #6DA91A;
	text-decoration: underline;
}

.in-box2{
	background: url(../img/in-boxbg2.gif) no-repeat bottom left;
	padding: 30px 20px 10px 20px;
}

.in-box2 a{
	color: #6DA91A;
	text-decoration: underline;
}

.in-box2-top{
	width: 225px;
	height: 29px;
	background: url(../img/in-box2-top.gif) repeat-x top left;
	padding-top: 7px;
	padding-left: 10px;
	margin: 10px 0 0 0;
}


.in-box2-top2{
	width: 225px;
	height: 29px;
	background: url(../img/solution_mobile_right_banner_title.gif) repeat-x top left;
	padding-top: 7px;
	padding-left: 10px;
}


.in-h4{
	background: url(../img/in-icon1.png) no-repeat top left;
	padding-left: 20px;
	font-size: 18px;
	color: white;
}
.in-h4 span{
	font-size: 14px;
	color: #6DA91A;
}

.in-box2-main{
	letter-spacing: 10px;
	background-color: #3B3B3B;
	width: 215px;
	padding: 10px;
}

.pic-size{
	width: 120px;
	height: 92px;
}

.sho-s{
	width: 225px;
	height: 39px;
	background: url(../img/in-box2-top.gif) repeat-x top left;
	background-color: #1E1E1E;
	padding-top: 7px;
	padding-left: 10px;
}

.in-ho a{
	color: #6DA91A;
	text-decoration: underline; 
}

.index-box-r{
	border: solid 2px black;
}

.index-box-r .head{
	border-bottom: solid 2px black;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
.index-box-r .content-ul{background: #969696; padding: 10px;}
.index-box-r ul li{
	list-style: none;
	background: url(../img/ul-s1.gif) no-repeat top left;
	padding-left: 15px;
	color: white;
}

.index-trial{
	padding: 25px 0 100px 0;
}

li.blue-color{
	color: #99CC00;
	font-weight: bold;
	font-size: 1.1em;
}
/* ----------------------------- homepage ----------------------------- */


	

/* ----------------------------- aboutus ----------------------------- */

.ab-h3{
	background: url(../img/in-icon1.png) no-repeat top left;
	font-size: 16px;
	color: #3B3B3B;
}

.ab-h3 b{
	padding-left: 20px;
}
.ab-h3 strong{
	padding-left: 20px;
}
.ab-main a{
	color: #6DA91A;
	text-decoration: underline;
}


/* ----------------------------- aboutus ----------------------------- */


/* ----------------------------- benefit ----------------------------- */

.be-col1{
	width: 353px;
	margin-right: 10px;
}

.be-col2{
	width: 353px;
}

.be-col1 h4,.be-col2 h4{
	font-size: 16px;
	color: #6DA91A;
	margin: 20px 0px 10px 0px;
	text-align: center;
}

.be-box h1{
	background: url(../img/be-box-top.gif) no-repeat bottom left;
	width: 353px;
	height: 10px;
}

.be-box h2{
	background: url(../img/be-box-bottom.gif) no-repeat top left;
	width: 353px;
	height: 11px;
	margin-bottom: 10px;
}

.be-box div{
	background: url(../img/be-box-main.gif) no-repeat top left;
	background-color: #F5F2F2;
	border-left: solid 1px #B3B2B2;
	border-right: solid 1px #B3B2B2;
	width: 335px;
	padding: 1px 8px;
}


.be-fix{
	width: 724px;
	margin-right: 21px;
}

.be-fix a{
	color: #6DA91A;
	text-decoration: underline;
}

.be-box1{
	background: url(../img/be-box1-bg.gif) no-repeat bottom left;
	padding: 10px 20px 25px 20px;
}

/* ----------------------------- benefit ----------------------------- */


/* ----------------------------- usage ----------------------------- */

.usage-h2{
	font-size: 18px;
	margin-bottom: 10px;
}

.box-ri-top{
	background: url(../img/box-ri-top.png) no-repeat bottom left;
	margin-top: 40px;
	width: 234px;
	height: 35px;
	behavior: url(iepngfix/iepngfix.htc)
}

.box-ri-bottom{
	background: url(../img/box-ri-bottom.png) no-repeat bottom left;
	width: 234px;
	height: 45px;
	behavior: url(iepngfix/iepngfix.htc)
}

.box-ri-main h2{
	background: url(../img/box-ri-main2.png) repeat-y 0px 33px;
	width: 234px;
	height: 85px;
	behavior: url(iepngfix/iepngfix.htc)
}

.box-ri-main h1{
	background: url(../img/box-ri-main1.png) no-repeat top left;
	width: 234px;
	height: 33px;
	behavior: url(iepngfix/iepngfix.htc)
}

.us-but,.us-but1{
	position: absolute;
}

.us-but {
	z-index: 999;
	margin-left: 30px;
	margin-top: 10px;
}
.us-but1{
	margin-left: 50px;
	margin-top: -25px;
}

/* ----------------------------- usage ----------------------------- */

/* ----------------------------- digital ----------------------------- */

.digi-main a{
	color: #6DA91A;
	text-decoration: underline;
}

.digi-h2a{
	background: url(../img/digi-icon1.gif) no-repeat 0px;
	padding: 9px 0px 10px 50px;
	font-size: 16px;
	margin-right: 40px;
	font-weight: bold;
}

.digi-h2b{
	background: url(../img/digi-icon2.gif) no-repeat 0px;
	padding: 9px 0px 10px 50px;
	font-size: 16px;
	margin-right: 40px;
	font-weight: bold;
}
.digi-h2c{
	background: url(../img/digi-icon3.gif) no-repeat 0px;
	padding: 9px 0px 10px 50px;
	font-size: 16px;
	margin-right: 40px;
	font-weight: bold;
}
.digi-h2d{
	background: url(../img/digi-icon4.gif) no-repeat 0px;
	padding: 15px 0px 15px 35px;
	font-size: 16px;
	font-weight: bold;
	margin-top: -8px;
}


.digi-h2a a,.digi-h2b a,.digi-h2c a,.digi-h2d a{
	text-decoration: none;
	color: #3B3B3B;
}

.digi-h2a a:hover,.digi-h2b a:hover,.digi-h2c a:hover,.digi-h2d a:hover{
	text-decoration: none;
	color: #6DA91A;
}


.digi-box1{
	background: url(../img/digi-box-bg.gif) no-repeat bottom left;
	padding:30px 20px 70px 80px;
}

.digi-box2{
	background: url(../img/digi-box-bg.gif) no-repeat bottom left;
	padding: 10px 20px 20px 20px;
}

.di-ol li{
	list-style-type: decimal;
	margin: 10px 0px;
}

.digi-box3{
	padding: 10px 20px 20px 20px;
}

.di-ul1 li{
	background: url(../img/in-ul1.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin: 10px 25px;
}

.elite-table td{
	text-align: center; 
	vertical-align: bottom;
	padding: 5px;
}
.elite-table td.odd{
	padding: 5px 10px 15px 10px;
	vertical-align: top;
}
div.space2{
	height: 15px;
}

/* ----------------------------- digital ----------------------------- */


/* ----------------------------- showcase ----------------------------- */

.sh-spa1{
	padding:30px 20px 70px 100px;
}

.show-h2a{
	background: url(../img/digi-icon3.gif) no-repeat 0px;
	padding: 9px 0px 10px 50px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 90px;
}

.show-h2b{
	background: url(../img/digi-icon1.gif) no-repeat 0px;
	padding: 9px 0px 10px 50px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 90px;
}
.show-h2c{
	background: url(../img/digi-icon2.gif) no-repeat 0px;
	padding: 9px 0px 10px 50px;
	font-size: 16px;
	font-weight: bold;
}

.show-h2a a,.show-h2b a,.show-h2c a{
	text-decoration: none;
	color: #3B3B3B;
}

.show-h2a a:hover,.show-h2b a:hover,.show-h2c a:hover{
	text-decoration: none;
	color: #6DA91A;
}

.di-ho a{
	color: #6DA91A;
}

.show-ul{
	width: 600px;
}

.show-ul li{
	float: left;
	padding: 20px 30px;
	text-align: center;
	vertical-align: bottom;
}

.ri-box-top{
	background: url(../img/box-right-top1.gif) no-repeat bottom left;
	width:235px;
	height: 51px;
	margin-top: 30px;
}

.ri-box-top2{
	background: url(../img/box-right-top2.gif) no-repeat bottom left;
	width:235px;
	height: 36px;
	margin-top: 10px;
}

.ri-box-top3{
	background: url(../img/box-right-top3.gif) no-repeat bottom left;
	width:235px;
	height: 36px;
	margin-top: 10px;
}

.ri-box-bot{
	background: url(../img/box-right-bot1.gif) no-repeat top left;
	width:235px;
	height: 28px;
}

.ri-box-main{
	background: url(../img/box-right-main1.gif) repeat-y top left;
	padding: 10px 0px 10px 10px;
	line-height: 200%;
	color: #D3D1D1;
	font-size: 14px;
}

.ri-box-main li{
	background: url(../img/ul-icon1.gif) no-repeat 0px 7px;
	padding-left: 20px;
}

.show-table td{
	text-align: center;
	padding: 10px 50px;
}

div.ul-icon2 li{
	background: url(../img/ul-icon2.gif) no-repeat 0px 10px;
	padding-left: 20px;
}

div.space1{
	margin-top: 30px;
}

div.space1_dynamic{
	margin-top: 30px;
	text-align: center;
}

div.space1_showcase{
	margin-top: 1cm;
}

/* ----------------------------- showcase ----------------------------- */


/* ----------------------------- showcase-detial ----------------------------- */

.sh-de-box1{
	background: url(../img/sh-de-box1.gif) no-repeat bottom left;
	padding: 10px 20px 40px 40px;
}

.sh-de-s{
	padding: 20px;
}

.sh-de-box2{
	background: url(../img/sh-de-box2.gif) no-repeat top left;
	padding: 10px 20px 10px 20px;
}

.sh-de-pic{
	float: left;
	margin: 0px 10px 10px 0px;
}

.sh-de-col{
	width: 45%;
	margin: 10px 0px 20px 0px;
}

/* ----------------------------- showcase-detial ----------------------------- */


/* ----------------------------- rick-media----------------------------- */

.rick-col{
	width: 48%;
	margin: 15px 0px;
	font-size: 11px;
}

.rick-col h4{
	font-size: 14px;
	font-weight: bold;
}

.rick-col a{
	color: black;
}

.rick-col img{
	float: left;
	margin: 0px 10px 10px 0px;
}

/* ----------------------------- rick-media ----------------------------- */




/* ----------------------------- contactus ----------------------------- */

.con-col1{
	width: 180px;
	margin-right: 40px;
}

.con-col1 a{
	color: #6DA91A;
}

.con-spa{
	padding-top: 110px;
}

.contact-table{
	font-weight: bold;
}

.contact-table sup{
	color: red;
}

.contact-table td{
	padding: 5px;
}

.input-style{
	width: 270px;
	font-weight: normal;
	padding: 5px;
	background-color: #9C9C9C;
	border: none;
}

.select-style{
	width: 280px;
	font-weight: normal;
	padding: 5px;
	background-color: #9C9C9C;
	border: none;
}

.textarea-style1{
	width: 270px;
	height: 100px;
	padding: 5px;
	font-weight: normal;
	background-color: #9C9C9C;
	border: none;
	overflow: hidden;
}

#contact-submit{
	background: url(../img/submit-but.gif) no-repeat top left;
	height: 30px;
	width: 88px;
	border: none;
	cursor: pointer;
	margin: 10px;
	margin-bottom: 0px;
}

#contact-reset{
	background: url(../img/reset-button.gif) no-repeat top left;
	height: 30px;
	width: 88px;
	border: none;
	cursor: pointer;
	margin: 10px;
	margin-bottom: 0px;
}

.bor{
	border: dotted 1px #9C9C9C;
	padding: 1px;
}

.text-posi{
	vertical-align: top;
}

/* ----------------------------- contactus ----------------------------- */


/* ----------------------------- sitemap ----------------------------- */

.sitemap a{
	text-decoration: none;
}

ul.site-ul li{
	font-size: 17px;
	background: url(../img/in-ul1.gif) no-repeat 0px 7px;
	padding-left: 15px;
	margin: 10px 20px;
}

.site-ul ul{
	margin-left: 30px;
}

.site-ul ul li{
	font-size: 12px;
}

/* ----------------------------- sitemap ----------------------------- */


/* ----------------------------- footer ----------------------------- */

.footer{
	border-top: solid 2px #9E9E9E;
	margin-top: 20px;
	color: #9E9E9E;
	padding: 10px 10px 30px 0px;
}

.footer img{
	float: right;
	padding-left: 10px;
}


.footer li{
	float: left;
	margin: 0px 5px;
}

.footer li a{
	color: #6DA91A;
	text-decoration: underline;
}

.footer-text{
	background: url(../img/footer-pic1.gif) no-repeat top right;
	padding: 15px 45px 15px 15px;
	text-align: right;
}

div.submenu3{
	position: absolute;
	margin-top: 30px;
	margin-left: 285px;
}

.submenu3 li{
	float: left;
	margin: 0px;
	padding: 5px;
}

.submenu3 li img{
	padding-left: 0px;
}

.footer-menu{
	padding-top: 12px;
}


/* ----------------------------- footer ----------------------------- */

.elite-edition-trial {
	padding: 15px 0 0 0;
}

p.right_button, div.right_button {
	margin: 1.5cm 0 0 0;
}

.mini_dynamic {
	width: 4cm;
}

.in-col1b {
	margin: 0 20px 0 0;
	width: 685px;
}

.right_banner {
	text-align: center;
}