body{background:#FFFFFF; text-align:center;}

/* NAVIGATION-SKIP */
#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

#lang-menu{text-align:right; padding-right:20px; margin-bottom:-10px;}
#lang-menu a{text-decoration:none;}
#lang-menu a span{text-decoration:underline;}
  
/* **** construct **** */
#mother{width:900px; margin:12px auto 20px; text-align:left; zoom:1;}
#header{width:100%; zoom:1;}
.line{height:5px; background:#BFBFBF url(../img/bg-line-corner.png) 0 0 no-repeat; overflow:hidden; clear:both; zoom:1;}
.bottom-line{height:8px; background:#414141 url(../img/bg-home-product-menu.png) 0 100% no-repeat;; overflow:hidden; clear:both; zoom:1;}
#intro{ background:url(../img/bg-shadow.png) 0 0 no-repeat; padding-top:6px; clear:both; position:relative; z-index:5;}
#intro.home .in {overflow:hidden; background:#EEEEEE url(../img/bg-home-intro.png) 0 0 repeat-y; }
#intro .in {overflow:hidden; background:#CC0027 url(../img/bg-intro.png) 0 5px no-repeat;}
#main{ border:1px solid #CCCCCC; border-width:0px 1px 1px; padding-top:1px; background:#F5F5F5;}
#content{ padding:27px 0 18px;}
.home #content .in{background:url(../img/bg-wrapp.png) 0 0 repeat-y; margin:0px;}
#content .in{overflow:hidden; margin:0px 15px 0 25px;}
#footer {background:#DEDEDE url(../img/bg-footer.png) 0 100% no-repeat; overflow:hidden;  padding:8px 0 7px; font-size:92%;}
#footer .spc{margin:0px 25px 0px;}

/* COLS */
.home .col-l{float:left; width:287px; background:url(../img/bg-border-col.png) 100% 0 repeat-y;}
.home .col-r{float:left; width:302px; background:url(../img/bg-border-col.png) 100% 0 repeat-y;}
.home .col-side{float:right; width:309px; background:none; padding-left:0px;}
.col-side{float:right; width:29%; padding-left:2%; background:url(../img/bg-border-col.png) 0 0 repeat-y;}
.col-content{float:left; width:67%; padding-right:2%}
.col-h-l{width:50%; float:left;}
.home .spc{ margin:0px 25px 0;}

/* MAIN MENU */
#main-menu{ margin:-15px 0 0px 220px; }
#main-menu ul{font-size:83%; float:right; margin:0 0 -6px;}
#main-menu ul li{margin:0px 0 0 2px; padding:0px; float:left; background:#C1C1C1 url(../img/bg-main-menu.png) 0 0 repeat-x; }
#main-menu ul li span{ background: url(../img/bg-main-menu-left.png) 0 0 no-repeat; display:block;}
#main-menu ul li a{background: url(../img/bg-main-menu-right.png) 100% 0 no-repeat; display:block; padding: 13px 15px 10px; line-height:1; text-transform:uppercase; text-decoration:none; color:black;  position:relative; z-index:4;}
#main-menu ul li a:hover{color:#808080;}

#main-menu ul li.active{background:#C1C1C1 url(../img/active-main-menu.png) 0 0 repeat-x; position:relative; position:relative; z-index:100;}
#main-menu ul li.active span{background: url(../img/active-main-menu-left.png) 0 0 no-repeat;}
#main-menu ul li.active a{background: url(../img/active-main-menu-right.png) 100% 0 no-repeat; color:#D20028;}

/* PRODUCT MENU */
#intro .product-menu{clear:both; background: #414141 url(../img/bg-home-product-menu.png) 0 100% no-repeat;}
#intro .product-menu ul{overflow:hidden; margin:0px; padding:10px 0px 10px;}
#intro .product-menu li{float:left; width:180px; background: url(../img/bg-product-menu-li.png) 0 0 repeat-y; margin:0px; padding:0px;}
#intro .product-menu li:first-child{background:none;}
#intro .product-menu li a{color:white; font-family:Arial, Verdana, Tahoma; text-transform:uppercase; font-weight:bold; padding:9px 15px 6px 55px; display:block; line-height:1.4;}
#intro .product-menu li a:hover{color:#D20028;}
#intro .product-menu ul li.software a{background:url(../img/ico-pc.png) 13px 60% no-repeat;}
#intro .product-menu ul li.sms a{background:url(../img/ico-mobil.png) 18px 60% no-repeat;}
#intro .product-menu ul li.java a{background:url(../img/ico-software.png) 13px 60% no-repeat;}
#intro .product-menu ul li.wap a{background:url(../img/ico-wap.png) 18px 60% no-repeat;}
#intro .product-menu ul li.karat a{background:url(../img/ico-karat.png) 12px 60% no-repeat; padding-left:62px}

/* CHOICE REF */
.choice-ref{width:271px; float:left; background:#EEEEEE url(../img/bg-home-ref.png) 0 0 repeat-x; padding:24px 15px 8px 22px; min-height:179px;}
.choice-ref p.img{padding-left:20px; margin:20px 0 15px;}

/* ANNOT */
.annot{width:527px; background:#D20028 url(../img/bg-home-note.png) 0 0 no-repeat; color:white; padding: 27px 21px 8px 44px; float:left; font-family:Arial; min-height:176px;}
.annot h2{font-size:191%;}
.annot p{line-height:1.4;}

.link{margin-top:12px;}
.link span.bg-top{background:#494949 url(../img/bg-homa-annot-a.png) 0 0 no-repeat; display:block; width:140px;}
.link span.bg-bottom{background:url(../img/bg-homa-annot-a-span.png) 0 100% no-repeat; display:block;}
.link a {display:block; width:100%; color:white; text-decoration:none; font-size:108%; padding:4px 20px 5px 10px; font-weight:bold; background:url(../img/bg-homa-annot-a-arrow.png) 120px 50% no-repeat; }
.link a:hover{color:#E1002B;}

/* CONTACT BOX */
.contact-box{clear:both; overflow:hidden; zoom:1; margin-top:7px;}
.contact-box h3{font-size:100%; font-family:Tahoma, Verdana, Arial, Helvetica; margin:0px;}
.contact-box p{margin:0 0 6px; font-size:92%; line-height:1.4;}
.contact-box span{font-size:109%;}
.contact-box p.right a img{border:1px solid #C3C3C3;}
.contact-box p.right{ margin:0px;}

/* ARROW */
.home .arrow{font-size:117%; color:#D20028;}

/* NEWS */
.news{font-size:92%;}
.news .date{color:#999999; font-family:Arial, Helvetica, sans-serif; background:url(../img/ico-date.png) 0 50% no-repeat; padding-left:20px; font-weight:bold;}
.news p{margin-top:0px;}
.news ul li{margin-top:18px; padding:0px; background:none;}
.news ul li:first-child{margin-top:0px;}
.news ul{list-style:none; margin:0px; padding:0px;}

/* CAREER */
.career {margin-bottom:19px;}
.career h3{font-size:100%; background:url(../img/ico-post.png) 0 50% no-repeat; padding-left:20px; margin:0px;} 
.career p{font-size:92%;}

/* RESPONSE */
.response {margin-bottom:10px;}
.response p{font-size:92%}
.response select, .response input{font-size:100%; display: block; padding:2px;border:solid 1px #CCCCCC;width: 120px;}
.response table{margin: 0 auto;}
.response td {padding:3px 5px 0 0; border:0;}
.response .submit{margin-top: 0.5em;padding:3px;margin-right: 3px;}

/* MOVEDNUMBERS */
.movednumbers {margin-bottom:19px;}
.movednumbers p{font-size:92%}
.movednumbers input{font-size:100%; display: block; padding:2px;border:solid 1px #CCCCCC;width: 120px;}
.movednumbers table{margin: 0 auto;}
.movednumbers td {padding:3px 5px 0 0; border:0;}
.movednumbers .submit{margin-top: 1.2em;padding:3px;margin-right: 3px;}


/* ATTACHED LINKS */
.att-links ul {margin:0px;}
.att-links ul li{margin-top:5px;}
.att-links p{font-size:92%; margin-left:-20px;}

/* BREADCRUMB */
#breadcrumb {color:white; font-size:117%; margin:0 28px 0; padding:15px 0 10px;}
#breadcrumb a{color:white;}

/* IMG BOX */
.img-box{background:#434343; padding:7px; color:white; font-style:italic;}
.img-box.l{margin: 6px 20px 8px 0;}
.img-box p{margin:8px 10px 3px;}
.img-box a img{border:1px solid #F5F5F5; display:block;}

/* ATTACHED - IMAGES */
.att-images{padding-top:1px;}
.att-images ul{margin:0px 0 0; padding:7px; float:left; zoom:1; background:#434343;}
.att-images ul li {margin:0px 0px 0px 7px; padding:0px; float:left; background:0px; display:table; height:132px; width:132px;}
.att-images ul li a{display:block; border:1px solid #8C8C8C; text-align:center; display:table-cell; vertical-align:middle;}
.att-images ul li img{display:block; margin:0 auto 0;}
.att-images ul li:first-child{ margin-left:0px;}
.att-images ul li a:hover{ border:1px solid #EBEBEB;}