html, body, div, img  {
 padding: 0px;
 margin: 0px;
 border: 0px;
}
html, body {
 height: 100%;
}
body {
 font-family: Trebuchet MS;
 color: #3f4952;
 font-size: 14px;
}

div, img {
 position: relative;
}
*table, *td div {
 position: relative;
}

#overflow {
 overflow: hidden;
 min-height: 100%;
 _height: 100%;
}

#header, #overflow {
 min-width: 990px;
}

#main, #footer, #header_content {
 width: 990px;
 margin: 0px auto;
}

#home {
 position: absolute;
 left: 328px;
 top: 15px;
 width: 1134px;
 height: 442px;
 background: transparent url('/img/home/hare.jpg') left top no-repeat;
}

#header {
 position: absolute;
 top: 0px;
 left: 0px;
 height: 77px;
 background: white url('/img/line_bg.png') left bottom repeat-x;
 width: 100%;
 z-index: 100;
 overflow: hidden;
}
#logo {
 position: absolute;
 display: block;
 left: 5px;
 top: 30px;
 z-index: 10;
}
#logo img {
 display: block;
}
#menu {
 padding: 43px 0px 0px 255px;
 font-size: 14px;
 text-align: right;
 margin-right: -15px;
}/*
#menu table {
 width: 100%;
}
#menu td {
 padding-right: 30px;
 padding-left: 5px;
}*/
#menu a {
 color: #3d4952;
 text-decoration: none;
 padding: 0px 39px;
 display: inline;
 white-space: nowrap;
}   
#menu a:hover {
 text-decoration: underline;
}
#menu a.act {
 font-weight: bold;
}

#left {
 margin: 0px 0px 0px 0px;
 padding: 123px 20px 70px 65px;
 width: 265px;
 float: left;
} 
.home #left {
 padding-top: 121px !important;
}
.threeColl #left {
 width: 261px;
 padding-top: 152px;
}

.threeColl #right {
 margin: 0px 0px 0px 0px;
 padding: 152px 7px 0px 10px;
 width: 222px;
 float: right;
} 
#menu_second {          
 font-size: 14px;
} 
.home #menu_second {          
 font-size: 16px;
} 
#menu_second .small {
 font-size: 12px !important;
 color: #999999 !important;
 margin-top: -5px;
 display: block;
}
#menu_second span, #menu_second a.act {
 text-decoration: underline;
 font-weight: bold;
}
#menu_second a:hover {
 text-decoration: underline;
}
#menu_second ul {
 margin: 0px;
 padding: 0px;
}
#menu_second li {
 background: transparent url('/img/menu_marker.png') left 13px no-repeat;
 list-style: none;
 margin: 0px;
 padding: 6px 0px 6px 16px;
} 
.home #menu_second li {
 background-position: left 17px;
}
#menu_second li a {    
 color: #000;
 text-decoration: none;
}
#menu_second ul ul {
 margin: 0px;
 padding: 5px 0px 0px 0px;
 font-size: 12px;
}
#menu_second li li {
 margin: 0px;
 padding: 2px 0px 2px 16px; 
 background-image: none;
}
#menu_second li li.plus {
 /*background: transparent url('/img/menu_plus.png') left 8px no-repeat;*/
 cursor: pointer;
}
#menu_second li li.mines ul {
 display: none;
}
#menu_second li li.mines {
 /*background: transparent url('/img/menu_mines.png') left 8px no-repeat; */
 cursor: pointer;
}
.li-marker {
 position: absolute;
 left: 0px;
 top: 3px;
 text-align: center;
 width: 16px;
 font-family: Tahoma;
}
#menu_second li li a {
 color: #000000;
 text-decoration: underline;
} 
#menu_second li li a.act, #menu_second li li span {
 text-decoration: none;
} 


#center {
 padding: 100px 10px 10px 10px;
}
#content {
 margin: 0px 10px 0px 350px; 
 padding: 100px 0px 0px 0px;
}
.home #content {
 height: 290px;
}
.threeColl #content {
 margin: 0px 240px 0px 346px; 
}

#breadCrumb {
 font-size: 11px;
 position: absolute;
 top: 90px;
 right: 25px;
 z-index: 100;
}

#clear {
 clear: both;
 width: 0px;
 height: 165px; 
}

#footer {
 margin-top: -165px;
 height: 165px; 
 color: #999999;
 font-size: 12px;
}

#order-link {
 position: absolute;
 left: 20px;
 top: -55px;
}


#footer a {
 color: #999999;
}
#footer-l, #footer-r, #footer-c, #footer-c_title {
 position: absolute;
}
#footer-r {
 right: 25px;
 top: 95px;
 text-align: right;
}
#footer-c {
 left: 485px;
 top: 42px;
 width: 506px;
 text-align: center;
 border-bottom: 1px solid #aaa;
 padding-bottom: 20px;
}
#footer-c_title {
 left: 0px;
 top: 40px;
 width: 475px;
 border-bottom: 1px solid #aaa;
 padding-bottom: 20px;
 padding-right: 10px;
 text-align: right;
}
#footer-l {
 left: 35px; 
 top: 97px;
 height: 27px;
 /*background: transparent url('/img/sc.png') 0px bottom no-repeat;
 padding-left: 45px; */
 line-height: 1.1em;  
}
#footer-l:hover {
 background-position: 0px top;
}
#footer-l a {
 text-decoration: none;
} 
#footer-l a:hover {
 text-decoration: underline;
} 

#hostcms {
 display: none;
}

/* --- */

.portfolio_item {
 margin: 25px 0px;
 width: 630px;
}
.portfolio_item h1 {
 margin: 5px 0px;
 font-size: 18px;
 text-transform: uppercase;
}
.portfolio_item h2 {
 margin: 5px 0px;
 font-size: 16px;
 font-style: italic;
 text-transform: none;
 font-family: Georgia;
}
.portfolio_item .portfolio_item_link {
 display: block;
 margin: 5px 0px;
}

.portfolio_item_desc {
 position: absolute;
 bottom: 115px;
 right: 30px;
 width: 200px;
}

.portfolio_styles_item img {
 margin: 15px;
}

/* --- */

/* - home - */

#bottom {
 margin: 0px 25px;
}

#main.home #bottom {
 margin: 0px 10px 0px 350px;
 height: 400px;
 padding-top: 80px;
}

#bottom h1 {
 font-size: 30px;
}

.link-arrow, .link-arrow-gray {
 background: transparent url('/img/link-arrow-gray.png') right top no-repeat;
 line-height: 25px;
 padding: 0px 15px 0px 5px;
 height: 25px;
 overflow: hidden;
 text-decoration: none;
 color: white !important;
 white-space: nowrap;
 display: block;
}
.link-arrow-gray {
 padding-left: 37px;
 padding-right: 42px;
 margin-left: 50px;
 text-decoration: none;
 width: 90px;
}
.link-arrow:hover, .link-arrow-gray:hover {
 background-position: right bottom;
 text-decoration: none;
}

.home ol { 
 margin-left: 30px;
}
.home ol li {
 list-style-position: outside;

}


#scrollable {
 width: 596px;
 height: 300px;
 overflow: hidden;
 font-size: 13px;
 color: #666666;
 margin-left: 7px;
 margin-top: 47px;
 line-height: 1.1em;
 margin-bottom: 20px;
}
#scrollable_block {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 999999em;
}
.scrollable_item {
 width: 630px;
 margin-right: 40px;
 float: left;
 padding-left: 3px;
}

#scrollable h2, #scrollable h1 {
 font-size: 20px;
 text-transform: uppercase;
 font-weight: bold;
}
#scrollableLeft {
 position: absolute;
 right: 635px; 
 top: 125px;
 width: 16px;
 height: 19px;
 background: transparent url('/img/but_left.png') left top no-repeat;
 cursor: pointer;
 display: none;
}
#scrollableLeft:hover {
 background-position: left bottom;
}
#scrollableRight {
 position: absolute;
 right: -5px; 
 top: 125px;
 width: 16px;
 height: 19px;
 background: transparent url('/img/but_right.png') left top no-repeat;
 cursor: pointer;
}
#scrollableRight:hover {
 background-position: left bottom;
}
.navi {
 position: absolute;
 right: 10px;
 top: 305px;
 width: 660px;
 height: 10px;
 background: transparent url('/img/navigate_bg.png') left center repeat-x;
}
.navi a {
 padding: 0px 5px;
 height: 10px;
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 background: transparent url('/img/navigate.png') left top no-repeat;
 text-decoration: none;
}
.navi a:hover {
 text-decoration: none;
}
.navi a div {
 display: none;
 position: relative;
 top: 12px;
 left: -50%;
 margin-right: -10px;
 white-space: nowrap;
 font-size: 12px;
}
.navi a.active {
 background: transparent url('/img/navigate_a.png') left top no-repeat;
}
.navi a.active div, .navi a:hover div {
 display: block;
}


/* - / home - */

/* - form send - */

input, textarea {
 background-color: #f2f2f2;
 color: #000;
 border: 1px solid transparent;
 padding: 7px 5px;
 width: 212px;
 margin: 5px 0px;
 outline-style: none;
 font-family: Trebuchet MS;
 font-size: 12px;
}
textarea {
 height: 150px;
}

.sub, .sub:hover {
 width: 160px;
 padding-left: 0px;
 padding-right: 10px;
 text-align: center;
 background: transparent url('/img/link-arrow-gray.png') right top no-repeat;
 cursor: pointer;
 color: black;
 text-decoration: none;
 outline-style: none;
 border-style: none;
 height: 25px;
 overflow: hidden;
 line-height: 22px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 10px;
}
.sub:hover {
 background-position: right bottom;
}
.sub.off {
 text-shadow: 0px 1px 1px #fff;
 color: #535353;
}


.threeColl #bottom {
 margin: 0px 11px;
}
.borderShadow {
 width: 220px;
 height: 206px;
 background: transparent url('/img/border_shadow.png') left top no-repeat;
 overflow: hidden;
 padding: 11px;
 position: static;
 display: block;
}
.borderShadow img {
 margin: 0px;
 position: static;
 display: block;
}

.small {
 font-size: 12px !important;
}

#imgCaptha {
 margin-bottom: -5px;
 margin-right: 20px;
}

#show_comments {
 margin-top: 80px;
 display: block;
}
.formComments_key {
 width: 103px;
}
.formComments_text {
 width: 500px;
}

/* - / form send - */

/* - articles - */

.articles-item {
 line-height: 1.6em;
 padding: 20px 0px 20px 0px;
 border-bottom: 2px solid #e0e0e0;
}
.articles-item p {
 margin: 5px 0px;
}
.articles_item_user {
 font-size: 12px;
 padding-bottom: 20px;
}
.articles_item_user img {
 margin: 0px !important;
}
.articles-title {
 font-family: Georgia;
 color: #000000;
 font-style: italic;
 font-size: 24px;
 text-decoration: underline;
 margin: 5px 0px;
 padding-right: 45px;
}
.articles-num_comments {
 right: 0px;
 top: 0px;
 text-decoration: none;
}
.articles-link-cont {
 text-align: right;
}
.articles-link {
 color: #f1aa1e;
 position: absolute;
 left: 0px;
 top: 0px;
}
.articles-comments-link {
 color: #f1aa1e;
}
.articles-date {
 color: #010101;
 font-size: 12px;
 margin-bottom: 10px;
}

.allList {
 text-align: right;
}
.allList a {
 position: absolute;
 white-space: nowrap;
}

.articles-img-pad {
 margin: 10px 0px;
 display: block;
 font-size: 18px;
 cursor: pointer;
 line-height: 34px;
}
.articles-img-pad div, .articles-num_comments {
 position: absolute;
 line-height: 34px;
 height: 44px;
 width: 34px;
 background: transparent url('/img/comments.png') left center no-repeat;
 text-align: center;
 color: white;
 font-size: 24px;
}

.articles-img-pad span {
 border-bottom: 1px dashed black;
 margin: 0px 0px 0px 45px;
}

#formcomments {
 display: none;
}
#formcomments input[type=text], #formcomments textarea {
 border: 1px solid #333333;
 background-color: white;
}
.articles-img-pad {
 cursor: pointer;

}

.commentDESC {
 padding: 10px 0px 20px 0px;
 font-style: italic;
}

.commentFIO {
 font-size: 12px;
 poadding: 5px 0px;
}

.articles_items td {
 vertical-align: top;
}

#paging {
 margin: 10px 0px;
}
#paging span {
 background: transparent url('/img/paging_bg.png') left center repeat-x;
 padding: 0px 12px;
} 
#paging span a {
 margin: 0px 4px;
}

.date-comment {
 color: #f1ab1e;
 padding: 5px 0px;
 font-size: 12px;
}

#comments {
 padding-left: 45px;
}

/* / - articles - */

/* form synergy */

.order_form {
 padding: 10px 22px;
 font-size: 12px;
}

.order_form fieldset {
 margin: 20px 0 30px;
 border: 0 none;
 font: inherit;
 margin: 0;
 padding: 0;
}

.order_form .form_pad {
 padding-left: 32px;
}

.order_form .form_strong {
 font-size: 15px;
 font-family: Lucida Sans Unicode, Lucida Regular, Arial;
}

.order_form .form_images {
 position: absolute;
 top: 0px;
 right: 0px;
}

.order_form input[type=checkbox],
.order_form input[type=radio] {
 margin-left: 10px;
 width: auto;
}
.order_form label {
 margin: -20px 0px 10px 35px;
 display: block;
}
.order_form fieldset {
 margin: 20px 0px 30px 0px;
}
.order_form textarea {
 width: 100%;
 display: block;
 position: relative;
 resize: none;
}
.order_form input[type=text], .order_form textarea {
  border: 1px solid #bec4c9;
  border-radius: 3px 3px 3px 3px;
  font-family: Arial;
  font-size: 14px;
  background-color: #fff;
  padding: 0px;
}
.order_form textarea[disabled] {
  background-color: #ebe9ed;
}
.order_form input[type=text] {
 width: 490px;
 margin-right: -5px;
}

.order_form h2 {
    font-size: 16px;
    margin: 0.8em 0 0.6em;
}

.order_form input[type=submit] {
 width: 126px;
 height: 31px;
 display: block;
 background: transparent url('../img/submit.png') left top no-repeat;
 border: 1px none transparent;
 color: #fff;
 margin: 20px 0px 20px auto;
 cursor: pointer;
 font-size: 14px;
}

.red {
 color: #ED1D24;
 font-style: italic;
 font-weight: bold;
}
.order_form .order_form_table {
 width: 100%;
}

.modal_mess {
 padding: 10px 45px;
 border: 1px solid #000000;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 background: transparent url('/img/alpha.png') right top repeat;
 width: 360px;
 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
}

.modal_window {
 display: none;
}

h2.title_mess {
 font-size: 37px;
 color: #ed1d24;
 text-align: center;
 font-family: Arial;
 font-weight: normal;
}

/* / form synergy */

/* - order - */

#orederBG {
 background: transparent url('/img/shtamp.jpg') right top no-repeat;
}
#orederBG table 
{
 font-style: italic;
} 
.order-input {
 border: 1px solid #cccccc;
 padding: 2px;
 background-color: white;
 width: 275px;
}
.order-textarea {
 /*border: 1px solid transparent;*/
 border: 1px solid #cccccc;
 padding: 2px;
 background-color: white;
 width: 340px;
 height: 96px;
 resize: none;
 /*background: transparent url('/img/textarea.jpg') right top no-repeat;*/
}
.phone {
 margin: 20px;
}
.oredercontacts {
 margin-top: 90px !important;
 font-style: italic;
}
/* / - order - */

.clear {
 clear: both;
 width: 0px;
}

h1 {
 color: #3d4952;
 font-size: 28px;
 font-weight: normal;
 margin: 9px 0px;
}

h2 {
 color: #3d4952;
 font-size: 20px;
 font-weight: bold;
 margin: 9px 0px;
 text-transform: uppercase;
}

p, ul, ol {
 margin: 10px 0px;
}
#content ol li {
 list-style-type: none;
}
ol li {
 list-style-position: inside;
}

.ol {
 font-family: Sylfaen;
 font-size: 24px;
 position: absolute;
 left: 0px;
 top: 5px;
}
.ol-content {
 padding: 11px 0px 11px 34px
}
li {
  position: relative;
}

a {
 color: #3f4952;
 outline-style: none;
 text-decoration: underline;
}
a:hover,
#content ul li a:hover, #right ul li a:hover, #bottom ul li a:hover {
 text-decoration: underline;
}

.err, .mess {
 padding: 30px 10px 30px 89px;
 margin: 20px 10px;
 font-size: 12px;
 background: #e5e5e4 url('/img/err.png') left bottom no-repeat;
 line-height: 1.2em;
 width: 407px;
}
.err ul, .mess ul, .err li, .mess li {
 padding: 0px;
 margin: 0px;
 list-style: none;
}
.err li, .mess li {
 padding: 2px 0px;
 background-position: left 9px !important;
}

.gray {
 color: #999999;
 font-size: 14px;
}
.orange {
 color: #ff9933;
}

.spoyler-head span {
 cursor: pointer;
 /*background: transparent url('/img/spoyler.png') right top no-repeat;
 padding-right: 37px;
 line-height: 18px;*/
 text-decoration: none;
 border-bottom: 1px dashed #3D4952;
}
.spoyler-head span:hover {
 color: #ff9933;
 border-bottom: 1px dashed #ff9933;
}/*
.spoyler-head.act span {
 background: transparent url('/img/spoyler_a.png') right top no-repeat;
}*/
.spoyler-content {
 display: none;
 padding: 10px 5px;
}

ul, ol {
 padding: 0px;
}
#content ul li, #right ul li, #bottom ul li {
 list-style: none;
 margin: 0px;
 padding: 3px 0px 3px 16px;
 background: transparent url('/img/menu_marker.png') left 10px no-repeat;
}
#content ul li a, #right ul li a, #bottom ul li a {
 text-decoration: none;
}

.li_border {
 position: absolute;
 font-size: 1px;
 left: 0px;
 bottom: -1px;
 height: 1px;
 width: 195px;
 background-color: #000;
}

.img_margin {
 margin: 0px 14px 14px 0px;
}
