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

#canvas {min-width: 990px; }

/* # fonts */
#quickContacts H5 {font-size: 1.333em; margin: 0; margin-bottom: 0.5em; }
#quickContacts STRONG {font-size: 1.067em; }
#mnu {font-size: 1.077em; font-weight: bold; }
#bot {font-size: 0.85em; }

/* # layout */
#top {width: 100%; }
#topA {height: 275px; padding-top: 105px; position: relative; width: 100%; }
#topA/**/ {height: /**/170px; }

#logo {position: absolute; left: 26px; top: 16px; }

#logo,
#logo A {overflow: hidden; padding-top: 47px; width: 165px; height: 47px; }

#logo/**/,
#logo A/**/ {height: /**/0; }

#logo A {display: block; margin-top: -47px; position: relative; }

#quickContacts {float: right; padding-left: 30px; padding-top: 25px; padding-right: 10px; width: 280px; height: 140px; }
	* HTML #quickContacts {overflow: hidden; }
#quickContacts/**/ {width: /**/240px; }
#quickContacts P {margin: 0; }

#main {width: 100%; }

#mnuCol {float: left; padding-top: 25px; width: 210px; }
	* HTML #mnuCol {overflow: hidden; }
#mnuColA {padding-bottom: 190px; width: 100%; }

#mnu {padding: 1em 0; }
#mnu UL,
#mnu UL LI {margin: 0; padding: 0; }

#mnu UL {list-style: none; }
#mnu UL A {display: block; padding: 0.3em 14px; padding-right: 5px; }
	* HTML #mnu UL A {height: 1px; }
#mnu UL LI.cur A {color: #360; }
#mnu UL LI.cur UL A {color: #993; }
#mnu UL A:hover {border-left-color: #fff; }
#mnu UL UL {font-size: 0.85em; }
#mnu UL UL LI {background-image: url(../i/mnuBullSub.gif); background-position: 30px 0.65em; }
#mnu UL UL LI A {padding-left: 29px; }
#mnu UL UL UL {font-size: 100%; }

#contentNApp {margin-left: 210px; padding-bottom: 5px; }
	* HTML #contentNApp {height: 1px; margin-right: -3px; position: relative; left: -3px; }
#contentNAppA {min-height: 0; margin-bottom: 15px; overflow: hidden; width: 100%; }
#contentBox {background-image: url(../i/contentBgLTop.jpg); width: 100%; }
#html_home #contentBox {float: left; margin-right: -250px; }
#html_home #content {margin-right: 250px; }
#contentA {padding: 1em 30px; width: 100%; }
#contentA/**/ {width: /**/auto; }
	* HTML #contentA {height: 1px; }
	
#content {min-height: 215px; }
	* HTML #content {height: 215px; }

#app {float: right; width: 250px; }
	* HTML #app {overflow: hidden; }
#app .blk {padding-right: 10px; width: 100%; }
#app .blk/**/ {width: /**/auto; }
* HTML #app .blk {height: 1px; }
#appNews H5 {display: none; }
#appNews DL {margin: 0; }
#appNews DD {margin-bottom: 0.75em; }
#appNews P.more {margin: 0; padding: 0; }
	
#homePics {width: 100%; }
#homePicsA {padding-top: 40px; width: 100%; }

#homePics UL,
#homePics UL LI {margin: 0; padding: 0; }

#homePics UL {list-style: none; padding-left: 30px; }
#homePics UL LI {float: left; margin: 30px; margin-top: 0; margin-left: 0; padding: 15px; }
#homePics UL LI IMG {vertical-align: top; }

#serv {border-top: 5px solid #369; position: absolute; top: 0; right: 210px; width: 70px; }

#serv UL,
#serv UL LI {margin: 0; padding: 0; }

#serv UL {list-style: none; }
#serv UL LI {float: left; }
#serv UL LI A {display: block; overflow: hidden; padding-top: 23px; width: 100%; height: 23px; }
#serv UL LI A/**/ {height: /**/0; }
#serv UL LI.home {width: 22px; }
#serv UL LI.contacts {width: 27px; }
#serv UL LI.sitemap {width: 21px; }

#bot {min-height: 40px; padding-left: 240px; padding-top: 35px; position: relative; width: 100%; }
#bot/**/ {width: /**/auto; }
* HTML #bot {height: 75px; }
* HTML #bot/**/ {height: /**/40px; }

#copy,
#elcos {display: inline; margin: 0; }

#counters {position: absolute; left: 31px; top: 24px; }
#counters H5 {display: none; }

#counters UL,
#counters UL LI {margin: 0; padding: 0; }

#counters UL {list-style: none; }
#counters UL LI {float: left; margin-right: 5px; }
#counters UL LI SPAN {display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
#counters UL LI IMG {vertical-align: top; }

/* # colors */
BODY {background: #f1ebd2; color: #333; }

#canvas {background: url(../i/topBgXTiled.gif) repeat-x; }

#top {background-image: url(../i/visual.jpg); background-position: 60px 18px; }
#topA {background-image: url(../i/visualSpec.gif); background-position: 247px 105px; }

#logo,
#logo A {background-image: url(../i/logo.gif); }

#main {background: url(../i/mainBgBotTiled.gif) -9px 100% repeat-x; }

#mnuCol {background-image: url(../i/mnuColBgTop.jpg); }
#mnuColA {background-image: url(../i/mnuColBgBot.jpg); background-position: left bottom; }

#mnu {background: #fff; }

#mnu UL A {border-left: 15px solid #fc6; }

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

#homePics {background: url(../i/homePicsBgTopTiled.gif) repeat-x; }
#homePicsA {background-image: url(../i/homePicsBgRTopPatch.gif); background-position: right top; }

#quickContacts {background-image: url(../i/quickContactsBg.jpg); }
#quickContacts STRONG {color: #360; }
#quickContacts A {color: #369; }
#bot {background: #62931f; }

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

#visualMnu {position: absolute; left: 194px; top: -1px; }

#app,
#app A {color: #663; }

#appNews DT,
#appNews DT A {color: #360; }

#appNews DT A {text-decoration: none; }
#appNews DT A:hover {color: #000; text-decoration: underline; }

#homePics UL LI {background-image: url(../i/homePicFrame.gif); }

#serv UL LI.home {background-image: url(../i/serv_home.gif); }
#serv UL LI.contacts {background-image: url(../i/serv_contacts.gif); }
#serv UL LI.sitemap {background-image: url(../i/serv_sitemap.gif); }

UL.products,
UL.products LI {margin: 0; padding: 0; width: 100%; }

UL.products {list-style: none; }
UL.products LI {margin-bottom: 8px; overflow: hidden; width: 100%; }
UL.products LI .txt {float: right; margin-left: -100px; width: 100%; }
UL.products LI .txt DIV {margin-left: 100px; min-height: 0; }
* HTML UL.products LI .txt DIV {height: 1px; }
UL.products LI .txt H2 {font-size: 1.167em; margin: 0; }
UL.products LI .txt H2 A {color: #360; }
UL.products LI .pic {float: left; width: 100px; }
UL.products LI .pic IMG {border: 1px solid #768338; vertical-align: top; }