@import url(base.css);
@import url(content.css);

BODY {background: #2f2f2f url(../i/body-bg.gif) 62px 50px no-repeat; color: #000; text-align: center; }


#canvas {background: #fff; color: #000; margin: 0 auto; margin-top: 8px; position: relative; text-align: left; width: 900px; }


#top {background-image: url(../i/top-visual.jpg); background-position: right top; height: 100px; }


#logo,
#logo A,
#logo SPAN {color: #535353; display: block; overflow: hidden; width: 137px; height: 53px; }

#logo {font-size: 1.385em; margin: 0; position: absolute; left: 37px; top: 29px; text-transform: uppercase; }
#logo SMALL {display: block; text-transform: none; }

#logo A {position: relative; text-decoration: none; }
#logo A:hover {color: #000; }
#logo SPAN {background-image: url(../i/logo.png); margin-bottom: -53px; position: relative; z-index: 10; }


#slogan,
#slogan SPAN {width: 191px; height: 27px; }

#slogan {font-size: 12px; line-height: 1.1; margin: 0; overflow: hidden; position: absolute; left: 199px; top: 37px; }
#slogan SPAN {background-image: url(../i/slogan.png); display: block; margin-bottom: -27px; position: relative; z-index: 10; }




#mnu-box {border-bottom: 1px solid #afafaf; }
#mnu {background: #eaebed; display: table; font-size: .923em; font-weight: bold; position: relative; width: 100%; z-index: 10; }

#mnu,
#mnu A {color: #555; }

#mnu A {display: block; padding: .3em 20px .35em; text-decoration: none; }
#mnu A:hover {background: #dfd097; color: #111; }

#mnu LI,
#mnu TD {background: #d3d2d4 url(../i/mnu-item-bg-x-tiled.gif) repeat-x; border: 1px solid #afafaf; border-right-width: 2px; border-bottom: 2px solid #555; }

#mnu UL {display: table-row; list-style: none; }
#mnu LI {display: table-cell; }

#mnu LI.cur,
#mnu TD.cur {background-image: url(../i/mnu-item-cur-bg-x-tiled.gif); background-color: #fff; color: #000; }

#mnu LI.cur A,
#mnu TD.cur A {color: #000; }

#mnu LI DIV {position: relative; }

#mnu * UL {background: #cecece url(../i/sub-mnu-bg-left-tiled.png) right top repeat-y; border: 1px solid #afafaf; display: none; font-size: .917em; font-weight: normal; position: absolute; left: -1px; top: 1.95em; z-index: 10; width: 180px; }
#mnu * UL LI {background: none; border: none; display: block; }
#mnu * UL LI A {border-bottom: 1px solid #fff; }

#mnu DIV:hover UL,
#mnu DIV.hover UL {display: block; }




BODY.home #main {margin-left: 199px; }
BODY.home #main-a {border-left: 1px dotted #888; }
BODY.home #main-b {margin-left: -200px; position: relative; }

BODY.scrollable-content #content-a {min-height: 0; overflow: auto; height: 300px; position: relative; }


#content-b {padding: 1.5em 15px 2.5em 22px; }

BODY.home #content-box {float: right; margin-left: -200px; width: 100%; }
BODY.home #content {margin-left: 200px; }
BODY.home #content-b {background-image: url(/images/visual-home.jpg); background-position: right top; padding-right: 315px; }

#body-projects #content-b {padding-left: 315px; }
#body-projects #content-b .imgA {float: left; margin-left: -315px; position: relative; }
#body-projects #content-b .imgA IMG {border: none; }


#app {background: url(../i/app-bg-top-tiled.gif) repeat-x; float: left; font-size: .846em; min-height: 115px; width: 199px; }
#app-a {padding: 1.773em 15px 2.954em; }
#app H5 {font-size: 1em; text-transform: uppercase; }

	* HTML #app {height: 115px; }


#app-news H5 {display: none; }
#app-news DL DT {float: left; font-weight: bold; margin-right: .4em; }
#app-news DL DD {margin-bottom: 1em; }


#bot-mnu {font-size: .846em; }

#bot-mnu UL {list-style: none; }
#bot-mnu UL LI {float: left; overflow: hidden; text-align: center; width: 129px; }

#bot-mnu UL LI A,
#bot-mnu UL LI SPAN {display: block; overflow: hidden; height: 85px; }

#bot-mnu UL LI A {background: #424242; color: #fff; padding-top: 26px; }
#bot-mnu UL LI A:hover {background-color: #d0c072; background-position: 0 -26px; }
#bot-mnu UL LI SPAN {margin-bottom: -85px; position: relative; }
#bot-mnu UL LI SPAN SPAN {margin-bottom: 0; }

#bot-mnu UL LI.energy,
#bot-mnu UL LI.transport,
#bot-mnu UL LI.building {width: 128px; }

#bot-mnu UL LI.energy    SPAN {background-image: url(../i/bot-mnu-energy.jpg); }
#bot-mnu UL LI.transport SPAN {background-image: url(../i/bot-mnu-transport.jpg); }
#bot-mnu UL LI.building  SPAN {background-image: url(../i/bot-mnu-building.jpg); }
#bot-mnu UL LI.infra     SPAN {background-image: url(../i/bot-mnu-infra.jpg); }
#bot-mnu UL LI.telecom   SPAN {background-image: url(../i/bot-mnu-telecom.jpg); }
#bot-mnu UL LI.mining    SPAN {background-image: url(../i/bot-mnu-mining.jpg); }
#bot-mnu UL LI.industry  SPAN {background-image: url(../i/bot-mnu-industry.jpg); }

#bot-mnu UL LI.energy    A {background-image: url(../i/bot-mnu-energy.png); }
#bot-mnu UL LI.transport A {background-image: url(../i/bot-mnu-transport.png); }
#bot-mnu UL LI.building  A {background-image: url(../i/bot-mnu-building.png); }
#bot-mnu UL LI.infra     A {background-image: url(../i/bot-mnu-infra.png); }
#bot-mnu UL LI.telecom   A {background-image: url(../i/bot-mnu-telecom.png); }
#bot-mnu UL LI.mining    A {background-image: url(../i/bot-mnu-mining.png); }
#bot-mnu UL LI.industry  A {background-image: url(../i/bot-mnu-industry.png); }


#bot {background: #dfd097; font-size: .846em; padding: .3em 15px .35em; }

#bot,
#bot A {color: #333; }


#developer A SPAN {display: block; }