/* Загальна частина*/
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(../img/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(../img/des/bullet-r.gif) 0 9px no-repeat;}
ul.y li { background: url(../img/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; min-width:900px;}
* html #container {height:100%; width:expression(document.documentElement.clientWidth < 901? "900px": "auto");}
#logo {position: relative; height:78px; margin:0; padding:0; padding-left: 4%;}
#logo img {padding-top:22px; margin-left: -5px; margin-right:10px;cursor:pointer;}
#navi {position: absolute; top:0; right:3%; margin:0; padding:0;}
#lang {text-align: right; padding: 9px 16px 9px 0; font-size:8pt; height:26px;}

#folders ul {margin:0; padding:0; list-style: none;}
#folders ul li {float:left; margin:4px 12px 4px 2px;  padding:0; background: transparent;}
#folders ul li a, #folders ul li span { display: block; margin: 0; height: 30px; line-height:30px; padding:0 0 0 10px;}
#folders ul li a {background: url(../img/folder-inact.gif) 0 0 no-repeat; text-decoration: underline;}
#folders ul li a b { display: block; background: url(../img/folder-inact.gif) 100% 0 no-repeat; padding:0 10px 0 0; margin-right:-10px; font-weight:normal;}
* html #folders ul li a, * html #folders ul li a b,
* html #folders ul li span, * html #folders ul li span b { float:left; position:relative; cursor:pointer;}

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

#folders ul li a.curr {background: url(../img/folder-act.gif) no-repeat; color:#fff; text-decoration: underline;}
#folders ul li a.curr b { display: block; background: url(../img/folder-act.gif) 100% 0 no-repeat; padding:0 10px 0 0; margin-right:-10px;}
#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(../img/folder-act.gif) no-repeat; color:#fff;}
#folders ul li span b { display: block; background: url(../img/folder-act.gif) 100% 0 no-repeat; padding:0 10px 0 0; margin-right:-10px;font-weight:normal;}


#middle {position: relative; width:100%; margin:0; background:url('../img/des/bg-green.jpg') 0% 0% repeat-x #497E05; color:#fff; min-height:256px; padding-top:1px;}
* html #middle {height:256px;}
#middlecont {position: relative; padding:0; margin:0 auto; width:90%;}
#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;}

.mc-reference{padding:0 0 0 15px;}
.mc-reference h3{color:#FFFFFF;margin:15px 0 5px 0;}
.mc-reference .ref-h4{margin:0;color:#444444;font-weight:bold; font-size:12px;}
.mc-ref-cont{margin:0;font-size:11px !important;line-height:15px !important;}
.ref-wrap{overflow:hidden;margin:0 0 20px 0;}
	.mc-ref-oc, .mc-ref-og{width:46%;}
	.mc-ref-oc{float:left;}
	.mc-ref-og{float:right;}
.mc-ref-cont a{text-decoration:none !important;color:#99cc33 !important;}
.mc-ref-cont a:hover{text-decoration:underline !important;color:#F24415 !important;}

#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;}*/
#footer { margin-top:-80px; position: relative; z-index:99;}
#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%;}

/*
.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;}
#works table td h3 a {font-size:13pt;}
#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;}
.mw-reference p{margin:3px 0;}
.mw-reference .ref-h4{font-size:12px;font-weight:bold;margin:15px 0 0 0;}
.mw-reference a{text-decoration:none;font-size:8pt !important;}
.mw-reference a:hover{text-decoration:underline;font-size:8pt !important;}

/* Послуги */
#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(../img/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(../img/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(../img/des/err.gif) 0 100% repeat-x; padding: 0 0 2px 0;}


.text_h {bottom:none;}

#bottom { width:90%; margin:0 auto;}

#samples { padding:6px; background:#e9f3dd;}
#samples h4 { margin:0 0 0 4px;}
#samples img { border:1px solid #c6d8b2;}
#samples a:link, #samples a:visited, #samples a:hover { text-decoration:none;}
#samples a span {text-decoration:underline;}


.packfeatures table { border-bottom:2px solid #4f840c; border-top:2px solid #4f840c;}
.packfeatures table h4 { color:#fff; margin:0; font-size:14pt;}
.packfeatures table td { padding:6px 13px; text-align:center;}
.packfeatures table .odd td { background:#e9f3dd;}
.packfeatures table td.left { text-align:left;}
.packfeatures table thead td { background:#66942c; vertical-align:top; padding:10px 13px; color:#fff;}
.packfeatures table thead td a:link, .packfeatures table thead td a:visited { color:#fff;}
.packfeatures table thead td a:hover { color:#F24415;}
.packfeatures .order {margin:6px auto; background: url(../img/order-g.gif) 0 0 no-repeat;}
.packfeatures table tfoot td { background:#66942c; vertical-align:top; padding:10px 13px;}

.packfeatures table td.curr {background:#f3ffe4;}
.packfeatures table .odd td.curr {background:#d7eac1;}
.packfeatures table thead td.curr { background:#80b83a; color:#fff !important;}
.packfeatures table td.curr .order { background: url(../img/order-lg.gif) 0 0 no-repeat;}
.packfeatures table tfoot td.curr { background:#80b83a;}

.packfeatures table td .check { display:block; width:14px; height:15px; overflow:hidden; margin:0 auto; background: url(../img/bg-packtables-check.gif) 0 0 no-repeat;}
.packfeatures table td .check b { display:block; padding-top:50px;}
.packfeatures .packprice { font-family:Georgia, "Times New Roman", Times, serif; font-size:20pt; margin:4px auto;}


.packfeatures { margin-top:20px}

.bot-reference table{border-bottom:none;}
	.bot-reference table td{text-align:left;vertical-align:top;}
	.bot-reference table tbody .odds td{background-color:#e9f3dd;}
.br-left-col{font-weight:bold;color:#333333;}
.br-right-col{font-size:11px;}
.bot-reference td a{text-decoration:none;}
.bot-reference td a:hover{text-decoration:underline;}

.order { display:block; width:100px; height:31px; margin-left:6px; overflow:hidden; background: url(../img/order-g.gif) 0 0 no-repeat;}
.order span { display:block; padding-top:100px;}

#middlecont ul li {background: url(../img/bull-w.gif) 0 11px no-repeat;}
#works ul { margin-top:1em}

#contacts #feedback { width:400px;}
#contacts #feedback .input, #contacts #feedback .submit { clear:left; margin:10px 0; width:310px;}
#contacts #feedback .input input { width:200px;}
#contacts #feedback .input textarea { width:300px;}
#contacts #feedback .input label { width:100px; float:left;}
#contacts #feedback .submit { text-align:right;}
#contacts #feedback .submit input { margin-right:4px;}


#example1,
#example2,
#example3 {width:303px; background:#e9f3dd; border:1px solid #80b83a;}

.packblock { text-align:center; background:#80b83a; padding:12px 0;}
.packblock a { font-size:12pt;}
.packblock a:link, .packblock a:visited { color:#fff;}
.packblock a:hover {color:#F24415;}
.packblock .order {margin:6px auto; background: url(../img/order-lg.gif) 0 0 no-repeat;}
.packblock .packprice { font-family:Georgia, "Times New Roman", Times, serif; font-size:20pt; margin:4px auto;}

ul.samples { margin:40px 0; padding:0; list-style:none;}
ul.samples li { margin:20px 0; padding:0; text-align:center; background:none;}
ul.samples li a img { border:1px solid #94a1a9;}

.clearer { clear:both; height:1px; overflow:hidden;}

#middle .input {clear:left; margin-bottom:5px; float:left;}
#middle .input label {width:200px; display:block; float:left;}
#middle .input input {display:block; float:left;}
#middle .submit {float:left; clear:left;}
/*lp********************************************************************************/


#firstHeader { position:absolute; top:100%; width:100%; padding:30px 0 0 0; text-align: center; background:#e9f3dd;}
#firstHeader h1 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; font-style: italic; margin:0 0 0.3em 0; }

#firstHeader .txtcont {width:80%; margin:0 auto; text-align: left;}
#firstHeader strong { font-weight:inherit;}
* html #firstHeader strong { font-weight:normal;}
* html #firstHeader h1 strong { font-weight:bold;}

#firstHeader .leftcol { float:left; width:46%; padding:10px 0;}
#firstHeader .rightcol { float:right; width:46%; padding:10px 0;}

#firstHeader ol { margin:0.6em 0 0.6em 2.2em;}

#firstHeader h2 { margin:0.8em 0 -0.2em 0; font-size:16pt; font-weight:normal;}
#firstHeader h3 { margin:0.8em 0 -0.2em 0; font-size:14pt; font-weight:normal;}
#firstHeader h4 { margin:0.8em 0 -0.2em 0; font-size:12pt; font-weight:bold;}

#contacts #middle , #prices #middle , #examples #middle {height:30px; min-height:0;}

.order-m { display:block; width:130px; height:29px; margin:18px 0 0 6px; overflow:hidden; background: url(../img/order-m.gif) 0 0 no-repeat;}
.order-m span {display:none;}

#works ul li {padding:2px 0pt 2px 10px; background:transparent url(../img/des/bullet.gif) no-repeat scroll 0pt 8px;}


#firstHeader { position:absolute; top:100%; width:100%; padding:0; text-align: center; background:#eee;}
#firstHeader h1 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt; margin:0 0 0.3em 0; font-weight:bold;}
#firstHeader p {padding:0 50px 0 50px;}
#firstHeader .txtcont {width:930px; margin:0 auto; text-align: left;}
#firstHeader strong { font-weight:inherit;}
* html #firstHeader strong { font-weight:normal;}
* html #firstHeader h1 strong { font-weight:bold;}

#firstHeader .leftcol { float:left; width:440px; padding:10px 0 10px 15px;}
#firstHeader .rightcol { float:right; width:440px; padding:10px 15px 10px 0;}

#firstHeader ol { margin:0.6em 0 0.6em 2.2em;}

#firstHeader h2 { margin:0.8em 0 -0.2em 0; font-size:16pt; font-weight:normal;}
#firstHeader h3 { margin:0.8em 0 -0.2em 0; font-size:14pt; font-weight:normal;}
#firstHeader h4 { margin:0.8em 0 -0.2em 0; font-size:12pt; font-weight:bold;}

.main_phone {background:url(../img/phone.gif) 90% 95% no-repeat;}