html, body { height: 100%; }
body, input, textarea { font-family: "Trebuchet MS",arial,sans-serif; line-height: 1.5em; }
body { font-size: 0.8em; }
#layout { position: absolute; top: 0px; width: 100%; min-width: 950px; }
* html #layout{ height: 100%; width: expression((documentElement.clientWidth||document.html.clientWidth)<950?'950px':'auto'); }
#index #layout { overflow: hidden; height: 1100px; background: black url('/img/layout_bg.jpg') repeat-x left top;  }
#layout { background: #13162b url('/img/layout_inner_bg.jpg') repeat-x left top; min-height: 100%; }


#background { z-index: 0; position: absolute; width: 100%; height: 588px; background: transparent url('/img/background_sunset.jpg') no-repeat 50% 0px; }
#background #tower_glow { display: none; z-index: 1; position: absolute; left: 484px; top: 16px; width: 217px; height: 585px; background: transparent url('/img/background_tower_glow.jpg') no-repeat 0px 0px; }
#background #moon { z-index: 1; position: absolute; left: 74%; top: 0px; width: 78px; height: 80px; background: transparent url('/img/background_moon.png') no-repeat 0px 0px; }
* html #background #moon { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/background_moon.png',sizingMethod='crop'); }

#index .plane { position: absolute; left: 0px; top: 0px; width: 100%; display: none; }
#index .plane div { position: absolute; background-position: 0px 0px; background-repeat: no-repeat; }

#index .png div { width: 100%; height: 100%; }
* html #index .png { background: none; }

#plane9 .buildings { z-index: 5; left: 50%; top: 16px; }
#plane9 .buildings .png { left: -70px; width: 243px; height: 572px; background-image: url('/img/plane9_tower.png'); }
* html #plane9 .buildings .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane9_tower.png',sizingMethod='crop'); }
#plane9 .buildings .png div { background-image: url('/img/plane9_tower.gif.png'); }
* html #plane9 .buildings .png div { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane9_tower.gif.png',sizingMethod='crop'); }
#plane9 .buildings .png div#tower_glow { z-index: 6; background: none; }
#plane9 .buildings .png div#tower_glow.hover { background: transparent url('/img/plane9_tower_glow.png') no-repeat 0px 0px; }
* html #plane9 .buildings .png div#tower_glow.hover { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane9_tower_glow.png',sizingMethod='crop'); }

#plane8 .buildings { z-index: 10; left: 29.5%; top: 556px; }
#plane8 .buildings .png { left: 328px; width: 178px; height: 36px; background-image: url('/img/plane8_buildings.png'); }
* html #plane8 .buildings .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane8_buildings.png',sizingMethod='crop'); }

#plane7 .buildings { z-index: 20; left: 28%; top: 547px; }
#plane7 .buildings .png { left: 318px; width: 95px; height: 48px; background-image: url('/img/plane7_buildings.png'); }
* html #plane7 .buildings .png {  background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane7_buildings.png',sizingMethod='crop'); }

#plane6 .buildings { z-index: 30; left: 26.2%; top: 483px; }
#plane6 .buildings .png { left: 291px; width: 116px; height: 119px; background-image: url('/img/plane6_buildings.png'); }
* html #plane6 .buildings .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane8_buildings.png',sizingMethod='crop');  }

#plane5 .buildings { z-index: 40; left: 24.5%; top: 424px; }
#plane5 .buildings .png { left: 239px; width: 195px; height: 225px; background-image: url('/img/plane5_buildings.png'); }
* html #plane5 .buildings .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane5_buildings.png',sizingMethod='crop'); }

#plane4 .buildings { z-index: 50; left: 23%; top: 471px; }
#plane4 .buildings .png { left: 153px; width: 278px; height: 171px; background-image: url('/img/plane4_buildings.png'); }
* html #plane4 .buildings .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane4_buildings.png',sizingMethod='crop'); }

#plane3 { display: block; }
#plane3 .road { z-index: 0; left: 26%; top: 589px; width: 22%; height: 44px; }
#plane3 .road .bg { left: 330px; width: 100%; height: 100%; background-image: url('/img/plane3_road.jpg'); background-repeat: repeat-x; }
#plane3 .road .bg .l { left: 0px; width: 309px; height: 44px; background-image: url('/img/plane3_road_l.png'); }
* html #plane3 .road .bg .l { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_road_l.png',sizingMethod='crop');  }
#plane3 .road .bg .r { right: -90px; width: 262px; height: 44px; background-image: url('/img/plane3_road_r.png'); }
* html #plane3 .road .bg .r { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_road_r.png',sizingMethod='crop'); }

#plane3 #building1 { z-index: 64; left: 49%; top: 443px; }
#plane3 #building1 .png { left: 170px; width: 378px; height: 182px; background-image: url('/img/plane3_building1.png'); }
* html #plane3 #building1 .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_building1.png',sizingMethod='crop'); }
#plane3 #building1 .png div { background-image: url('/img/plane3_building1.gif'); }

#plane3 #building2 { z-index: 62; left: 21%; top: 290px; }
#plane3 #building2 .png { left: -230px; width: 632px; height: 340px; background-image: url('/img/plane3_building2.png'); }
* html #plane3 #building2 .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_building2.png',sizingMethod='crop'); }
#plane3 #building2 .png div { background-image: url('/img/plane3_building2.gif'); }
#plane3 #building2 .png div#building2_glow { left: 288px; top: -10px; z-index: 62; background-image: none; }
#plane3 #building2 .png div#building2_glow.hover { background-image: url('/img/plane3_building2_glow.png'); }
* html #plane3 #building2 .png div#building2_glow.hover { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_building2_glow.png',sizingMethod='crop'); }
#plane3 #building2 #building2_flash { position: absolute; top: 6px; left: 74px; }


#plane3 #building3 { z-index: 60; left: 73%; top: 299px; }
#plane3 #building3 .png { left: 50px; width: 481px; height: 323px; background-image: url('/img/plane3_building3.png'); }
* html #plane3 #building3 .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_building3.png',sizingMethod='crop'); }
#plane3 #building3 .png div { background-image: url('/img/plane3_building3.gif'); }

#plane3 #busstop { z-index: 65; left: 50%; top: 560px; }
#plane3 #busstop .png { left: 265px; width: 133px; height: 79px; background-image: url('/img/plane3_busstop.png'); }
* html #plane3 #busstop .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_busstop.png',sizingMethod='crop'); }
#plane3 #busstop .png div { background-image: url('/img/plane3_busstop.gif'); }
#plane3 #busstop .png div#busstop_glow { z-index: 66; background: none; }
#plane3 #busstop .png div#busstop_glow.hover { background: transparent url('/img/plane3_busstop_glow.png') no-repeat 0px 0px; }
* html #plane3 #busstop .png div#busstop_glow.hover { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_busstop_glow.png',sizingMethod='crop'); }
#plane3 #busstop #busstop_flash { position: absolute; width: 97px; height: 24px; left: 284px; top: 32px; background: transparent url('/fla/busstop.gif') no-repeat 0px 0px; }

#plane3 .streetlamp { top: 468px; z-index: 65; background: transparent url('/img/plane3_streetlamp.png') no-repeat 0px 0px; width: 124px; height: 164px;  }
* html #plane3 .streetlamp { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane3_streetlamp.png',sizingMethod='crop'); }
#plane3 #lamp1 { left: 5%; }
#plane3 #lamp2 { left: 17%; }
#plane3 #lamp3 { left: 30%; }
#plane3 #lamp4 { left: 58%; }
#plane3 #lamp5 { left: 74%; }
#plane3 #lamp6 { left: 91%; }

#plane2 #roadmarking { z-index: 70; left: 46%; top: 634px;}
#plane2 #roadmarking .png { left: -1400px; width: 2977px; height: 62px; background-image: url('/img/plane2_roadmarking.png'); }
* html #plane2 #roadmarking .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane2_roadmarking.png',sizingMethod='crop'); }

#plane2 { display: block; }
#plane2 #gazelle { z-index: 75; left: 30%; top: 580px; }
#plane2 #gazelle .png { left: 0px; width: 292px; height: 112px; background-image: url('/img/plane2_gazelle.png'); }
* html #plane2 #gazelle .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane2_gazelle.png',sizingMethod='crop'); }
#plane2 #gazelle .png div { background-image: url('/img/plane2_gazelle.gif'); }
#plane2 #gazelle .png div.wheel { display: none; top: 91px; width: 11px; height: 11px; background-image: url('/img/plane2_gazelle_wheel.gif'); }
#plane2 #gazelle.moving .png div.wheel { display: block; }
#plane2 #gazelle .png div.wheel.l { left: 73px; }
#plane2 #gazelle .png div.wheel.r { left: 247px; }
#plane2 #gazelle .png div.light { left: 278px; top: 65px; width: 341px; height: 55px; background-image: url('/img/plane2_gazelle_light.png'); }
* html #plane2 #gazelle .png div.light { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane2_gazelle_light.png',sizingMethod='crop'); }
#plane2 #gazelle .png div#gazelle_glow { z-index: 76; top: -13px; left: -8px; height: 136px; width: 304px;  background: none; }
#plane2 #gazelle .png div#gazelle_glow.hover { background: transparent url('/img/plane2_gazelle_glow.png') no-repeat 0px 0px; }
* html #plane2 #gazelle .png div#gazelle_glow.hover { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane2_gazelle_glow.png',sizingMethod='crop'); }
#plane2 #gazelle #gazelle_flash { position: absolute; width: 34px; height: 15px; left: 162px; top: 18px; background: transparent url('/fla/gazelle.gif') no-repeat 0px 0px; }


#plane1 { display: block; }
#plane1 .sidewalk { z-index: 75; left: 112px; top: 697px; width: 671px; height: 189px; background-image: url('/img/plane1_sidewalk.jpg'); }
#plane1 .sidewalk div { left: 650px; top: 0px; width: 1000px; height: 189px; background-image: url('/img/plane1_sidewalk_bg.jpg'); }

#plane1 .road { z-index: 75; left: 22%; top: 699px; width: 30%; height: 156px; }
#plane1 .road .bg { left: 0px; top: 0px; width: 100%; height: 100%; background-image: url('/img/plane1_road.jpg'); background-repeat: repeat-x; }
#plane1 .road .bg .l { left: 0px; width: 147px; height: 156px; background-image: url('/img/plane1_road_l.png'); }
* html #plane1 .road .bg .l { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_road_l.png',sizingMethod='crop'); }
#plane1 .road .bg .r { right: 0px; width: 53px; height: 156px; background-image: url('/img/plane1_road_r.png'); }
* html #plane1 .road .bg .r { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_road_r.png',sizingMethod='crop'); }


#plane1 #shop { z-index: 80; left: 10%; top: 28px; }
#plane1 #shop .png { left: -434px; width: 682px; height: 954px; background-image: url('/img/plane1_shop.png'); }
#plane1 #shop .png div.top { height: 412px; top: 2px; background-image: url('/img/plane1_shop_top.png'); }
#plane1 #shop .png div.center { top: 414px; //left: -232px; height: 189px; width: 682px; background-image: url('/img/plane1_shop_center.png'); }
#plane1 #shop .png div.bottom { top: 603px; height: 290px; background-image: url('/img/plane1_shop_bottom.png'); }
#plane1 #shop .png div#shop_glow { z-index: 81; left: 391px; top: 382px; background-image: none; }
#plane1 #shop .png div#shop_glow.hover { background-image: url('/img/plane1_shop_glow.png'); }
* html #plane1 #shop .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_shop.png',sizingMethod='crop'); }
* html #plane1 #shop .png div.top { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_shop_top.png',sizingMethod='crop'); }
* html #plane1 #shop .png div.center { left: -123px; background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_shop_center.png',sizingMethod='crop'); }
* html #plane1 #shop .png div.bottom { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_shop_bottom.png',sizingMethod='crop'); }
* html #plane1 #shop .png div#shop_glow.hover { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_shop_glow.png',sizingMethod='crop'); }
#plane1 #shop #shop_flash { position: absolute; left: -22px; top: 402px; }

#plane1 #stand { z-index: 80; left: 60%; top: 460px; }
#plane1 #stand .png { left: 30px; width: 677px; height: 348px; background-image: url('/img/plane1_stand.png'); }
#plane1 #stand .png div { background-image: url('/img/plane1_stand.gif.png'); }
#plane1 #stand .png div#stand_glow { z-index: 81; left: 255px; top: -13px; background-image: none; }
#plane1 #stand .png div#stand_glow.hover { background-image: url('/img/plane1_stand_glow.png'); }
* html #plane1 #stand .png { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_stand.png',sizingMethod='crop'); }
* html #plane1 #stand .png div { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_stand.gif.png',sizingMethod='crop'); }
* html #plane1 #stand .png div#stand_glow.hover { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plane1_stand_glow.png',sizingMethod='crop'); }
#plane1 #stand #stand_flash { position: absolute; top: 18px; left: 305px; }


#plane0 { z-index: 1000; }
.handler { z-index: 2000; position: absolute; cursor: pointer; display: none; }
.handler a { display: block; width: 100%; height: 100%; }
#tower_glow_handler { left: 484px; top: 16px; width: 217px; height: 585px; }
#busstop_glow_handler { left: 57%; top: 573px; width: 133px; height: 79px; }
#building2_glow_handler { left: 10%; top: 290px; width: 284px; height: 79px; }
#gazelle_glow_handler { left: 57%; top: 573px; width: 304px; height: 136px; }
#stand_glow_handler { left: 84%; top: 460px; width: 165px; height: 343px; }
#shop_glow_handler { left: 10%; top: 400px; width: 203px; height: 132px; }

.balloon { position: absolute; z-index: 9998; display: none; background: white; width: 26em; height: 16em; top: 150px; left: 30%; }
.balloon .inner { width: 100%; position: relative; height: 259px; color: black; overflow: auto;  }
.balloon .close { position: absolute; cursor: pointer; right: 0px; top: 0px; width: 16px; height: 16px; overflow: hidden; }
.balloon .close .icons { left: 0px; top: -48px; }
.balloon .close.hover .icons {  }
.balloon h1 { margin: 0 0 0.2em; line-height: 0.9em; font-size: 2.3em; }
.balloon h1 a { text-decoration: none; color: #feb500; }
.corners { position: absolute; height: 64px; width: 254px;  background: transparent url("/img/corners.png") no-repeat;}
* html .corners { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/corners.png',sizingMethod='crop'); }

.corner_tl,
.corner_tr,
.corner_bl,
.corner_br { position: absolute; overflow: hidden; width: 32px; height: 32px;}
/*
.corner_tl { left: 0px; top: 0px;}
.corner_tr { right: 0px; top: 0px;}
.corner_bl { left: 0px; bottom: 0px; //bottom: -1px; }
.corner_br { right: 0px; bottom: 0px; //bottom: -1px; }
*/
.corner_tl { left: -32px; top: -32px;}
.corner_tr { right: -32px; top: -32px;}
.corner_bl { left: -32px; bottom: -32px; }
.corner_br { right: -32px; bottom: -32px; }
.corner { position: absolute; overflow: hidden; display: none; }
.corner.top { width: 62px; height: 31px; top:-42px; } /* 31 62 */
.corner.right { width: 31px; height: 62px; right:-42px; }
.corner.bottom { width: 62px; height: 31px; bottom:-42px; }
.corner.left { width: 31px; height: 62px; left:-42px; }

.corner_tl .corners { top: 0px; left: 0px;}
.corner_tr .corners { top: 0px; left: -32px;}
.corner_bl .corners { top: -32px; left: 0px;}
.corner_br .corners { top: -32px; left: -32px;}
.corner .corners { top: 0px; }
.corner.top .corners { left: -62px; }
.corner.right .corners { left: -126px; }
.corner.bottom .corners { left: -156px; }
.corner.left .corners { left: -223px; }

.side_t, .side_r, .side_b, .side_l { position: absolute; background-position: left top; }
.side_t, .side_b { width: 100%; height: 32px; left: 0; background-repeat: repeat-x; }
.side_l, .side_r { width: 32px; height: 100%; top: 0; background-repeat: repeat-y; }
* html .side_l, * html .side_r { height: expression(parentNode.clientHeight+'px'); }
.side_t { top: -32px; background-image: url('/img/side_t.png'); }
* html .side_t { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/side_t.png',sizingMethod='scale'); }
.side_r { right: -32px; background-image: url('/img/side_r.png'); }
* html .side_r { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/side_r.png',sizingMethod='scale'); }
.side_b { bottom: -32px; background-image: url('/img/side_b.png'); }
* html .side_b { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/side_b.png',sizingMethod='scale'); }
.side_l { left: -32px; background-image: url('/img/side_l.png'); }
* html .side_l { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/side_l.png',sizingMethod='scale'); }

#balloons { position: absolute; left: 0px; top: 0px; width: 100%; }
#photodiode_balloon { left: 14%; top: 70px; height: 13em; }
#photodiode_balloon .corner.top { display: block; left: 50%; }
#interactive_balloon { top: 140px; left: 25%; height: 18em; }
#interactive_balloon .corner.left { display: block; top: 15px; }
#videowall_balloon { top: 70px; left: 43%; height: 19em; }
#monitor_balloon { left: 40%; height: 17em; }
#videowall_balloon .corner.top { display: block; left: 50%; }
#poster_balloon { left: 45%; top: 167px; height: 18em; }
#poster_balloon .inner { height: 15em; }
#poster_balloon .corner.right { display: block; top: 6em; }
#lightbox_balloon { top: 122px; left: 26%; height: 19em; height: 14em; }
#lightbox_balloon .inner { height: 11em; }
#lightbox_balloon .corner.right { display: block; top: 10em; }


a:link { color: #0481d2; }
a:active { color: #2dc5eb; }
a:visited { color:  #3dd2ff; }


p { position: relative; }
h1 { color: #feb500; font-size: 2.6em; margin-bottom: 0.7em; line-height: 1.1em; font-weight: normal; }
h2 { color: #feb500; font-size: 2em; margin-bottom: 0.7em; margin-top: 1.5em; line-height: 1.1em; font-weight: normal;}
h3 { color: #0070b9; font-size: 1.6em; font-weight: normal; margin-bottom: 0.3em; }
h5 { color: #99a7b1; font-size: 1em; font-weight: normal; font-style: italic; margin: 0em; }
p.i { color: #99a7b1; font-size: 1.2em; font-style: italic; }
span.mdash { position: absolute; left: -1.5em; }
ul.mdash { padding-left: 0px; }
ul.mdash li { position: relative; list-style-type: none; margin-left: 1.5em; }
.small { font-size: 0.8em; line-height: 1.3em; }
a.mailto { position: relative; }
a.mailto div.mail { position: absolute; width: 16px; height: 16px; left: -20px; top: 2px; overflow: hidden; font-size: 0px; }
a.mailto div.mail .icons {  }

.cont {position: relative; margin-left: 32px;}
.pic_in_text { position: absolute; width: 32px; height: 32px; top: -7px; left: -36px; background: transparent url('/img/icon_pps.png') no-repeat left top;}

.icons { position: absolute; width: 64px; height: 64px; background: transparent url('/img/icons.png') no-repeat left top; }
* html .icons {  background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/icons.png',sizingMethod='crop'); }

#header { position: absolute; width: 100%; height: 0px; left: 0px; top: 0px; color: white; z-index: 1999; }
#header a { color: white; }
#header #logo { position: absolute; z-index: 500; left: 7%; top: 50px; width: 88px; height: 87px; background: transparent url('/img/company_logo.png') no-repeat left top; }
* html #header #logo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/company_logo.png',sizingMethod='crop'); }
#header #logo a { display: block; width: 88px; height: 87px; }
#header #icons { position: absolute; z-index: 500; left: 2%; top: 50px; }
#header #icons li { margin: 0px 0px 19px; line-height: 0px; width: 16px; height: 16px; overflow: hidden; font-size: 0px; position: relative;}
#header #icons li .icons { left: -16px; }
#header #icons li a .icons { left: 0px; }
.hover .icons { left: -32px!important; }
.home .icons { top: 0px }
.mail .icons { top: -16px }
.sitemap .icons { top: -32px }

#header #crumps { top: 10px; left: 2%; position: absolute; }
* html #header #crumps { width: 97%; }
#header #crumps li.separator span { display: block; position: relative; top: 3px; font-size: 0px; width: 16px; height: 16px; overflow: hidden; }
#header #crumps li.separator span .icons { left: -48px; top: 0px; }

#header #menu { margin: 85px 2% 0px 25%; font-size: 1.5em; }
#header #menu ul { padding-left: 1.3em; width: auto; position: relative; }
#header #menu li { position: relative; width: 19.9%; height: 1px; margin: 0px; color: black; }

#header #menu li div { display: none; width: 1px; height: 1px; margin: 0px auto; position: relative; }
#header #menu li div div { position: absolute; width: 226px; height: 145px; left: -113px; top: -32px; background: transparent url('/img/main_menu_highlight.png') no-repeat left top; }
* html #header #menu li div div { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_menu_highlight.png',sizingMethod='crop'); }
#header #menu li span { position: absolute; display: block; text-align: center; height: 1em; width: 100%; z-index: 9999;}
#header #menu li span b { font-weight: normal; }
#header #menu li.selected div { display: block; }
#header #menu li.selected a { color: black; }

#body { margin: 200px 2% 200px; color: white; }
#body .row {  }
* html #body .columns { position: relative }
#body .left { width: 25%; }
#body .right { width: 75%; }
#body .left .inner { margin: 2em 1em 0px 10%; }
#body .right .inner { margin: 0px 30% 0px 1em; }
#body .side_menu { margin-bottom: 2em; }
#body .side_menu li { position: relative; margin: 1em 0px; color: black; }
#body .side_menu li div { display: none; position: absolute; left: -25px; top: -15px; width: 282px; height: 48px; background: transparent url('/img/side_menu_highlight.png') no-repeat left top; }
* html #body .side_menu li div { background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/side_menu_highlight.png',sizingMethod='crop'); }
#body .side_menu li span { position: relative;  }
#body .side_menu li b { font-weight: normal; }
#body .side_menu li.selected div { display: block; }
#body .side_menu li.selected a { color: white; }
#body .side_menu ul.navigation li { padding-left: 1em; margin: 0.7em 0; }
#body .side_menu ul.navigation li a { color: #0481d2; }
#body .side_menu ul.navigation li div { display: none; }
#body .side_menu ul.navigation li.selected div { display: block; }

#body #projects .side_menu { font-size: 1.6em; }
#body #projects .side_menu ul.navigation { font-size: 0.6em; }

.banner.russel { width: 185px; right: 2%; margin-top: -146px; font-size: 0.8em; position: absolute; overflow: hidden; }
.banner.russel .img { width: 185px; height: 214px; background: transparent url('/img/about_banner.png') no-repeat left top; }
* html .banner.russel .img { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/about_banner.png',sizingMethod='crop'); }
.banner.russel p { color: #99a7b1; position: relative; }
.banner.russel .author { color: #465b6a; float: right; position: relative; }

span.mdash { color: #378ec6; }

#people { height: 315px; position: relative; overflow: hidden; }
#people .block { height: 200px; width: 150px; position: absolute; }
#people .block .img { height: 114px; width: 117px; margin: 0px auto; }
#people .block .text { color: #99a7b1; margin-bottom: 0.3em; margin-left: 32px; }


#technology #body { padding-bottom: 715px; }
#technology #illustration { position: absolute; overflow: hidden; left: 0px; bottom: 200px; width: 100%; height: 777px; }
#technology #illustration .pivot { position: absolute; left: 6%; }
#technology #illustration .pivot .png { position: absolute; left: -539px; top: 15px; width: 2000px; height: 761px; background: transparent url('/img/technology_illustration.gif') no-repeat left top; }
#technology #illustration hr { z-index: 10; position: absolute; left: 0px; bottom: 0px; margin: 0px; width: 100%; height: 1px; border: none; border-bottom: #3a4257 1px solid; }
#technology #body .inner { position: relative; }
#technology #body .banner { position: relative; left: 10%; }
#technology #body .banner .text { left: 15px; }
#technology #body .banner .img { position: absolute; top: 42px; width: 138px; height: 134px; background: transparent url('/img/technology_banner.png') no-repeat left top; }
* html #technology #body .banner .img { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/technology_banner.png',sizingMethod='crop'); }

#technology .wire { position: absolute; top: 185px; left: 64px; border-left: #46596c 2px solid; width: 1px; height: 200px; }
#technology .wire div { position: absolute; border: #46596c 2px solid; line-height: 0px; width: 2px; height: 4px; left: -4px; }
#technology .wire .top { top: -8px; }
#technology .wire .bottom { bottom: -8px; }

.sign { position: absolute; white-space: nowrap; font-family: arial; color: #6d86a9; }
#sign_srv { left: 544px; top: -15px }
#sign_srv_gprs_pl { left: 663px; top: 214px }
#sign_srv_wire_pl { left: 891px; top: 91px }
#sign_pl1 { left: 871px; top: 214px }
#sign_pl2 { left: 1100px; top: 214px }
#sign_pl_wire_outdoor { left: 705px; top: 406px }
#sign_pl_gprs_tr { left: 956px; top: 406px }
#sign_pl_wire_indoor { left: 1160px; top: 406px }

ul.ol li { margin-bottom: 2em; position: relative; }
ul.ol li span { position: absolute; left: -1.4em; top: 0px; font-size: 1.6em;  }  /*line-height: 1.7em;*/
.sign a { color: #6d86a9;}
.flash_container { height: 500px; position: relative; right: -23%; overflow: hidden; width: 79%; //width: 78%; margin-top: 20px; }
#sign_poster { position: absolute; left: 35px;}
#poster { position: absolute; left: 0px; top: 20px; }
#sign_monitor { position: absolute; left: 270px; }
#monitor { position: absolute; left: 250px;  top: 20px;}
#sign_lightbox { position: absolute; left: 630px;}
.lightbox { position: absolute; left: 610px; width: 226px; height: 356px; background: transparent url('/img/lightbox2.jpg') no-repeat top left; margin-right: 0px;  top: 20px;}


#sitemap #body ul.navigation { font-size: 1.6em; line-height: 1.3em; }
#sitemap #body ul.navigation li { margin-bottom: 0.7em; }
#sitemap #body ul.navigation li ul.navigation { font-size: 0.8em; line-height: 1.3em; }

.howtofind { height: 700px; }
.howtofind .png { position: absolute; left: 26%; width: 74%; height: 700px; background: transparent url(/img/map.png) no-repeat left top; }
* html .howtofind .png { left: 25%; width: 150%; }
.howtofind .png .inner { margin-left: 1em; }
.howtofind .png .inner h3 { margin-top: 0em; }
.howtofind .png .by_feet { position: absolute; left: -30%; width: 28%; }

input.text { width: 100%; }
textarea { width: 100%; height: 15em; }
.form_block { margin-bottom: 2em; position: relative; }
.form_block label { position: absolute; width: 10em; left: -11em; }
.intext_pic { float: left; clear: none;}
#footer { position: absolute; width: 100%; left: 0px; }
#footer .copy { position: absolute; left: 0px; }
/*
#index #footer { height: 200px;  }
*/
#footer { bottom: 0px; height: 100px; }


.feedback { position: absolute; left: 40%; top: 2px;}
.feedback span, .feedback a { color: #ffffff; clear: both; float: left;}
.feedback .phone_number { font-size: 1.6em;}
.feedback .code { color: #5e5e5e; }
.feedback a { text-decoration: underline;}

.copy_block { position: absolute; width: 16%; }
.copy_block, .copy_block a { color: #6c6c6c; }
.copy_block .logo { position: absolute; height: 40px; font-size: 0px; }
.copy_block .copy { font-size: 1em; color: #8e8e8e; font-family: Arial,sans-serif; line-height: 1.3em; }
.company { left: 20%; }
.podhod { left: 78%; }

.company .logo { width: 65px; height: 64px; left: -90px; top: -5px; background: transparent url('/img/company_copy.png') no-repeat left top; }
* html .company .logo { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/company_copy.png',sizingMethod='crop'); }
.podhod .logo { left: -145px; width: 121px; height: 84px; overflow: hidden; position: absolute; top: -8px;}
.podhod .logo .png { position: absolute; left: 0px; width: 242px; height: 84px; background: transparent url('/img/podhod_copy.png') no-repeat left top; z-index: 1;}
.podhod .logo.hover .png { left: -121px; }
* html .podhod .logo .png { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/podhod_copy.png',sizingMethod='crop'); }
.podhod .logo a { position: absolute; display: block; width: 78px; height: 29px; left: 23px; top: 8px; z-index: 2;}
.copy_block .pad { margin-top: 0.2em; }

#debug { display: none; position: absolute; left: 10px; top: 10px; width: 200px; height: 50px; background: white; opacity: 0.5; z-index: 9999; }