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

* {background-repeat: no-repeat; margin: 0; }
BODY {background: #fff url(../i/body-bg-top-tiled.png) repeat-x; color: #333; position: relative; min-width: 990px; }



#canvas {margin: 0 auto; max-width: 100em; }
#canvas-a {margin: 0 25px; min-width: 940px; position: relative; }



#top {background: #d91c56 url(../i/top-bg-x-tiled.png) repeat-x; }

#top-a,
#top-b {background-image: url(../i/top-bg-bot.png); }

#top-b {background-position: right bottom; height: 155px; }



#logo,
#logo A {background-image: url(../i/logo.png); overflow: hidden; padding-top: 103px; width: 329px; height: 0; }

#logo {position: absolute; left: 17px; top: 23px; }
#logo A {display: block; margin-top: -103px; position: relative; z-index: 5; }



#slogan {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }



#quick-contacts {background-image: url(../i/quick-contacts-bg.png); color: #fff; font-size: 24px; line-height: 1.2; padding: 0 0 0 103px; position: absolute; right: 25px; top: 50px; min-height: 74px; text-shadow: 3px 3px 13px rgba(0,0,0,.75), 3px 3px 13px rgba(0,0,0,.75); }
#quick-contacts DL * {display: inline; }



#mnu {background: #062be2 url(../i/nav/grad-bot.png) left bottom repeat-x; font-size: 18px; margin: -25px 25px 0; position: relative; z-index: 10; }
#mnu-a {background: url(../i/nav/grad-top.png) repeat-x; }
#mnu-b {background-image: url(../i/nav/corners-left-bot.gif); background-position: left bottom; }
#mnu-c {background-image: url(../i/nav/corners-right-bot.gif); background-position: right bottom; }

#mnu-d,
#mnu-e {background-image: url(../i/nav/corners-top.gif); }

#mnu-e {background-position: 100% -175px; padding: 0 17px 25px; min-height: 50px; }
#mnu-e:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

#mnu LI,
#mnu A {float: left; }

#mnu LI {background-image: url(../i/nav/separ.gif); background-position: 0 52%; }

#mnu A {color: #fff; padding: .8333em 8px; padding-left: 9px; text-decoration: none; }
#mnu A:hover {text-decoration: underline; }

#mnu LI:first-child,
#mnu LI.first {background: none; }

#mnu LI:first-child > A,
#mnu LI.first > A {padding-left: 8px; }

#mnu LI DIV {clear: both; display: none; font-size: .6667em; position: relative; }

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

#mnu LI DIV DIV {display: block; font-size: 1em; position: absolute; left: -1px; top: 0; height: 0; z-index: 5; }
#mnu LI UL {background: #f2f2f2; border: 1px solid #000; border-top: none; -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.5); -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.5); box-shadow: 2px 2px 10px rgba(0,0,0,.5); }

#mnu LI LI,
#mnu LI LI A {float: none; }

#mnu LI LI {background: none; white-space: nowrap; }
#mnu LI LI A {border-top: 1px solid #ddd; color: #000; display: block; padding: .3em 8px .35em; }
#mnu LI LI A:hover {background: #fff; text-decoration: none; }



#main-box {background: #f2f2f2; border-top: 50px solid #fff; margin-left: 325px; }
#main-box-a {margin-top: -50px; margin-left: -325px; position: relative; }

	#main-box,
	#main-box-a {min-height: 0; }

	* HTML #main-box,
	* HTML #main-box-a {height: 1px; }

/*  */

#search,
#search A,
#search LABEL INPUT {color: #036; }

#search {background: #fff; font-size: 12px; padding-bottom: 19px; line-height: 26px; }

#search FIELDSET {background: #85dcfd url(../i/search/grad.png) repeat-x; padding: 5px 25px; position: relative; }

#search > FIELDSET {
	-webkit-border-radius: 10px;
	 -khtml-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

#search LEGEND {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }

#search DIV {float: left; font-size: 18px; margin-right: 25px; width: 275px; }
#search DIV:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

#search .text {background: #fff; border: 1px solid #5cf; float: left; padding: 1px 5px; width: 158px; min-height: 22px; }
#search .text:focus {border-color: #036; }
#search LABEL {background-image: url(../i/search/submit.png); cursor: pointer; float: right; overflow: hidden; padding-top: 26px; width: 99px; height: 0; }
#search LABEL INPUT {overflow: hidden; position: absolute; left: -100em; top: -100em; width: 0; height: 0; }

#search P {text-shadow: 0 1px 0 rgba(255, 255, 255, .3); }

#search > FIELDSET > SPAN {background-image: url(../i/search/corners.png); position: absolute; top: 0; left: 0; width: 10px; height: 10px; }
#search > FIELDSET > SPAN + SPAN {background-position: right top; left: auto; right: 0; }
#search > FIELDSET > SPAN + SPAN + SPAN {background-position: right bottom; top: auto; bottom: 0; }
#search > FIELDSET > SPAN + SPAN + SPAN + SPAN {background-position: left bottom; left: 0; right: auto; }

	#search,
	#search DIV {min-height: 0; }

	* HTML #search,
	* HTML #search DIV {height: 1px; }

	* HTML #search .text {height: 20px; }

/*  */

#main {margin: 0 25px 140px; position: relative; }
BODY.home #main {margin-bottom: 0; }

#main-c {margin: 0 -25px; position: relative; }
#main-c:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }



#content-box {float: right; margin-left: -300px; width: 100%; }
#content {margin-left: 325px; }



#crumbs,
#crumbs A {color: #36c; }

#crumbs A:hover {color: #000; }

#crumbs {margin: 0; margin-bottom: 1em; }
#crumbs DT {display: none; }

#crumbs DD,
#crumbs UL,
#crumbs UL LI {margin: 0; padding: 0; }

#crumbs UL {list-style: none; }
#crumbs UL LI {background: none; display: inline; }

#crumbs STRONG {color: #333; font-weight: normal; }



#app {float: left; width: 300px; }
#app .blk {margin-bottom: 35px; padding: 25px; }

BODY.home #app {padding-bottom: 25px; }
BODY.home #app .blk {margin-bottom: 0; }



#app .localnav {padding-left: 0 !important; padding-right: 0 !important; }

#app .blk.localnav {background: #f2f2f2 url(../i/localnav-blk-bg-bot.png) left bottom no-repeat; font-size: 1.5em; }
#app .blk.localnav DT {color: #36c; margin: 0 25px; }
#app .blk.localnav DD {line-height: 1.05; }

#app .blk.localnav UL LI A {display: block; padding: .1em 25px .2em; }
#app .blk.localnav UL LI A:visited {color: #a81040 !important; }
#app .blk.localnav UL LI A:hover {background: #fff; }
#app .blk.localnav UL LI A.cur {color: #36c !important; font-weight: bold; }

#app .blk.localnav UL UL {font-size: .6667em; line-height: 1.2; margin: .2em 0 .4em; }
#app .blk.localnav UL UL LI {background-image: url(../i/localnav-bull.gif); background-position: 26px .75em; }
#app .blk.localnav UL UL LI A {padding-left: 50px; }



#app .contacts {padding: 0 0 0 25px !important; }
#app .blk.contacts {color: #36c; font-size: 1.5em; }
#app .blk.contacts DT {display: none; }
#app .blk.contacts DT.address {display: none; }
#app .blk.contacts DD DT {display: block; float: left; margin-right: .3em; }
#app .blk.contacts DD DT.regular {float: none; margin-right: 0; }
#app .blk.contacts A {color: #39f; }
#app .blk.contacts A:hover {color: #36c; }

BODY.home #app .contacts {background-image: url(../i/home-visual.jpg); background-position: right top; margin-left: -8px; padding-top: 307px !important; }
BODY.home #app .contacts DD {border-top: 1px solid #ccc; margin-left: 8px; padding-top: .5em; }
BODY.home #app .contacts DL DD {border-top: none; margin-left: 0; padding-top: 0; }

/*  */

#lang,
#serv {background-image: url(../i/lang-n-serv.png); position: absolute; top: 0; }

#lang LI,
#serv LI {float: left; width: 39px; }

#lang LI + LI,
#serv LI + LI {margin-left: 5px; }

#lang A,
#serv A {display: block; overflow: hidden; padding-top: 39px; width: 100%; height: 0; }

	* HTML #lang LI,
	* HTML #serv LI {display: inline; }

/*  */

#lang {right: 192px; width: 83px; }
#lang DT {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }

	* HTML #lang {width: 88px; }
	* HTML #lang LI {margin-left: 5px; position: relative; left: -5px; }

/*  */

#serv {background-position: right top; right: 50px; }

	* HTML #serv LI {margin-right: 5px; }
	* HTML #serv LI.sitemap {margin-right: 0; }

/*  */

#bot {background: #d81b56 url(../i/bot-bg-top-tiled.png) repeat-x; padding: 25px 25px 90px; }
#bot:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

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



#copy {float: left; }



#counters,
#counters DD,
#counters UL {float: right; }

#counters {margin-left: 15px; }
#counters DT {display: none; }
#counters UL LI {float: left; padding-left: 5px; }



BODY.home .content H2 {font-size: 1.8333em; margin: 0 0 .25em; }
BODY.home .content H2 A {color: #36c; text-decoration: none; }
BODY.home .content H2 A:hover {color: #000; text-decoration: underline; }

/* margin-top, padding-top and position:relative are needed to work around fantom 1px horizontal blue line above 'about' block. */
.home-about {background: #fff url(../i/nav/mirror-bg-x-tiled.png) 0 -25px repeat-x; margin-top: -19px; padding-top: 19px; padding-bottom: .5em; position: relative; z-index: 5; }

.home-products {background-image: url(../i/home-products-bg-left-top.gif); }
.home-products-a {background-image: url(../i/home-products-bg-right-top.gif); background-position: right top; padding: 25px; padding-bottom: 15px; }

.home-products H2 {margin-top: -.3em !important; position: relative; }

.home-products UL,
.home-products UL LI {margin: 0; padding: 0; }

.home-products UL {list-style: none; padding-top: .2em; }
.home-products UL LI {margin: -.2em 0 10px; }
.home-products UL LI:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.home-products UL LI .txt {float: right; margin-left: -100px; width: 100%; }

.home-products UL LI .txt STRONG,
.home-products UL LI .txt A {color: #069; }

.home-products UL LI .txt A:hover {color: #000; }

.home-products UL LI .txt DIV {margin-left: 110px; }

.home-products UL LI .pic {float: left; padding-top: .2em; width: 100px; }
.home-products UL LI .pic IMG {border: 5px solid #ccc; vertical-align: top; }
.home-products UL LI .pic A IMG:hover {border-color: #999; }