body { background:#fff; margin:0px; padding:0px; }
h1 { position:absolute; color:#eee; font-size:12px; font-weight:normal; font-family:Arial; }

a { color:#666; }
a:hover { color:#000; }

#capsule { position:absolute; width:100%; min-width:1000px; height:100%; min-height:750px; }
#main { width:1000px; height:100%; min-height:750px; position:absolute; left:50%; margin-left:-500px; }
#logo { position:absolute; left:38px; top:24px; }
#lang { position:absolute; right:5px; top:10px; font-family:Verdana; font-size:12px; color:#000; }
#lang a { color:#aaa; }
#lang a:hover { color:#666; }

#menu { position:absolute; left:55px; top:160px; }
#menu div.capsule { height:27px; }
#menu img {  opacity:0.5; filter:alpha(opacity=50); khtml-opacity:0.5; moz-opacity:0.5; font-size:0px; color:#fff;}
#menu img:hover { opacity:1; filter:alpha(opacity=100); khtml-opacity:1; moz-opacity:1;  }
#menu img.sub { margin-left:30px; }
#menu img.active { opacity:1; filter:alpha(opacity=100); khtml-opacity:1; moz-opacity:1;  }


#contacts { position:absolute; bottom:10px; left:25px; font-family:Verdana; color:#000; font-size:10px; z-index:2; }
#contacts i { color:#999; }
#contacts a { color:#000; text-decoration:none; font-family:Verdana; font-size:10px; }
#contacts a:hover { text-decoration:underline; }

#banners { position:absolute; bottom:10px; right:25px; z-index:2; }
#banners img.dekart { width:73px; height:28px; background-image:url(./pic/dekart.jpg); overflow:hidden; background-position:0px -28px; }
#banners img.dekart:hover { background-position:0px 0px; }
#banners img.netpeak { width:72px; height:13px; background-image:url(./pic/netpeak.jpg); overflow:hidden; background-position:0px -13px; margin-left:20px;}
#banners img.netpeak:hover { background-position:0px 0px; }

#copyright { position:absolute; bottom:5px; text-align:center; font-size:10px; font-family:Verdana; color:#999; width:100%; z-index:1; }

#content { position:absolute; left:250px; top:160px; width:600px; height:500px; font-family:Verdana; color:#888; font-size:16px; }

#content .works .row {}
#content .works .row div.work { width:180px; height:160px; font-family:Verdana; font-size:11px; color:#000; text-align:center; padding-bottom:10px; float:left; }
#content .works .row div.work span.desc{ color:#999; }

#content .works .row div.work img{ width:180px; height:120px; background-position:center center; }

#content .item{ font-family:Verdana; font-size:11px; color:#000; text-align:center; padding-bottom:10px; }
#content .item span.desc{ color:#999; }

/* #content .works .row div.work img{ width:180px; height:120px; background-color:#000; } */
.ruler { text-align:right;}
.ruler a { font-size:18px; font-family:Verdana; color:#999; }
.ruler a:hover { color:#000; }

#worksview { position:absolute; left:250px; top:0px; width:600px; height:100%; font-family:Verdana; color:#888; font-size:16px; overflow:hidden;}
#worksview .item_block { position:absolute; width:600px; height:500px; position:absolute; }
#worksview .item{ font-family:Verdana; font-size:11px; color:#000; text-align:center; padding-bottom:10px; }
#worksview .item span.desc{ color:#999; }



#preloader { position:absolute; top:50%; left:500px; font-size:14px; font-family:Verdana; color:#666; }