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

body { background:url(../img/bg-tile.jpg) repeat-x; background-color:#507321 ; margin:0; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; } 

a { text-decoration:none; }

a { color:#8cc63e; }
a:hover { color:#8cc63e; text-decoration: underline; }

img { border:none; }

p { padding:0; margin:0; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4 { font-family: Arial; letter-spacing: 0.01em; }

h1 { font-size: 24px; }

.green { color:#8cc63e; }
.blue { color:#00adef; }

.clear {clear: both;}

input { outline:none; }

/* collapse */
.column1 { cursor:pointer; margin:0 0 1px 0; }
.column2 { clear: both; overflow: hidden; }
.collapse-content{ width:256px; background:url(../img/collapse-tilex.jpg) repeat-x; height:167px; padding:5px 20px 15px;}

#page { width: 1000px; background: url(../img/bg.jpg)no-repeat top left #507321; padding: 13px 0 0; clear: both; overflow: hidden; margin: 0 auto; }

#page-wrap { width: 920px; padding: 0 40px; }

#topbar { float: right; color:#fff; height: 18px; clear: both; overflow: hidden; }
#topbar ul { display: inline; padding: 0; margin: 0; }
#topbar li { list-style: none; padding: 0 0 0 10px; margin: 0; float: left; }

#topbar a { color:#fff; }
#topbar a:hover { color:#fff; text-decoration: underline; }

a.eng { display:block; background:url(../img/eng-flag.gif) no-repeat; height:11px; padding-left:20px; text-decoration: none; font-size: 12px; }
a.ina { display:block; background:url(../img/ina-flag.gif) no-repeat; height:11px; padding-left:20px; text-decoration: none; font-size: 12px; }

#mainmenu { margin-left: 461px;} /* the rest will be in navi.css */

#home-header { clear: both; overflow: hidden; background: url(../img/home-header.gif) no-repeat top left; width: 920px; height: 297px; }
#home-header .gif-animation { padding: 87px 0 0 608px; }

#about-header { clear: both; overflow: hidden; background: url(../img/about-header.gif) no-repeat top left; width: 920px; height: 297px; }
#about-header .gif-animation { padding: 53px 0 0 592px; }

#newsticker-header { clear: both; overflow: hidden; background: url(../img/newsticker-header.gif) no-repeat top left; width: 920px; height: 297px; }
#newsticker-header .gif-animation { padding: 84px 0 0 640px; } 

#content { clear: both; overflow: hidden; background-color: #fff; }
#content-wrap { width: 890px; padding: 15px; clear: both; overflow: hidden; min-height: 440px; }

/*=== homepage ===*/

.home-l { width: 559px; float: left; }
.home-r { width: 296px; float: left; margin-left: 35px; }

/*product brief */
.product-brief { clear: both; overflow: hidden; }
.product-brief p { padding-top: 20px; }

/*software boxes */ 
.box-wrap { width: 559px; clear: both; overflow: hidden; margin-top: 30px; }
.box-wrap h1 { letter-spacing: -0.1em; color:#00adef; padding: 0; margin: 0; }
.box-wrap .box-content { height: 120px; padding: 15px 15px 0; }
.box-content-l { float: left; width: 87px; padding-right: 10px; }
.box-content-r { float: left; width: 145px; }
.box-content-r p { padding-top: 12px; }
.box-wrap .box-button { padding-top: 15px; text-align: center;}
.box-l { width: 272px; float: left; background: url(../img/box-bg.gif) no-repeat; height: 222px; }
.box-l ul { padding: 0; margin: 10px 0 0; }
.box-l li { padding: 5px 0; margin: 0; list-style-image: url(../img/check-list.gif); list-style-position: inside;}
.box-r { width: 272px; float: left; background: url(../img/box-bg.gif) no-repeat; margin-left: 15px; height: 222px; }

/*=== web content ===*/
#content-wrap h2 { padding: 0; margin: 0; color:#00adef; }

.content-l { width: 150px; float: left; }
.content-r { width: 685px; float: left; margin-left: 30px; }

.content-r p { padding: 10px 0; }
.content-r h2 { padding: 0; margin: 0; color:#00adef;}

/* our partner */
.our-partner-l { width: 102px; float: left; padding: 10px 0;}
.our-partner-r { width: 570px; float: left; margin-left: 13px; padding: 10px 0; }
.partner-thumb { border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; }
.our-partner-r p { padding: 0 0 20px;}

/* our key talent */
.talent-row1 { padding-top: 10px; }
.talent-row1 ul { display: inline; padding: 0; margin: 0; }
.talent-row1 li { float: left; padding: 0 0 20px; margin: 0; list-style: none; width: 335px; }
.talent-row1 .talent-row1-l { width: 102px; float: left; }
.talent-row1 .talent-row1-r { width: 220px; float: left; margin-left: 13px; }

.talent-row1 p { padding: 0 0 5px;}

.talent-big-thumb { border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; }

.talent-row2 { padding-top: 50px; }
.talent-row2 ul { display: inline; padding: 0; margin: 0; }
.talent-row2 li { float: left; padding: 0 0 20px; margin: 0; list-style: none; width: 335px; }
.talent-row2 .talent-row2-l { width: 77px; float: left; }
.talent-row2 .talent-row2-r { width: 245px; float: left; margin-left: 13px; }

.talent-row2 p { padding: 0 10px 5px 0;}

.talent-small-thumb { border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 75px; height: 75px; display: table-cell; vertical-align: middle; text-align: center; }

.talent-detail-l { width: 102px; float: left; padding: 10px 0;}
.talent-detail-r { width: 570px; float: left; margin-left: 13px; padding: 10px 0; }
.talent-detail-r p { padding: 0 0 20px;}



/* product */
.our-product-l { width: 102px; float: left; padding: 10px 0;}
.our-product-r { width: 570px; float: left; margin-left: 13px; padding: 10px 0; }
.product-thumb { border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; }
.our-product-r p { padding: 0 0 20px;}

/* press release */
.press-release-l { width: 102px; float: left; padding: 10px 0;}
.press-release-r { width: 570px; float: left; margin-left: 13px; padding: 10px 0; }
.press-release-full { width: 672px; float: left; margin-left: 13px; padding: 10px 0; }
.press-release-thumb { border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; }
.press-release-r p { padding: 0 0 20px;}

/* our client */
.our-client-l { width: 102px; float: left; padding: 10px 0;}
.our-client-r { width: 570px; float: left; margin-left: 13px; padding: 10px 0; }
.our-client-thumb { border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; }
.our-client-r p { padding: 0 0 20px;}

/* contact us */
.contact-us { padding-top: 20px; }
.contact-us ul { padding: 0; margin: 0; }
.contact-us li { padding: 0 0 40px ; margin: 0; list-style: none; }
.contact-us .contact-l { width: 100px; float: left; }
.contact-us .contact-r { width: 585px; float: left; }

label { padding-right: 50px; vertical-align: top; }
.contact-input { padding: 2px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; width: 400px; height: 20px; }
.contact-textarea { padding: 2px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; width: 400px; }
.contact-button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border: none; color:#fff; background-color: #8cc63e; padding: 10px; margin-top: 10px; cursor: pointer; }

/* sitemap */
.sitemap { padding-left:10px }
.sitemap ul { display:inline; padding:0; margin:0; }
.sitemap li { padding:30px 0; margin:0; float:left; list-style:none; width:141px; }

.sitemap .sub-sitemap ul { padding:0; margin:0; }
.sitemap .sub-sitemap li { padding:10px ; margin:0; clear:both; list-style:none; }


/*figure with caption*/
div.figure {
 margin: 0.5em;
 padding: 0.5em;
 vertical-align: top;
}
div.figure p {
 text-align: center;
 font-style: italic;
 font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-indent: 0;
}

.errorMessage { color: #900; }