/* Includes
------------------------------------------ */

@import url("reset.css");
@import url("global.css");



html, body {
        font-size: 14px; /* this blocks font size chaning in IE7 but document scaling works pretty well */
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
}
* html {
        font-size: 97%;  
}
* html body {
        font-size: 90%;  /* this meet 14px by default in all IEs with default settings */
}

#container {
        min-height: 100%;
        height: 100%;
        min-width: 55em;
        width: 100%;
}
/*
*  for IE<7 fix min-width behavior
*/
* html #container {
        behavior: url('minwidth.htc');
        width: 55em;
}

#container #content {
        height: 100%;
        min-height: 100%;
        position: relative;
        width: 100%;
}
#container #header {
        min-height: 1.2em;
        height: 1.2em;
        border:0px red solid;
}
#container #pagebody {
        padding-top: 1px;        /* this should be defined, otherwise we'll have a gap on top */
}
#footer {
        position: relative;
}
#footer #foot {
        min-height: 3.86em;
        height: 3.86em;
        padding-top: 0.86em;
}
html>body #container #header,
html>body #container #content,
html>body #footer #foot {
        height: auto;            /* used to fit font-sizing feature of Mozilla/FireFox */
}
/*
*  Container overlapping
*/
#container #pagebody {
        padding-bottom: 4.9em;    /* this value need to ba same as full height of the footer or greater
                                     footer top padding should be maintained in it's definition (see below)
                                     NOTE: don't set VERTICAL padding/margins on #container, #header, #pagebody!
                                  */
}
#footer {
        margin-top: -4.9em;       /* how high we will go */
}
/*************************************
*  Additional overrides
*
*  They are used to make pages look close in the differrent browsers
**************************************/
a img {
        border: none;
}


ol {
        margin: 0.14em 0 0.14em 2.79em;
        padding: 0;
}
* html ol, * html ul {
        padding: 0 0 .07em;
}
* html li {
        padding: .07em 0 0;
}
/*
ul {
        margin: .14em 0;
        padding: 0;
}
ul li {
*  Assign this override to force browsers to have the same list markers.
*  If you need to implement nested markers, define more nested rules
*  Note, this way you cound not change marker color, beside adding personal images
*
*

        background: url(li.gif) 1.6em 50% no-repeat;
        list-style: none;
        padding-left: 2.79em;
        position: relative;
}
*/
/*************************************
*  Special elements and hacks
**************************************/
.clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
}
.clearfix {display: inline-block;}

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

/*************************************
*  Design page template styles
**************************************/
#container #pagebody, #footer {
        margin-left: 1em;
        margin-right: 1em;

}

#container #header {
        padding-left: 1em;
        padding-right: 1em;

}
/*
*  Font families and colors
*/

div, p, span {
        font-size: 1em; }


#sorry{left:50%; margin-left:-224px; top:100px; position:absolute; z-index:100; cursor:Pointer; width:448px; height:345px; border:0px red solid;}


.headeri {position:relative; width:939px; height:112px; margin-left:auto; border:0px green solid; margin-right:auto; background:url(../img/bg/header.jpg) left top no-repeat; }
.headeri .hiring{position:absolute; top:80px; right:-19px; z-index:10; width:113px; height:119px;}
.headeri .logo{position:absolute; width:195px; height:74px; border:0px red solid; top:11px; left:59px; z-index:10;}
.headeri .logtbl{width:386px; margin-top:2px; float:right; border-collapse:collapse; border-spacing:0px; margin-right:20px;}
.headeri .logtbl td{padding:2px; text-align:left; vertical-align:middle; font-family:Verdana; font-size:14px; color:#688cb5; border:0px red solid;}
.headeri .logtbl .inptxt{width:137px; height:21px; background:url(../img/bg/inp.jpg) no-repeat; border:0px;}
.headeri .logtbl .bt_log{width:83px; height:24px; background:url(../img/bg/bt_log.jpg) no-repeat; border:0px; cursor:Pointer;}
.headeri .logtbl .td1 a{font-family:Verdana; font-size:10px; color:#0253ae; position:absolute; margin-top:-6px; }
.headeri .logtbl .td1{height:12px;}


.menu{position:relative;  width:939px; height:44px; margin-left:auto; margin-right:auto; border:0px red solid;}
.menu ul{ margin-left:0px;}
.menu ul li{float:left; margin:0px; }
.menu ul li a{display:block; height:44px; width:130px; text-indent:-2000px; overflow:hidden; outline:none;}
.menu ul li a.solutions{background:transparent url(../img/bg/menu/solutions.jpg) no-repeat 0px top; width:97px;}
.menu ul li a.solutions:active, .menu ul li a.solutions:hover{background:transparent url(../img/bg/menu/solutions.jpg) no-repeat 0px -44px;}

.menu ul li a.products{background:transparent url(../img/bg/menu/products.jpg) no-repeat 0px top; width:88px;}
.menu ul li a.products:active, .menu ul li a.products:hover{background:transparent url(../img/bg/menu/products.jpg) no-repeat 0px -44px;}

.menu ul li a.services{background:transparent url(../img/bg/menu/services.jpg) no-repeat 0px top; width:87px;}
.menu ul li a.services:active, .menu ul li a.services:hover{background:transparent url(../img/bg/menu/services.jpg) no-repeat 0px -44px;}

.menu ul li a.technologies{background:transparent url(../img/bg/menu/technologies.jpg) no-repeat 0px top; width:113px;}
.menu ul li a.technologies:active, .menu ul li a.technologies:hover{background:transparent url(../img/bg/menu/technologies.jpg) no-repeat 0px -44px;}

.menu ul li a.customers{background:transparent url(../img/bg/menu/customers.jpg) no-repeat 0px top; width:187px;}
.menu ul li a.customers:active, .menu ul li a.customers:hover{background:transparent url(../img/bg/menu/customers.jpg) no-repeat 0px -44px;}

.menu ul li a.support{background:transparent url(../img/bg/menu/support.jpg) no-repeat 0px top; width:80px;}
.menu ul li a.support:active, .menu ul li a.support:hover{background:transparent url(../img/bg/menu/support.jpg) no-repeat 0px -44px;}

.menu ul li a.company{background:transparent url(../img/bg/menu/company.jpg) no-repeat 0px top; width:90px;}
.menu ul li a.company:active, .menu ul li a.company:hover{background:transparent url(../img/bg/menu/company.jpg) no-repeat 0px -44px;}

.menu ul li a.contact{background:transparent url(../img/bg/menu/contact.jpg) no-repeat 0px top; width:103px;}
.menu ul li a.contact:active, .menu ul li a.contact:hover{background:transparent url(../img/bg/menu/contact.jpg) no-repeat 0px -44px;}

/* Middle Layout
------------------------------------------ */
.middle {position:relative; width:939px; height:292px; margin-left:auto; margin-right:auto; font-family:Verdana; border:0px green solid; overflow:hidden;}

/*.middle #slider2 {width: 817px;  margin: auto;  position: relative; border:0px red solid; margin-top:24px; border:1px red solid;}*/
.middle .scroll { height: 223px; width: 817px; overflow: auto; overflow-x: hidden; position: relative; clear:left; background: #FFffff; }
.middle .kl{background:url(../img/bg/kl.jpg) left top no-repeat;}
.middle .l_more {position:absolute; bottom:50px; left:296px;}
.middle .kl h1{font-size:27px;  }
.middle .km{background:url(../img/bg/km2.jpg) left top no-repeat;}
.middle .sserv{background:url(../img/bg/sserv.jpg) left top no-repeat;}
.middle .tk{background:url(../img/bg/tk1.jpg) left top no-repeat;}
.middle .tk h1{font-size:26px; color:#ffcf0f; margin-top:20px;}
.middle .km h1{ color:#6f2701; }
.middle .c2{background:url(../img/bg/2.jpg) left top no-repeat;}
.middle h1{font-size:30px; color:#ffcf0f; margin-top:20px;}

.middle div.panel {  padding: 20px; height: 190px; width: 777px; }
.middle div.panel p{font-size:17px; color:#ffffff; margin-top:20px; line-height:22px; list-style:disc; margin-left:70px;}

.middle div.panel  a{ font-size:17px; color:#c3f9fb; line-height:25px;}
.middle div.panel  a:hover{ text-decoration:none; color:#ffffff;}

/*
.middle .scrollContainer div.panel ul{font-size:17px; color:#ffffff; margin-top:20px; list-style:disc; margin-left:70px;}
.middle .scrollContainer div.panel ul li{ margin-top:7px;}
.middle .scrollContainer div.panel ul li a{ font-size:17px; color:#c3f9fb; line-height:25px;}
.middle .scrollContainer div.panel ul li a:hover{ text-decoration:none; color:#ffffff;}
.middle .scrollContainer div.panel { padding: 20px; height: 223px; width: 800px; }
.middle ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; }
.middle ul.navigation li {display: block; float:left; padding-top:15px; }
.middle ul.navigation a {width:35px; height:35px; background:url(../img/bg/circ.jpg) left top  no-repeat; color: #000; text-decoration: none; padding-left:13px; padding-top:9px; padding-bottom:10px; padding-right:12px;}
.middle ul.navigation a:hover { background:url(../img/bg/circ_s.jpg) left top  no-repeat; }
.middle ul.navigation a.selected {background:url(../img/bg/circ_s1.jpg) left top  no-repeat; }
.middle ul.navigation a:focus { outline: none; }
.middle .scrollButtons { position: absolute; top: 85px; cursor: pointer; }
.middle .scrollButtons.left { left: -60px; }
.middle .scrollButtons.right { right: -60px;}
.middle .hide {display: none; }
*/
.icont{position:relative; width:937px; border:1px solid #d9d9d9; background:#ffffff; margin-left:auto; margin-right:auto; font-family:Verdana; margin-top:20px; }
.icont .lt{position:absolute; left:-1px; top:-1px;}
.icont .rt{position:absolute; right:-1px; top:-1px;}
.icont .lb{position:absolute; left:-1px; bottom:-1px;}
.icont .rb{position:absolute; right:-1px; bottom:-1px;}
.icont p{font-family:Verdana; font-size:12px; color:#474545; margin:15px; line-height:16px;}
.icont ul{font-family:Verdana; font-size:12px; color:#474545; margin:20px; margin-left:44px;  line-height:14px; list-style:disc;}
.icont ul li{margin-top:10px;}

.middle_i {position:relative; width:939px; margin-left:auto; margin-right:auto; font-family:Verdana; margin-top:20px;   overflow:hidden; }
.middle_i .tb{float:left; width:304px; height:268px;}
.middle_i .tb ul{list-style:decimal; margin-top:65px; margin-right:0px; float:right; }
.middle_i .tb ul li{font-family:Verdana; font-size:12px; color:#d3eaf6; font-weight:bold; margin-top:10px; line-height:15px; width:200px;}
.middle_i .selfs{position:relative; background:url(../img/bg/selfs.jpg) no-repeat; margin-right:13px; margin-left:1px;}
.middle_i .km{position:relative; background:url(../img/bg/km.jpg) no-repeat; margin-right:13px;}
.middle_i .tc{position:relative; background:url(../img/bg/tc.jpg) no-repeat; }
.middle_i .tb1{float:left; width:304px; height:135px;}
.middle_i .selfs1{position:relative; background:url(../img/bg/selfs1.jpg) no-repeat; margin-right:13px; margin-left:1px;}
.middle_i .km1{position:relative; background:url(../img/bg/km1.jpg) no-repeat; margin-right:13px;}
.middle_i .tc1{position:relative; background:url(../img/bg/tc1.jpg) no-repeat; }
.middle_i .leftcol{position:relative; float:left; width:278px; padding-top:25px;}
.middle_i .leftcol .leftmenu{position:relative; width:276px; border:1px solid #e8ecee; background:#f1f8fc; margin-bottom:20px;}
.middle_i .leftcol .leftmenu .title {width:276px; height:34px; background:url(../img/bg/lt.jpg) repeat-x; font-family:Verdana; font-size:18px; color:#64b1dc;}
.middle_i .leftcol .leftmenu .title h1{ font-family:Verdana; font-size:18px; color:#64b1dc; margin-left:15px; padding-top:8px;}
.middle_i .leftcol .leftmenu .title h1 a{ font-family:Verdana; font-size:18px; color:#64b1dc; text-decoration:none; font-weight:Normal;}
.middle_i .leftcol .leftmenu .title .lt_l{position:absolute; left:-1px; top:-1px;}
.middle_i .leftcol .leftmenu .title .rt_l{position:absolute; right:-1px; top:-1px;}
.middle_i .leftcol .leftmenu .lb_l{position:absolute; left:-1px; bottom:-1px;}
.middle_i .leftcol .leftmenu .rb_l{position:absolute; right:-1px; bottom:-1px;}
.middle_i .leftcol .leftmenu ul{list-style:decimal; color:#2280ca; margin:20px; margin-left:40px;line-height:17px;}
.middle_i .leftcol .leftmenu li a{font-family:Verdana; font-size:12px; color:#2280ca; padding:4px; white-space:nowrap;}
.middle_i .leftcol .leftmenu li a:hover{color:#64b1dc;}
.middle_i .leftcol .leftmenu li{margin-bottom:7px;}
.middle_i .rightcol{position:relative; float:left; width:661px;padding-top:25px; }
.middle_i .rightcol .rightcont {position:relative; width:638px; border:1px solid #e8ecee; background:#ffffff; margin-left:21px; text-align:center;  }
.middle_i .rightcol .rightcont .title {width:638px; height:34px; background:url(../img/bg/rt.jpg) repeat-x; text-align:left; font-family:Verdana; font-size:18px; color:#64b1dc;}
.middle_i .rightcol .rightcont .title h1{ font-family:Verdana; font-size:18px; color:#64b1dc; margin-left:15px; padding-top:8px;}
.middle_i .rightcol .rightcont .title .lt_r{position:absolute; left:-1px; top:-1px;}
.middle_i .rightcol .rightcont .title .rt_r{position:absolute; right:-1px; top:-1px;}
.middle_i .rightcol .rightcont .lb_r{position:absolute; left:-1px; bottom:-1px;}
.middle_i .rightcol .rightcont .rb_r{position:absolute; right:-1px; bottom:-1px;}
.middle_i .rightcol .rightcont p{font-family:Verdana; font-size:12px; color:#474545; margin:15px; line-height:16px; text-align:left;}
.middle_i .rightcol .rightcont ul{font-family:Verdana; font-size:12px; color:#474545; text-align:left; margin:20px; margin-left:44px;  line-height:16px; list-style:disc;}
.middle_i .rightcol .rightcont ul.num{list-style:decimal;}
.middle_i .rightcol .rightcont ul li{margin-top:10px;}
strong{font-weight:bold;}
.middle_i .rightcol .rightcont h2{font-size:18px; color:#7e8182; margin-left:15px; text-align:left; }
.middle_i .rightcol .rightcont .tb_serv{font-family:Verdana; font-size:12px; color:#5f6062; width:624px;  line-height:16px; text-align:center;border-spacing:2px; margin:7px; }
.middle_i .rightcol .rightcont .tb_serv td{text-align:center; padding:5px; background:#f0f3f3;}
.middle_i .rightcol .rightcont .tb_serv .header{background:#e7e8e8; height:20px; }
.cst img{ border:5px #f8f8f8 solid; margin-left:20px; margin-right:20px; margin-top:10px;}

/* Scroller Box */
#scroller_container {position: relative;width: 231px; height: 320px; overflow: hidden; margin:10px; margin-left:22px; border:0px red solid;}

#scroller {  padding: 0;}
#scroller img{ border:3px #d0dbe1 solid;  margin-top:10px;}
/* Scoller Box */

h1{font-weight:Normal;}

.lm{margin-left:270px; margin-top:15px;}
.l_more{position:absolute; bottom:50px; right:10px; border:0px green solid;}
.cl_sh{cursor:Pointer; color:#2280ca; text-decoration:underline;}
.cl_sh:hover{cursor:Pointer; color:#64b1dc;}




ul.tabs li a.active {
  text-decoration:none;
	background-color:#d9f5e8;
	color:#282e32;
  border-bottom: 1px dashed #2280ca;;

}


/* Footer Layout
------------------------------------------ */
.footer {position: relative;  width:939px; height:60px; margin-left:auto;  margin-right:auto; font-family:Verdana;  background:#135e91;}
.footer .lt{position:absolute; left:0px; top:0px;}
.footer .rt{position:absolute; right:0px; top:0px;}
.footer .cop{font-family:Verdana; font-size:12px; color:#b5b3b3; float:left; margin-top:30px; margin-left:20px;}
.footer .pp{font-family:Verdana; font-size:12px; color:#9cbbe9; float:right; margin-top:30px; margin-right:20px;}