/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
select,
textarea,
input.text {background: #fff;}
input.image {border: 0;}
* html input.text,
* html input.file,
* html textarea {margin: -1px 0;}
*:first-child+html input.text,
*:first-child+html input.file,
*:first-child+html textarea {margin: -1px 0;}
input.error {background: #fcc;}
label.error {font-size: 10px; color: #f00; display: block; clear: both;}
input.disabled {background: #d4d0c8; color: #808080;}



/* form */
.form {font-size: 11px;}

.form div.full {width: 100%; margin-bottom: 10px; clear: both;}
.form div.half {width: 155px; margin: 0 20px 10px 0; float: left; display: inline;}
.form div.full label,
.form div.half label {display: block; margin-bottom: 2px;}

.form div.full textarea {height: 210px;}
.form div.full textarea,
.form div.full input.text {width: 326px;}
* html .form div.full textarea,
* html .form div.full input.text {width: 324px;}
*:first-child+html div.form .full textarea,
*:first-child+html div.form .full input.text {width: 324px;}

.form div.half select {width: 155px;}
.form div.half input.text {width: 151px;}
* html .form div.half input.text {width: 149px;}
*:first-child+html .form div.half input.text {width: 149px;}

.form div.checkbox label {display: inline; margin: 0 0 0 5px;}
.form div.checkbox label,
.form div.checkbox input {vertical-align: middle;}

.form div.radio label {display: inline; margin: 0 0 0 5px;}
.form div.radio label,
.form div.radio input {vertical-align: middle;}

.form div.multi {margin-bottom: 10px;}
.form div.multi label {display: inline; margin: 0;}
.form div.multi label,
.form div.multi input {margin-right: 5px; vertical-align: middle;}
.form div.multi .sep {margin-right: 52px;}
.form div.multi input.text {width: 26px;}
* html .form div.multi input.text {width: 24px;}
*:first-child+html .form div.multi input.text {width: 24px;}

.form div.multirow {margin-bottom: 10px;}
.form div.multirow label {float: left; margin: 0 0 5px; line-height: 21px;}
.form div.multirow label.main {width: 100px;}
.form div.multirow label.normal {line-height: normal;}

.form div.multirow input {float: left; margin: 0 5px 5px 0;}
.form div.multirow input.text {width: 26px;}
* html .form div.multirow input.text {width: 24px;}
*:first-child+html .form div.multirow input.text {width: 24px;}
/*
.form label {width: 90px; float: left; margin-top: 3px;}
.form select {width: 250px; float: right;}
.form input.text,
.form textarea {width: 246px; float: right;}
* html .form input.text,
* html .form textarea {width: 244px; float: right;}
*:first-child+html .form input.text,
*:first-child+html .form textarea {width: 244px; float: right;}
.form textarea {height: 220px;}
.form .button {margin-left: 100px;}
*/


/* LAYOUT
----------------------------------------------- */
html, body {height: 100%;}
body {margin: 0; padding: 0; min-width: 990px; background: #ccaf8c url(../img/body_bg.gif) repeat 50% 0;}

#body {background: #ccaf8c url(../img/body_bg.gif) repeat 50% 0; min-width: 990px; min-height: 100%;}
* html #body {height: 100%;}
#bodyWrap {padding-bottom: 100px;}

#header {width: 990px; height: 195px; background: url(../img/tape_top.gif) no-repeat 300px 0; position: relative; z-index: 1; margin: 0 auto;}

#content {width: 990px; margin: -82px auto 0; background: #fcfcfc url(../img/content_bg.jpg) repeat-y; position: relative;}
#contentTop {background: url(../img/content_top.jpg) no-repeat;}
#contentBot {background: url(../img/content_bot.jpg) no-repeat 0 100%; width: 100%; padding: 105px 0 135px;}
#contentBot:after {content: ''; display: block; clear: both;}
#contentBot p{text-align:justify;}
#main a, #main a:hover, #main a:link, #main a:visited  {color:#000;text-decoration:none;}
#left {width: 175px; margin: 0 42px 0 83px; padding-bottom: 100px; float: left; display: inline; position: relative; z-index: 1;}
#main {width: 350px; margin-top: 10px; float: left; min-height: 440px; position: relative; z-index: 1;}
* html #main {height: 440px;}
.right-none #main {width: 600px;}
#right {width: 200px; margin: 15px 90px 0 0; float: right; display: inline; position: relative; z-index: 1;}

#footer {width: 990px; height: 175px; margin: -175px auto 0; background: url(../img/tape_bot.gif) no-repeat 300px 100%; position: relative;}



/* STATIC
----------------------------------------------- */
#logo {width: 200px; margin: 56px 0 0 50px; float: left; display: inline;}
#nogi {width: 300px; height: 190px; background: url(../img/nogi.jpg) no-repeat 100% 1px; position: absolute; right: 0; top: -58px;}
#stamp {width: 128px; height: 56px; left: 10px; top: 300px; background: url(../img/stamp.gif) no-repeat; position: absolute;}
#signs {width: 175px; height: 30px; margin: 20px 42px 0 83px; background: url(../img/signs.gif) no-repeat 17px 0; float: left; display: inline;}
#copy {font-size: 11px; color: #333; background: url(../img/copy_top.gif) no-repeat; padding: 30px 0 0 3px; margin-left: -3px; float: left;}
#atelier {font-size: 11px; color: #333; width: 200px; margin: 30px 90px 0 0; float: right; display: inline;}

/* auth */
#auth {margin: 95px 0 0 80px; width: 200px; float: left; text-align: right;}
#auth div {height: 21px; margin-bottom: 5px; background: url(../img/auth_input.gif) no-repeat 62px 0; text-align: left;}
#auth label,
#auth input.text {float: left;}
#auth label {width: 54px; height: 21px; overflow: hidden; text-indent: -1000px;}
#auth label.login {background: url(../img/auth_login.gif) no-repeat 100% 0;}
#auth label.pass {background: url(../img/auth_pass.gif) no-repeat 100% 0;}
#auth input.text {font-size: 11px; color: #336; width: 128px; border: 0; margin: 2px 0 0 10px; background: transparent;}
#auth input.image {margin-top: 10px;}

/* contacts */
#contacts {position: absolute; left: 94px; margin-top: -187px; z-index: 1;}
#main #contacts {position: static; margin: 0 0 0px -6px; float: left; position: relative; left: 0;}
#contacts p {font-size: 11px; font-style: normal; margin: 0 0 5px 6px;}
#contacts img {margin-left: -6px;}
.contacts {width: 100%;}
.contacts .address {width: 150px; float: right;}
.contacts .address p {margin: 0 0 5px;}
.contacts .address .email {font-size: 11px;}
.contacts .map {clear: both; text-align: center;}



/* NAVIGATION
----------------------------------------------- */
/* m0 */
#m0,
#m0 li {float: left; display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m0 {margin: 130px 0 0 47px; width: 63px;}
#m0 li {margin-right: 10px; display: inline;}
#m0 li,
#m0 img {vertical-align: top; font-size: 0; line-height: 0;}

/* m1 */
#m1,
#m1 ul,
#m1 li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m1 {font-size: 14px; font-weight: bold; width: 100%;}
#m1 li {margin-bottom: 5px; padding: 0 17px; vertical-align: top;}
#m1 a {vertical-align: top;}
#m1 li.a {background: url(../img/m1_a_top.gif) no-repeat; padding-top: 15px;}
#m1 ul,
#m1 li.a em {margin: 0 -17px; background: url(../img/m1_a_bot.gif) no-repeat 0 100%;}
#m1 ul {font-size: 11px; line-height: 15px; font-weight: normal; padding: 5px 0 10px; min-height: 15px;}
* html #m1 ul {height: 15px;}
#m1 li.a em {height: 15px; display: block; font-size: 0; line-height: 0;}
#m1 ul li.a {font-weight: bold; padding-top: 0; background: none;}



/* BLOCKS
----------------------------------------------- */
a img {border: 0;}
.clear {clear: both; float: none; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
h1 small {font-size: 11px; line-height: normal; font-weight: normal; margin-left: 20px; white-space: nowrap;}
div.editor {width: 200px; float: left;}
.index div.editor {font-size: 14px;}
h1 a, h1 a:hover, h1 a:link, h1 a:visited {text-decoration: none;color:#000000;}
/* teasers */
.teasers,
.teasers li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.teasers {font-size: 10px; text-align: center; width: 130px; float: right;}
.teasers li {margin-bottom: 25px;}
.teasers a {text-decoration: none;}
.teasers img {vertical-align: top; margin-bottom: 8px;}
.teasers strong {text-decoration: underline;}

/* news */
.news {color: #333;}
.news h2 {font-size: 14px; font-weight: bold; margin: 0 0 20px;}
.news .date {font-size: 11px; margin-bottom: 1px;}
.news h3 {font-size: 12px; font-weight: normal; margin:0px;}
.news .lnk a {background: url(../img/news_lnk.gif) no-repeat 0 3px; padding-left: 15px;}
.news p {text-align:justify;margin-bottom:20px;}
#main .news {width: 100%;}
#main .news:after {content: ''; display: block; clear: both;}
#main .news .li {width: 180px; margin-right: 20px; float: left; display: inline;}

/* pages */
.pages,
.pages li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.pages {font-size: 11px; line-height: 24px; width: 100%; clear: both;}
.pages:after {content: ''; display: block; clear: both;}
.pages li {float: left; margin-right: 9px;}
.pages strong {font-size: 18px; font-weight: normal;}

/* vacancies */
.vacancies {min-height: 1px; margin-left: -20px;}
* html .vacancies {height: 1px;}
.vacancies:after {content: ''; display: block; clear: both;}
.vacancies .li {width: 165px; margin: 0 0 20px 20px; float: left; display: inline;}
.vacancies h2 {font-size: 14px; font-weight: bold;}

/* calc */
.calc {margin-left: -50px; min-height: 1px; position: relative;}
.calc:after {content: ''; display: block; clear: both;}
* html .calc {height: 1px;}
.calc .input {width: 150px; margin: 0 0 15px 50px; float: left; display: inline;}
.calc .wide {width: 350px;}
.calc label {padding-bottom: 5px; display: block;}
.calc input.text {width: 146px;}
* html .calc input.text {width: 144px;}
.calc .wide div,
.calc .wide input.text {float: left;}
.calc .wide input.text {width: 80px;}
* html .calc .wide input.text {width: 78px;}
*:first-child+html .calc .wide input.text {width: 78px;}
.calc .wide div {width: 49px; line-height: 21px; text-align: center;}
.calc .button {margin-left: 50px;}

.home {
	margin: 45px 0pt 0pt;
	float: left;
}
.home p{
	text-indent:15px;
	text-align:justify;
}

.tracking {
	border:solid 1px black;
}
.tracking td {
	padding:3px;
}