body { height: 100%; width: 100%; margin: 0; padding: 0; font-family:" ΢ÈíÑÅºÚ ", Arial; font-size: 12px; color: #444748; background-color: #bec5c8; background-image: url(/images/bg.jpg); background-repeat: repeat; }

/* Stuff */
form, img { margin: 0; padding: 0; border: none; }
.clear { clear: both; }
#shelfPicParams { display: none; }

a { color: #1464a5; }
a:active { outline: none; }
a:hover { text-decoration: none; }

a.cont { color: #444748; background: url(/images/dotted.gif) repeat-x 0 bottom; text-decoration: none; }
a.cont:hover { background: none; }

ul{list-style:none; padding:0; margin:0;}

h1 { font-family: Arial; line-height: 25px; font-size: 14px; color: #5f5f5f; padding: 0; margin: 0 0 10px 0; background: url(/images/h1.gif) repeat-x bottom; }
/*h1:first-letter { color: #FFFFFF; }*/
h1 a,h2 a{color:#4b4b4b; text-decoration:none;}
h1 a span,h2 a span{color:#065C00;}

h2 { font-family: Arial; font-size: 14px; color: #475470; margin: 0 0 5px 0; padding: 0; }
h3{padding:0; margin:0; font:bold 12px/18px Arial; text-align:center;}

#wrap { width: 100%; min-width: 980px; position: relative; }

/* Header */
#header { width: 100%; position: absolute; top: 0; left: 0; z-index: 10 }

#header #logo { position: absolute; top: 25px; left: 40px; z-index: 5; }

#header .notOfficial { visibility: hidden; }
#header .lang { width: 35px; height: 18px; position: absolute; top: 10px; right: 0; z-index: 3;}
#header .lang a {  color: #1464A5; text-decoration: none; margin: 0 3px 0 0; } 
#header .lang a:hover { text-decoration: underline; }

#header ul.menu { margin: 0; padding: 0; width: 46%; min-width:720px; position: absolute; top: 35px; right: 0; list-style: none; z-index: 6;}
#header ul.menu li { margin: 0; padding: 0 12px; display: block; width: auto; height: 30px; float: left; text-align: center; }
#header ul.menu li a, #header ul.menu li span.sel { padding: 0 0 2px 0;font-size: 14px; line-height: 27px; color: #4b4b4b; font-weight: bold; text-decoration: none;}
#header ul.menu li a:hover { color: #1F7A06; }
#header ul.menu li span.sel { background: none; }
#header ul.menu li span { color: #1F7A06;}
#header ul.menu li span.sel span { color: #FFFFFF; }

#header #loader { position: absolute; z-index: 3; }

#header #table { width: 959px; height: 456px; background: url(/images/table.jpg); position: absolute; top: 65px; right: 0; z-index: 3; }   

#header #display { width: 268px; height: 181px; background: url(/images/display.png); position: absolute; top: 80px; right: 90px; z-index: 6; }
#header #keyboard { width: 206px; height: 178px; background: url(/images/keyboard.gif); position: absolute; top: 185px; right: 222px; z-index: 5; }
#header #tablet { width: 166px; height: 199px; background: url(/images/tablet.gif); position: absolute; top: 220px; right: 0; z-index: 5; }
#header #flower { width: 148px; height: 158px; background: url(/images/flower.gif); position: absolute; top: 47px; right: 0; z-index: 5; }
#header #mouse { width: 62px; height: 68px; background: url(/images/mouse.gif); position: absolute; top: 305px; right: 175px; z-index: 5; }
#header #coffee { width: 96px; height: 102px; background: url(/images/coffee.gif); position: absolute; top: 87px; right: 330px; z-index: 5; }
#header #paper { width: 154px; height: 118px; background: url(/images/paper.gif); position: absolute; top: 113px; right: 510px; z-index: 5; }
#header #pear { width: 33px; height: 49px; background: url(/images/pear.gif); position: absolute; top: 140px; right: 733px; z-index: 5;  }
#header #magazines { width: 208px; height: 223px; background: url(/images/magazines.gif); position: absolute; top: 110px; right: 660px; z-index: 5; }

#header #flowers { width: 214px; height: 182px; background: url(/images/flowers.gif); position: absolute; top: 190px; right: 629px; z-index: 7; }
#header #camera { width: 118px; height: 92px; background: url(/images/camera.gif); position: absolute; top: 103px; right: 410px; z-index: 5; }
#header #flash { width: 44px; height: 52px; background: url(/images/flash.gif); position: absolute; top: 150px; right: 778px; z-index: 5; }
#header #cellphone { width: 42px; height: 46px; background: url(/images/cellphone.gif); position: absolute; top: 245px; right: 425px; z-index: 5; }
#header #notepad { width: 171px; height: 142px; background: url(/images/notepad.gif); position: absolute; top: 208px; right: 500px; z-index: 5;}

#header #palm { width: 219px; height: 370px; background: url(/images/palm.png); position: absolute; top: 50px; left: 0; z-index: 7; }

#header #shelfToggle { display: block; width: 200px; height: 170px; position: absolute; top: 350px; right: 590px; z-index: 6;  }
#header #shelfTop { width: 381px; height: 206px; background: url(/images/shelf_top.gif); position: absolute; top: 169px; right: 536px; z-index: 5; }

#header #shelf { width: 354px; height: 211px; background: url(/images/shelf.png); position: absolute; top: 270px; right: 517px; z-index: 4; }
#header #shelf #shelfPic { width: 160px; height: 136px; position: absolute; top: 7px; left: 100px; overflow: hidden; }
#header #shelf #shelfInnerShadow { width: 169px; height: 143px; background: url(/images/shelf_inner_shadow.png); position: absolute; top: 2px; left: 97px; }
#header #shelfTopShadow { width: 183px; height: 41px; background: url(/images/shelf_top_shadow.png); position: absolute; top: 374px; right: 598px; z-index: 6;  }

#header #chair { width: 458px; height: 389px; background: url(/images/chair.png); position: absolute; top: 345px; right: 150px; z-index: 5; }
#header #chair2 { width: 451px; height: 388px; background: url(/images/chair2.png); position: absolute; top: 410px; right: 0; z-index: 5; }

/* Not official */
#header #smile { width: 24px; height: 39px; background: url(/images/smile.gif); position: absolute; top: 24px; left: 170px; z-index: 5; }
#header #tabletWithChips { width: 202px; height: 203px; background: url(/images/tablet_with_chips.gif); position: absolute; top: 211px; right: 1px; z-index: 5; }
#header #cigarettes { width: 59px; height: 51px; background: url(/images/cigarettes.gif); position: absolute; top: 190px; right: 440px; z-index: 5; }
#header #ashTray { width: 85px; height: 92px; background: url(/images/ashtray.gif); position: absolute; top: 87px; right: 350px; z-index: 5; }
#header #beer { width: 59px; height: 47px; background: url(/images/beer.gif); position: absolute; top: 142px; right: 430px; z-index: 5; }
#header #magazinesPorno { width: 215px; height: 226px; background: url(/images/magazines_porno.gif); position: absolute; top: 108px; right: 657px; z-index: 5; }
#header #notepadPorno { width: 171px; height: 142px; background: url(/images/notepad_porno.gif); position: absolute; top: 208px; right: 500px; z-index: 5;}


/* Hint */
#header .hint { height: 33px; line-height: 27px; background: url(/images/hint_bg.gif) repeat-x; position: absolute; color: #FFFFFF; text-align: center; z-index: 20; display: none; }
#header .hint .l { width: 5px; height: 33px; position: absolute; top: 0; left: -5px; background: url(/images/hint_left.gif); }
#header .hint .r { width: 5px; height: 33px; position: absolute; top: 0; right: -5px; background: url(/images/hint_right.gif); }
#header .hint .a { width: 13px; height: 8px; position: absolute; top: 25px; left: 15px; background: url(/images/hint_arrow.gif) no-repeat; }

#header .path { color: #5f5f5f; font-size: 10px; position: absolute; top: 485px; left: 50px; z-index: 4; }
#header .path a { color: #5f5f5f;}

/* Content */
.content { line-height: 19px; padding: 516px 45px 0 45px; position: relative; z-index: 1;}
.content .shortLeft { width: 49%; }

.content .projectScreen { width: 71%; float: left; }
.content .projectDetails { width: 250px; margin: 250px 0 0 0; float: right; }

.content .slideLink { margin: 0 0 5px 0; }
.content .slideLink a { vertical-align: top; margin: 0 0 0 5px; text-decoration: none; font-size: 15px; color: #475470; background: url(/images/dotted.gif) repeat-x 0 bottom; }
.content .slideLink a:hover { background-image: none; }
.content .slideText { padding: 0 0 0 23px; margin: 0 0 5px 0; display: none; }

.content .weCanColumn { width:42%; padding: 0 0 0 0; margin: 0; float: left;}

.content .weCanColumn.first{width:52%; margin: 0 5% 0 0;}
.content .weCanColumn .head,.content .case .head { padding: 0 0 5px 0; margin: 0 0 7px 0; border-bottom: #909698 1px solid; font-weight: bold; background:url(/images/we_can_line.gif) no-repeat left bottom; }
.content .weCanColumn .head .title,.content .case .head .title{ margin: 0 0 5px 0; padding: 7px 4px 0; line-height: 18px; float: left; }

.content .weCanColumn .server{padding:0; margin:0; line-height:25px;}
.content .weCanColumn .server dt{font-weight:bold; float:left; padding:0 15px; background:url(/images/dot.gif) no-repeat 2px 8px; width:80px;}
.content .weCanColumn .server dt a{color:#494949; text-decoration:none;}
.content .weCanColumn .server dt a .red,.red{color:#BD2001;}
.content .weCanColumn .server dt a .green,.green{color:#065C00;}
.content .weCanColumn .server dt a:hover{text-decoration:underline;}
.content .weCanColumn .server dt.f2{height:80px;}
.content .weCanColumn .server dd.f3{_height:20px;_padding-top:5px;}
.content .weCanColumn .server dd span{color:#065C00;font-weight:bold;}

.content .case{ clear:both; width:99.4%; padding-bottom:8px;}

.content .portfolioBox { width: 25%; padding: 0 0 40px 0 !important; padding: 0 0 25px 0; float: left; z-index: 5; position: relative; text-align: center; } 
.content .portfolioBox .border { text-decoration: none; cursor: pointer; display: block; width: 184px; height: 167px; margin: 0 auto; position: relative; z-index: 3; }
.content .portfolioBox .border img { position: relative; z-index: 3; }
.content .portfolioBox .border .loading { position: absolute; top: 11px; left: 13px; z-index: 1; }
.content .portfolioBox .border .image { display: block; width: 184px; height: 163px; position: absolute; top: 0; left: 0; background-position: 13px 10px; background-repeat: no-repeat; z-index: 1; }
.content .portfolioBox .title { display: block; width: 184px;  color: #4f4f4f;  }

.content .portfolioDivider { width: 5%; height: 163px; float: left; background: url(/images/portfolio_divider.gif) no-repeat center bottom; }

/* .content .map { width: 439px; height: 357px; background: url(/images/map.png); margin: 0 auto; } */

/* Footer */
#footer { width: 100%; height: 300px; background: url(/images/wall.jpg) repeat-x 0 bottom; position: relative; z-index: 0; }
#footer #copy { width: 485px; position: absolute; bottom: 100px; left: 31%; text-align: center; z-index: 1; }
#footer #copy a { color: #444748; text-decoration: none; }
#footer #copy a:hover { text-decoration: underline; }
#footer #bottomTable { width: 306px; height: 422px; background: url(/images/bottom_table.jpg); position: absolute; bottom: 0; left: 0; color: #6f8fb7; }
#footer #crap { width: 409px; height: 417px; background: url(/images/crap.png); position: absolute; bottom: 38px; right: 0; }
#footer #window { width: 519px; height: 105px; background: url(/images/window.png); position: absolute; bottom: 0; left: 31%; } 
/* qty by 09.01.23 */
.caselist li{float:left; width:30%}
.newslist li{background:url(/images/dot_01.gif) no-repeat 10px 6px; padding-left:25px;}
.webshop li{width:50%; float:left;}
.more{text-align:left;padding-left:25px; padding-top:3px;}
.pad0{padding-left:0;}
.num{color:#060;font:700 12px/150% Arial; text-align:right; padding-right:15px;}
.gray{color:#ccc;}
.padL{padding-left:15px;}
.padR{padding-right:10px;}
.input01{border:1px solid #666; height:16px; background:#C1C6CA;}
.textarea{border:1px solid #666;background:#C1C6CA;}
.content .width{width:100%;}
.pad{padding:10px;}
.pop{width:118px; height:170px;position:absolute; background:url(/images/popfooter.gif) no-repeat bottom; z-index:999;}
.poptit{background:url(../images/poptit.gif) no-repeat; height:38px;}
.popmid{background:url(../images/popbg.gif) repeat-y; text-align:center; padding-top:6px;+padding-top:5px;}
.popmid img{padding:2px 0;+padding:0;}
.popmid ul{height:45px; overflow:hidden; background:url(../images/mob.gif) no-repeat 10px 7px;}
.popmid ul li{height:25px;padding-left:10px;}
.popmid ul li a{font:bold 12px/22px Arial; color:#065C00; text-decoration:none;}
.content .spacase{width:100%;}
.spa01,.auto01{width:35%; float:left; height:200px;}
.spa02,.auto02{width:28%; float:left; height:200px; padding-left:10px;}
.auto01{width:40%;}
.auto02{width:58%;}
.sitemap .line{border-bottom:1px dotted #66696A; padding-bottom:5px;}
.sitemap h2 {padding-left:20px; background:url(/images/dot.gif) no-repeat 5px 4px;}
.sitemap h2 a{font:blod 12px Arial; color:#065C00;}
.sitemap h2 a:hover{color:#1464A5;}
.sitemap p{margin:7px 0;padding-left:30px;}
.link{padding-top:8px;}
/*---------------2009-05-10----------------------*/
#news_menu {padding:5px 0 0; float:left;width:97px; height:145px; background: url(/images/libg.jpg) no-repeat right top;}
#news_menu li {height:19px; padding:3px 0 0 10px;}
.dy_hover,.case_hover,.view_hover,.data_hover{background:url(/images/libg2.jpg) no-repeat right;}
.dy_out,.case_out,.view_out,.data_out{background:none;}
#news_menu ul,#news_cont ul{list-style:none;}
.design li a{color:#494949; font-weight:bold; text-decoration:none;}
.design .dy_hover a,.design .case_hover a,.design .view_hover a,.design .data_hover a{color:#065C00;}
.content .weCanColumn #news_cont{float:left;width:70%; padding:0 1.5%;}

#news_cont {padding-top:12px;}
.sitelist{float:left;width:50%;}
.sitelist h3,.sitelist p{padding:0; margin:0; text-align:left;}
.sitelist h3 a{color:#065C00; text-decoration:none;}
.sitelist p{height:30px; overflow:hidden; line-height:16px;}
.sitelist p a{color:#4f4f4f; text-decoration:none;}
.sitelist span{color:#BD2001;}
.sitelist .pad{padding-top:3px;}
.knowlist{height:22px;border-bottom:1px dotted #888;padding-top:2px;}
.date{color:#7A7D7F;font:11px arial; float:right;}
.knowcont a {color: #595959;text-decoration: none;}
.knowcont{padding-left:15px;background: url(../images/dot_01.gif) no-repeat 4px 7px;}
.select_t,.select_c{padding:0;margin:0;}
.select_c{text-indent:24px;height:110px; overflow:hidden;}
.make{padding-left:8px;}
.make span{width:40%;padding-left:15px; display:block; float:left;background: url(../images/dot_01.gif) no-repeat 4px 5px;}
.make span a{text-decoration:none;}
.range{clear:both;padding:6px 0 0 8px;}
#news_cont li.none{display:none;}
#news_cont div.block{display:block;}
.knowcont a:hover,.sitelist a:hover,.make span a:hover{color:#1464A5;text-decoration:underline;}
html .pagerror{width:505px; height:319px; background:url(/images/404.jpg) no-repeat; margin:120px auto 0; padding-left:215px; color:#333;}
html .pagerror p.tit{font:28px/50px "΢ÈíÑźÚ"; padding-top:20px;}
html .pagerror p.t2,html .pagerror h2.t2{font:18px/30px "΢ÈíÑźÚ";}