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

BODY {background: #000 url(../i/body-bg-top-tiled.png) repeat-x; color: #fff; padding-bottom: 20px; }

#all {min-width: 990px; }

#canvas {background: #bebebe url(../i/canvas-bg-top-tiled.png) repeat-x; color: #000; margin-left: 27px; padding-top: 20px; position: relative; }

	#canvas {min-height: 0; }
	* HTML #canvas {height: 1px; }


#top {background-image: url(../i/top-bg-left.png); height: 244px; }

	#top {width: 100%; }


#logo {font-size: 1.25em; font-weight: bold; margin: 0; position: absolute; left: 22px; top: 40px; z-index: 100; }

#logo,
#logo SPAN,
#logo A {display: block; overflow: hidden; width: 463px; height: 69px; }

#logo SPAN {background-image: url(../i/logo.png); display: block; margin-bottom: -69px; }

	#logo SPAN {position: relative; }
	
#quick-contacts {margin: 0; }


#search {font-size: .846em; line-height: 44px; position: absolute; left: -3px; top: 117px; height: 44px; overflow: hidden; width: 500px; }

#search FORM {background: url(../i/search-bg-x-tiled.png) repeat-x; float: left; line-height: 44px; height: 44px; }

#search DL {background-image: url(../i/search-bg-left.png); float: left; height: 44px; padding-left: 27px; }

#search DL DT,
#search DL DD,
#search DIV {float: left; }

#search DL DT {font-weight: bold; margin-right: 25px; width: 70px; }
#search DL DD INPUT {width: 150px; }
#search .submit {margin: 0; padding: 0; padding-left: 25px; width: 60px; }
#search .submit INPUT {vertical-align: top; width: 60px; height: 44px; }

	* HTML #search DL DD {padding-top: 10px; }


#main {background: url(../i/main-bg-left-tiled.gif) repeat-y; border-bottom: 9px solid #5c5d5b; }
#main-a {background-image: url(../i/main-bg-left-top.png); }
#main-b {background-image: url(../i/main-bg-left-bot.gif); background-position: left bottom; margin-bottom: -9px; padding-bottom: 9px; }
#main-c {background-image: url(../i/visual-bot.jpg); background-position: right top; min-height: 550px; }

	#main-a {width: 100%; }
	#main-b {position: relative; width: 100%; }
	* HTML #main-c {height: 400px; }

#content-n-app-box {float: right; margin-left: -240px; width: 100%; }
#content-n-app {margin-left: 260px; }

	#content-n-app {min-height: 0; }
	* HTML #content-n-app {height: 1px; }


#content-box {float: left; margin-right: -190px; width: 100%; }
BODY.no-app #content-box {float: none; margin-right: 0; }
#content {margin-right: 210px; }
BODY.no-app #content {margin-right: 190px; }
#content-b {padding: 0 20px 3em; }
#content-area {background: #f1f1f1 url(../i/content-area-bg-top-tiled.png) repeat-x; border-left: 1px solid #ebebeb; border-right: 1px solid #bbb; border-bottom: 1px solid #f1f1f1; padding: 0 23px; min-height: 195px; }
#content-bot {background-image: url(../i/content-area-bg-left-bot.gif); margin-top: -1px; }
#content-bot DIV {background-image: url(../i/content-area-bg-right-bot.gif); background-position: right bottom; padding: 0 10px; height: 22px; }
#content-bot DIV DIV {background: url(../i/content-area-bg-bot-tiled.gif) repeat-x; }

	* HTML #content-area {width: 100%; height: 195px; }
	* HTML #content-area/**/ {width: /**/auto; }
	#content-bot {min-height: 0; position: relative; }
	* HTML #content-bot {height: 1px; }

	#content {min-height: 0; }
	* HTML #content {height: 1px; }
	#content-a {min-height: 0; }
	* HTML #content-a {overflow: hidden; width: 100%; }
	#content-b {min-height: 0; }
	* HTML #content-b {height: 1px; width: 100%; }
	* HTML #content-b/**/ {width: /**/auto; }

.app {padding-bottom: 3em; }
.app .blk {font-size: .846em; margin-bottom: 2em; }
.app .blk H5 {font-size: 1em; }
	* HTML .app {overflow: hidden; }


#mnu-col {float: left; padding-top: 24px; width: 240px; }
#mnu-col H5 {display: none; }


#mnu-col UL.news {list-style: none; }
#mnu-col UL.news LI {margin-bottom: 1em; overflow: hidden; width: 100%; }
#mnu-col UL.news LI DIV {background-image: url(../i/mnu-col-news-img-bg.png); float: left; margin-right: 7px; overflow: hidden; width: 80px; height: 80px; }
#mnu-col UL.news LI DIV A {background: none; display: block; padding: 5px 0 0 5px; overflow: visible; width: 75px; height: 75px; }
#mnu-col UL.news LI SMALL {color: #69c; font-size: .917em; }

	* HTML #mnu-col UL.news LI DIV A {width: 80px; height: 80px; }
	* HTML #mnu-col UL.news LI DIV A/**/ {width: /**/75px; height: /**/75px; }

#mnu {background-image: url(../i/mnu-bg-top.png); margin-bottom: 1.5em; padding-top: 8px; }

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

#mnu UL {background-image: url(../i/mnu-bg-bot.png); background-position: left bottom; list-style: none; padding-bottom: 8px; }
#mnu UL LI {background: #fff url(../i/mnu-bg-y-tiled.png) repeat-y; }
#mnu UL LI SPAN {background-image: url(../i/mnu-item-bg-top.png); display: block; }
#mnu UL LI SPAN SPAN {background-image: url(../i/mnu-item-bg-bot.png); background-position: left bottom; }
#mnu UL LI SPAN SPAN SPAN {background-image: url(../i/mnu-bull.gif); background-position: 19px 50%; display: block; }
#mnu UL LI.cur SPAN SPAN SPAN {background-image: url(../i/mnu-bull-on.gif); }
#mnu UL LI A {color: #000; display: block; min-height: 15px; padding: .4em 5px .5em 60px; text-decoration: none; }
#mnu UL LI A:hover {text-decoration: underline; }

	#mnu {width: 100%; }

	* HTML #mnu UL/**/,
	* HTML #mnu UL LI/**/ {height: /**/1px; }

	#mnu UL LI SPAN {min-height: 0; }

	* HTML #mnu UL LI SPAN,
	* HTML #mnu UL LI A {height: 1px; }


#app {float: right; padding-top: 130px; width: 190px; }
#app-a {padding-right: 5px; }
#app H5 {background-image: url(../i/app-header-bg-bot.png); background-position: left bottom; color: #69c; margin-right: -5px; margin-bottom: 1em; padding-bottom: 9px; text-transform: uppercase; }
#app H5 SPAN {background-image: url(../i/app-header-bg-top.png); display: block; padding: 12px 5px 1px 15px; }

	#app-a {min-height: 0; }
	* HTML #app-a {width: 100%; height: 1px; }
	* HTML #app-a/**/ {width: /**/auto; }
	#app H5 {min-height: 0; position: relative; }
	* HTML #app H5 {background-image: url(../i/app-header-bg-bot-8bit.png); height: 1px; }
	* HTML #app H5 SPAN {background-image: url(../i/app-header-bg-top-8bit.png); }


#app UL.equipment {list-style: none; }
#app UL.equipment LI {margin-bottom: 1em; overflow: hidden; width: 100%; }
#app UL.equipment LI DIV {background: url(../i/app-equipment-img-bg.png); float: left; margin-right: 7px; overflow: hidden; width: 61px; height: 57px; }
#app UL.equipment LI DIV A {background: none; display: block; padding: 5px 0 0 5px; overflow: visible; width: 56px; height: 51px; }

	#app UL.equipment LI DIV A {min-height: 0; }
	* HTML #app UL.equipment LI DIV {background: url(../i/app-equipment-img-bg-8bit.png); }
	* HTML #app UL.equipment LI DIV A {height: 1px; width: 61px; height: 57px; }
	* HTML #app UL.equipment LI DIV A/**/ {width: /**/56px; height: /**/51px; }
	
	* HTML #app H5 {background-image: url(../i/app-header-bg-bot-8bit.png); }
	* HTML #app H5 SPAN {background-image: url(../i/app-header-bg-top-8bit.png); }


#visual {position: absolute; right: 5px; top: 109px; }


#serv {position: absolute; right: 262px; top: 20px; }

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

#serv UL {float: right; list-style: none; }
#serv UL LI {float: left; width: 36px; }
#serv UL LI.home {background-image: url(../i/serv_home.png); width: 35px; }
#serv UL LI.contact {background-image: url(../i/serv_contact.png); }
#serv UL LI.sitemap {background-image: url(../i/serv_sitemap.png); margin-right: 20px; }
#serv UL LI.cart {background-image: url(../i/serv_cart.png); width: 83px; }
#serv UL LI A {display: block; overflow: hidden; padding-top: 50px; height: 0; width: 100%; }

	#serv UL LI A {height: 50px; }
	#serv UL LI A/**/ {height: /**/0; }


#quick-contacts {position: absolute; right: 37px; top: 31px; text-align: right; width: 230px; }
#quick-contacts DT {font-weight: normal; }
#quick-contacts DD STRONG {color: #69c; font-size: 1.385em; font-weight: normal; display: block; }
#quick-contacts DT.email {display: none; }

/*
#quick-email {position: absolute; left: 208px; top: 173px; }

#quick-email,
#quick-email DT,
#quick-email DD {margin: 0; }

#quick-email DT {display: none; }
#quick-email DD A {color: #000; text-decoration: none; }
#quick-email DD A:hover {text-decoration: underline; }
*/


#bot {background: #fdfdfd; border-top: 10px solid #000; border-bottom: 9px solid #636363; }
#bot DIV {background: url(../i/bot-bg-bot-tiled.png) left bottom repeat-x; border: none; margin-bottom: -9px; position: relative; }
#bot DIV DIV {background: url(../i/bot-bg-top-tiled.png) repeat-x; margin-bottom: 0; position: static; }
#bot DIV DIV DIV {background: url(../i/bot-bg-left-tiled.png) repeat-y; }
#bot DIV DIV DIV DIV {background: url(../i/bot-bg-left-top.png) no-repeat; }
#bot DIV DIV DIV DIV DIV {background-image: url(../i/bot-bg-left-bot.png); background-position: left bottom; min-height: 95px; }
#bot DIV DIV DIV DIV DIV DIV {min-height: 0; }

	#bot DIV {min-height: 0; }
	#bot A {color: #000; }
	* HTML #bot DIV {height: 1px; }
	* HTML #bot DIV DIV DIV DIV DIV {height: 95px; }
	* HTML #bot DIV DIV DIV DIV DIV DIV {height: 1px; }


#bot #copy-n-dev {background: url(../i/copy-n-dev-bg-x-tiled.png) 0 11px repeat-x; float: right; padding-top: 11px; width: 410px; }
#bot #copy-n-dev DIV {background-image: url(../i/copy-n-dev-bg-left.png); height: 48px; padding-left: 140px; padding-top: 25px; }

	* HTML #bot #copy-n-dev DIV {height: 73px; }
	* HTML #bot #copy-n-dev DIV/**/ {height: /**/48px; }
	* HTML #bot #copy-n-dev DIV {overflow: hidden; }


#bot #counters {margin-left: -1px; }
#bot #counters DL {background: url(../i/counters-bg-x-tiled.png) 0 20px repeat-x; float: left; padding-top: 20px; }
#bot #counters DL DT {display: none; }
#bot #counters DL DD {background-image: url(../i/counters-bg-left.png); }
#bot #counters UL {background-image: url(../i/counters-bg-right.png); background-position: right top; list-style: none; overflow: hidden; padding: 13px 6px 0 36px; height: 43px; }
#bot #counters UL LI {float: left; margin-right: 5px; }
#bot #counters IMG {vertical-align: top; }

	#bot #counters {min-height: 0; position: relative; }
	* HTML #bot #counters {height: 1px; }
	* HTML #bot #counters UL {height: 56px; }
	* HTML #bot #counters UL/**/ {height: /**/43px; }


DIV.action {margin-top: 2em; }
DIV.action H3 {background-image: url(../i/action-header-bg-right.png); background-position: right top; color: #69c; font-size: 1em; line-height: 37px; margin: 0; margin-left: 74px; padding-right: 11px; text-transform: uppercase; height: 37px; }
DIV.action H3 SPAN {background: #f1f1f1 url(../i/action-header-bg-bot-tiled.gif) left bottom repeat-x; display: block; padding-left: 91px; height: 37px; }

	* HTML DIV.action H3 {background-image: url(../i/action-header-bg-right-8bit.gif); }

/*
DIV.action H3 {background-image: url(../i/action-header-bg-right-top.png); background-position: right top; font-size: 1em; margin: 0; margin-bottom: 1.5em; margin-left: 74px; padding-top: 11px; text-transform: uppercase; }
DIV.action H3 SPAN {background-image: url(../i/action-header-bg-right-bot.png); background-position: right bottom; display: block; padding-right: 11px; }
DIV.action H3 SPAN SPAN {background: #f1f1f1 url(../i/action-header-bg-bot-tiled.gif) left bottom repeat-x; color: #69c; padding: .5em 11px .6em 91px; }
*/

DIV.action .visual {background-image: url(../i/action-visual.png); float: left; font-size: 0; line-height: 0; margin-top: -37px; width: 148px; height: 149px; }
DIV.action DL {margin-top: 1.5em; margin-left: 164px; }

DIV.action DL DT,
DIV.action DL DD {margin-left: 0; }

DIV.action DL DT {font-size: 1.25em; margin-bottom: .3em; }
DIV.action DL DT A {color: #000; }
DIV.action DL DD {margin-bottom: 1.25em; overflow: hidden; width: 100%; }
DIV.action DL DD DIV {float: left; margin-right: 7px; margin-bottom: 3px; padding-top: .2em; }
DIV.action DL DD DIV IMG {border: 1px solid #888; vertical-align: top; }

	DIV.action .visual {position: relative; }
	DIV.action DL {min-height: 0; }
	* HTML DIV.action DL {height: 1px; }