@import url("nav.css");
@import url("modules.css");
@import url("blog.css");

body {margin: 0; padding: 0; color: #666; background: #dddbdb url(../img_t/bg.png) repeat-x 0 0; font-size: 82%;}
body, textarea {font-family: Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:1em;}

a {color:#6aa01f; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; font-size: 100%;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold; padding: 0;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.2em;} /* also used in common files*/
h3 {font-size: 1em; }
h4 {font-size: 0.8em; font-style: italic; font-weight: normal;}


p, pre { margin: 0 0 1em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: .5em 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin-left: 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul li { list-style: square; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 0.5em 1.4em;}
ol li { margin:0 0 0 0.5em;}
blockquote { margin: 0 1em 0.5em 1em;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0.01em; padding: 0 0.02em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 0.02em; padding-right: 0.02em;}

.Clearer { clear: both;}
/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}

.PageManagerPreviewInfo { z-index: 9999; position: absolute; top: 0; left: 0;}

.zoneLeft { padding: 0 1em 0 0; width: 20%;}
.zoneRight { padding: 0 0.5em; border-left: 1px solid #ccc; }

.extra {color: #000;}
.border, div.simple img { border: 5px solid #8ac43a; }

#bgL {background: url(../img_t/bg_lt.png) repeat-x right -11px; width: 50%; height: 200px;
	position: absolute; top: 0; left: 0;}
#bgR {background: url(../img_t/bg_rt.png) repeat-x 0 -14px; width: 50%; height: 200px;
	position: absolute; top: 0; right: 0;}

#wrap {width: 960px; position: relative; margin: 10px auto 0 auto;}
#head {background: url(../img_t/bg_head.png) no-repeat 0 0; position: relative;
	height: 147px;}
#head h1 {background: url(../img_t/logo.png) no-repeat 0 0; padding: 0; margin: 0;
	position: absolute; top: 17px; left: 80px; width: 234px; height: 97px; overflow: hidden;}
#head h1 a {display: block; height: 97px; width: 234px;}
#head h1 span, #head h2 span {line-height: 300px;}
#head h2 {background: url(../img_t/tag.png) no-repeat 0 0; padding: 0; margin: 0;
	position: absolute; top: 85px; left: 410px; width: 372px; height: 22px; overflow: hidden;}
	
	
#cnt { background: #fff url(../img_t/bg_cnt.png) repeat-y 0 0; }
#sidebar { width: 237px; background: url(../img_t/bg_cntDots.png) no-repeat 0 0;
	padding: 10px 0; float: left;}


#newsform {background: url(../img_t/bg_newsform.png) no-repeat 0 0; position: relative; top: -35px;
	padding: 3px 0 5px 20px; min-height: 256px; color: #fff;}
#newsform div.text {font-size: 1em;  margin: 2em 0 0 0; }
#newsform div.text h3 {color: #9ad947; margin: 0; font-weight: bold; font-size: 1.2em;}

/* not used
#newsform label {display: block; color: #e3e3e3; margin-top: 5px; }
#newsform label.green { font-weight: bold; color: #8ac43a;}
#newsform textarea {width: 175px; height: 6em; }
#newsform input.ntxt, #newsform textarea {padding: 2px; background: #ccc; color: #313131; border: 2px solid #ccc;
	font-style: italic; line-height: 1em;}

#newsform input.ntxt { width: 175px;}
#newsform input.ntxt:focus, #newsform textarea:focus { border-color: #313131;}
#newsform div.btn { margin: 10px 0 0 15px;}
*/

#main {background: url(../img_t/bg_cntDots.png) no-repeat -240px 0; padding: 20px; width: 680px; float: right;}
.catBtns {margin: 15px 0 0 0; text-align: center; /*position: absolute; bottom: 10px;*/ width: 640px;}



#foot {width: 960px; position: relative; margin: 0 auto; background: url(../img_t/bg_foot.png) repeat-x;
	padding: 20px 0; text-align: center; font-size: 0.8em; color: #777; clear: both;}
#foot a {  font-weight: bold; color: #777; text-decoration: underline; padding: 0 0.5em;}
#foot a:hover { color: #000;}
#asi {margin-top: 1.5em;}
#asi a {font-weight: normal; padding: 0;}

#ccontact { position: absolute; top: 14px; left: 50%; margin-left: 100px; width: 500px; }
#ccontact h3 { display: inline; color: #fff; margin: 0; font-style: italic;}
#ccontact a { display: block; color: #fff; font-size: 0.9em; text-decoration: underline; margin-left: 165px;}
#ccontact input.ntxt { width: 140px; font-size: 0.9em; font-style: italic; color: #999;}
#ccontact input.btn {margin-top: 2px;}

/* showroom style */
table.showtable { width: 100%;}
table.showtable td { text-align: center; vertical-align: middle; padding: 3px 5px 10px 5px;}
table.showroom td img { border: 1px solid #fff !important;}

/* nlp solution web part */
table.prod { width: 100%; margin-bottom: 1.5em;}
.prod th { padding: 5px; vertical-align: middle; text-align: center; width: 110px;}
.prod th img { border: 5px solid #8ac43a;}
.prod td {padding: 5px;}
.prod td h2 {}
.prod td p { margin: 0;}
.prod td div.prodLink { text-align: right;}