/* Загальна частина*/
html, body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding:0; background-color:#FFFFFF; height:100%;}
body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt;}
img {border: 0 none;}
.b_img img {border: 1px solid #ccc; margin: 1em 0;}
p {margin: 1em 0;}
h2 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; font-style: italic; margin: 0;}
h2 span {padding-left:2em; line-height:0.7em;}
h3, h4, h5, h6 {font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; color:#568B11;}
h3 {font-size: 13pt; font-weight: bold; margin: 0;}
h4 {font-size: 16pt; font-weight: normal; margin: 50px 0 25px 0;}
h5 {font-size: 13pt; font-weight: bold; margin: 20px 0 0 0;}
h6 {font-size: 13pt; font-weight: bold; margin-bottom:-10px;}
.curr {color:#F24415;}
.hidden {display:none;}
.visible {display:block;}


ul, ol {margin:0; padding: 0;}
ul li {margin:0; padding: 5px 0 5px 10px; list-style: none; background: url(des/bullet.gif) 0 0.9em no-repeat;}
ol li {padding:5px 0; margin:0 0 0 22px;}

ul.support {margin:-1em 0 1em 0; padding: 0;}
ul.support li {margin:0; padding: 0 0 0 2em; list-style: none; background: transparent; text-indent: -1em;}
ul.r li { background: url(des/bullet-r.gif) 0 9px no-repeat;}
ul.y li { background: url(des/bullet-y.gif) 0 9px no-repeat;}

a:link {color:#62981D; text-decoration: underline;}
a:visited {color:#787; text-decoration: underline;}
a:hover {color:#F24415; text-decoration: underline;}

#container {position: relative; width:100%; min-height:100%; height:auto;}
* html #container {height:100%;}
#logo {position: relative; height:65px; margin:0; padding:0; padding-left: 4%;}
#logo img {padding-top:14px; margin-left: -5px;}
#navi {position: absolute; top:0; right:3%; margin:0; padding:0;}
#lang {text-align: right; padding: 9px 16px 9px 0; font-size:8pt;}

#folders ul {margin:0; padding:0; list-style: none;}
#folders ul li {float:left; margin:4px 2px;  padding:0; background: transparent;}
#folders ul li a, #folders ul li span { display: block; width: 107px; height: 23px; margin: 0; padding:7px 0 0 0; text-align: center;}
#folders ul li a {background: url(des/folder-inact.gif) no-repeat; text-decoration: underline;}

#folders a:link {color:#62981D;}
#folders a:visited {color:#62981D;}
#folders a:hover {color:#F24415;}

#folders ul li a.curr {background: url(des/folder-act.gif) no-repeat; color:#fff; text-decoration: underline;}
#folders a.curr:link {color:#CAE5A4;}
#folders a.curr:visited {color:#CAE5A4;}
#folders ul li a.curr:hover {color:#F24415;}
#folders ul li span {background: url(des/folder-act.gif) no-repeat; color:#fff;}



#middle {position: relative; width:100%; margin:0; background:url('des/bg-green.jpg') 0% 0% repeat-x #497E05; color:#fff;}
#middlecont {position: relative; padding:0; margin:0;}
#middle p {font-size: 9pt; line-height: 1.5em;}
#middle a:link {color:#CAE5A4; text-decoration: underline;}
#middle a:visited {color:#CAE5A4; text-decoration: underline;}
#middle a:hover {color:#fff; text-decoration: underline;}


#bottom {position: relative; width:100%; margin:0; padding: 20px 0; color:#333; overflow:hidden;}
#bottom h2 {color:#568B11;}
.work_date {color:#999; font-size: 8pt;}

#footer, #empty {height: 40px; width: 100%; padding-top:40px;}
#footer {position: absolute; bottom: 0; left: 0;}
#empty {position: relative; clear: both;}
#footer div {float: left; padding:0 4%;}

#footer #f-left {float: left; padding:0 4%; width:20%;}
#footer #f-right {float: right; text-align:right; padding:0 4%; width:20%;}
#footer #f-center {padding:0 4%; text-align:center; width:35%;}

#subfooter { clear:both; padding:30px 4%; color:#240; font-size:10pt; border-top:1px solid #aaa; background-color:#ddd}
#subfooter a { text-decoration:underline; color:#006;}


/*
.onplate {position:relative; background:url('des/rounded-tl.gif') 0% 0% no-repeat #EFF5E8;}
.onplate .tr {position:relative; background:url('des/rounded-tr.gif') 100% 0% no-repeat;}
.onplate .bl {position:relative; background:url('des/rounded-bl.gif') 0% 100% no-repeat;}
.onplate .br {position:relative; background:url('des/rounded-br.gif') 100% 100% no-repeat; padding: 12px 15px;}
.onplate p {margin:0; padding: 0;}
*/

.onplate, .onplate .tr, .onplate .bl, .onplate .br {position:relative;}
.onplate p {margin:0; padding: 0;}

.onplate, .onplate_s {background:url('des/rounded-tl.gif') 0% 0% no-repeat #EFF5E8;}
.onplate .tr, .onplate_s .tr {background:url('des/rounded-tr.gif') 100% 0% no-repeat;}
.onplate .bl, .onplate_s .bl {background:url('des/rounded-bl.gif') 0% 100% no-repeat;}
.onplate .br, .onplate_s .br {background:url('des/rounded-br.gif') 100% 100% no-repeat; padding: 12px 15px;}


dl {margin:1em 0; padding:0;}
dd, dt {clear:both;}

dt {margin:0; padding:0;}
dd {display:none; margin:0 0 0 2em; padding:0;}
dt a {display:block; float:left; margin:12px 0 6px 0; padding:0;}
* html dl, * html dd, * html dt, * html dt a {height:1%;}

.onplate_s table td {height:100%; vertical-align: top;}
.onplate1 {background: #fff; height:100%;}
.onplate1 .tl {background:url('des/rounded-w-tl.gif') 0% 0% no-repeat; height:100%;}
.onplate1 .tr {background:url('des/rounded-w-tr.gif') 100% 0% no-repeat; height:100%;}
.onplate1 .bl {background:url('des/rounded-w-bl.gif') 0% 100% no-repeat; height:100%;}
.onplate1 .br {background:url('des/rounded-w-br.gif') 100% 100% no-repeat; height:100%; padding:0;}
.onplate1 p {margin:0; padding:0;}


/*Головна сторінка*/

#promo {margin:12px 0; width:auto;}
#works {position: relative; margin:10px 0 10px 4%;}
#works table td {padding: 5px 30px 5px 0; font-size:8pt; line-height:1.3em;}
#works table td a {font-size:10pt;}
#worklist {margin: 0; list-style: none; font-size:10pt;}
#worklist li {padding:0.5em 0 0.5em 20px; margin:0; background: transparent;}
.wrklist li {padding-left:25px;}

/* Послуги */
#services {position: relative; margin:10px 5% 10px 5%;}

/* Портфоліо */
#middlespace {height: 20px; width: 100%}
#portfolio {position: relative; margin:10px 0 10px 4%;}
#portfolio table, #portfolio_text table {margin:30px 0 10px 0;}
#portfolio table td, #portfolio_text table td {vertical-align:bottom; padding-bottom:10px;}
#portfolio table td *, #portfolio_text table td * { margin-bottom:0; line-height:1em;}

#portfolio .floated div {margin:5px 81px 0 0; float:left; width:156px; height:230px; text-align:center; overflow:hidden;}
#portfolio .floated div img {border: 1px solid #ccc; margin: 10px 0 5px 0;}
#portfolio .floated div a {font-size:10pt;}
#portfolio .floated div p {margin:0;}
#portfolio .floated img.support, #portfolio_text li img.support, img.support {margin:0 4px -1px 0; padding:0; width:10px; height:9px; border: 0 none;}


#portfolio_text {position: relative; margin:10px 4% 10px 4%;}
#workinside {position: relative; margin:10px 4% 10px 4%;}
#useful {position: relative; margin:10px 4% 10px 4%;}
#useful table h2 {margin: 35px 0 20px 0;}
#useful table td {line-height: 1.3em;}


#workcontent {position: relative; overflow:hidden; margin: 0; padding-left: 400px; min-width: 400px; float:right;
voice-family: "\"} null {\"";
voice-family:inherit;
 float: none;}
#text {float:right; position: relative; width: 100%; margin-top:-10px; padding-bottom:14px;}
#shot {float:right; position: relative; width:400px; padding-top:8px; margin-left: -400px;}

/*
#workcontent {position: relative; margin:10px 0; padding: 0; width: 100%;}
#text {position: relative; margin-left:400px; float: right; margin-top:-18px;}
#shot {position: relative; float:left; margin-right:-400px;}
*/

#shot img {border: 1px solid #ccc;}
#supp img {border: 0 none;}
#supp {color:#568B11;}
#supp p {color:#333; font-size:8pt; margin:0;}
#supp table td {border-bottom: 2px solid #EDF5E4; padding: 5px;}
.supp-header  {background-color: #EDF5E4; color:#333;}

fieldset { margin:0 15px 40px 15px; padding:0; border: 0 none;}
label {margin:0; padding:0; color:#333333;}
fieldset p {margin:8px 0 0 1em;}
form table td {vertical-align:top;}

/* лабиринт */

#labirynth {width:100%; max-width:840px;}
 * html #labirynth  {width:expression(document.documentElement.clientWidth > 839? "840px": "100%");}

.lab_tabl a{color:#cae5a4; font-size:11px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
.light_green {background-color:#66942c; padding:5px 0 9px 0;}
.dark_green {background-color:#5a8b1a; padding:5px 0 9px 0;}
#flash {margin-bottom:42px;}

.w60 {width:60%; min-width:580px; }
 * html .w60 {width:expression(document.documentElement.clientWidth  < 1000? "580px": "60%");}

#devlist {position: relative; margin:10px 4% 10px 4%;}
#devlist li {margin:0; padding:3px 0; list-style: none; background: transparent;}

.field {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;  
  height: 16px;
  width: 280px;
}
.area {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  height: 200px;
  width: 280px;
}

.inactive {font-size:8pt; color:cccccc; font-weight:normal;}

#feedback {position: relative; margin:10px 4% -10px 4%;}

.rulecont {margin: 20px 0;}
.rule {font-family: Arial, Helvetica, sans-serif;  letter-spacing: 0.02em; font-weight:normal; font-size:11pt; margin:0.4em 10px 0.6em 10px; }
.rule li {background: url(des/bullet.gif) 0 0.8em no-repeat; text-align: left;}
.ex, .ex td {font-family: "Times New Roman", Times, serif; font-size:14pt; text-align: center; line-height:1.4em; padding:10px; }
* html .ex, * html .ex td, * html .rulecont {height:1px;}

.ex ul li {background: url(des/bullet.gif) 0 0.9em no-repeat; text-align: left; line-height:1.4em;}
.right, .wrong {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; line-height:0.8em;}
.right {color:#568B11;}
.wrong {color:#b40b0b;}
.err { background: url(des/err.gif) 0 100% repeat-x; padding: 0 0 2px 0;}


.text_h {bottom:none;}