/****************************RESET**********************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border:0 none;
    margin:0;
    padding:0;
    text-align:left;
    vertical-align:baseline;
}

ol, ul {
    list-style-image:none;
}

/*****************************MAIN**********************************/
html, body {
    height:100%;
}
body {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #ffffff;
    width:100%;
    min-width:1000px;
    max-width:2000px;
    background:#244c31 url(../images/top-bg.png) top left repeat-x;
}

#wrap {
    position: relative;
    min-width:1000px;
    max-width:2000px;
    width:100%;
    margin: 0px auto;
    min-height:100%;
    height:auto !important;
    height:100%;
    background:url(../images/slogan.png) top left no-repeat;
    padding-top: 20px;
}

a {
    color:#fdfbd4;
    text-decoration:underline;
}

a:hover{
    color:#ffe954;
    text-decoration:underline;
}



h1 {
    font-size: 110%;
    color:#fdfbd4;
    font-weight: bold;
}

h2 {
    font-size: 110%;
}

h3 {
    font-size: 105%;
}

p {
    padding: 8px 0 15px 0;
}

/******************** header **************************/


.logo {
    /*margin-top: 20px;*/
    background: url(../images/logo.png) top left no-repeat;
    width: 485px;
    height: 47px;
}

.logo a {
    text-decoration: none;
    display: block;
    width: 485px;
    height: 47px;
}
.logo a:hover {
    text-decoration: none;
}

/**************************links************************/
.links {
    position: absolute;
    top:26px;
    right:25px;
    margin: 0px;
    z-index: 10;
}
.links .home-link {
    float: right;
    margin-right: 20px; 
}
.links .home-link a {
    background:url(../images/home-link.gif) 0 0 no-repeat;
    display:block;
    height:10px;
    width:11px;
}
.links .sitemap-link{
    float: right;
    margin-right: 20px;    
}
.links .sitemap-link a {
    background:url(../images/map-link.gif) 0 0 no-repeat;
    display:block;
    height:10px;
    width:11px;
}
.links .mailto-link{
    float: right;    
}
.links .mailto-link a {
    background:url(../images/mailto-link.gif) 0 0 no-repeat;
    display:block;
    height:10px;
    width:12px;
}
.links a:hover {
    background-position:100% -10px;
    height:10px;
}

/**********************vektor3d, log and parrot**************************/

.log {
    background: url(../images/log.png) top left repeat-x;
    height: 333px;
    margin-top: -10px;
    z-index: 1;
}

.vektor3d {
    background: url(../images/vektor3d.png) top left no-repeat;
    position: absolute;
    top:71px;
    left:0;
    width: 180px;
    height: 230px;
}

/****************************** parrots *********************************/
.parrot {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/parrot.png) bottom right no-repeat;
    width: 400px;
    height: 385px;
}

/****************************** breadcrumbs ******************************/

#breadcrumbs {
    position: absolute;
    top: 270px;
    left: 140px;
    color: #b9c5a4;
    font-size: 90%;
}

#breadcrumbs a{
    color: #b9c5a4;
}


/*********************************** content ********************************/

#outer_wrapper {
    margin-top: -80px;
    margin-left: 260px;
    background: url(../images/rule-left.png) repeat-y left top;
}
#wrapper {
    margin-right: 23px;
    background: url(../images/rule-right.png) repeat-y right top;
}


#container {
    width: 100%;
    float: left;
    margin-right: -25px;

}
#content {
    margin-right: 25px;
}


#main {
    padding-left: 45px;
    background: url(../images/rule-left-top.png) no-repeat left top;
z-index: 50;
line-height: 1.3;
}
#left {
    width: 260px;
    float: left;
    color: #fdfbd4;
    margin-left: -260px;
    position: relative;
}
#sidebar {
    width: 25px;
    float: right;
}


.spot {
    position: absolute;
    left:0px;
    top:240px;
    background: url(../images/spot.png) top left no-repeat;
    width: 278px;
    height: 423px;
    z-index: -5;
}

.contentheading {
    font-weight: bold;
}

.yellowcolor {
    color:#fdfbd4;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 8px;
}

.componentheading {
    font-weight: bold;
    color:#fdfbd4;
    border-bottom: 1px solid #fdfbd4;
    padding-bottom: 8px;
    margin-bottom: 22px;
}

.article_separator{
    display: block;
    height: 35px;
}


.news {
    padding-bottom: 25px;
}

.news h3 {
    font-weight: bold;
    color:#fdfbd4;
    border-bottom: 1px solid #fdfbd4;
    padding-bottom: 8px;
    margin-bottom: 22px;
}


/*****************************menu*********************************/

.moduletable_menu h3 {
    background: url(../images/folder-icon.png) top left no-repeat;
    padding: 12px 0 0 53px;
    font-size: 110%;
    font-weight: bold;
    height: 32px;
}

ul.menu {
    list-style: none;

}

ul.menu li {
    list-style: none;
    background: url(../images/menu-item.png) top left no-repeat;

}

ul.menu li a {
    display: block;
    width: 125px;
    height: 28px;
    padding: 12px 17px 0 28px;
    font-size: 105%;
    font-weight: bold;
    text-decoration: none;
    margin-left: 25px;
}

ul.menu li.active a {
    list-style: none;
    color:#ffe954;
}

ul.menu li.item1 a{
    background: url(../images/menu-item-news.gif) center left no-repeat;

}
ul.menu li.item10 a{
    background: url(../images/menu-item-request.gif) center left no-repeat;

}
ul.menu li.item3 a{
    background: url(../images/menu-item-contacts.gif) center left no-repeat;

}
ul.menu li.item4 a{
    background: url(../images/menu-item-partners.gif) center left no-repeat;

}
ul.menu li.item5 a{
    background: url(../images/menu-item-production.gif) center left no-repeat;
}
ul.menu li.item6 a{
    background: url(../images/menu-item-aboutus.gif) center left no-repeat;
}
ul.menu li.item7 a{
    background: url(../images/menu-item-documentation.gif) center left no-repeat;
}
ul.menu li.item8 a{
    background: url(../images/menu-item-forum.gif) center left no-repeat;
}



/**************************** main block ul ol**********************************/

#main ul {
    list-style: none;
}
#main ul li {
    list-style: none;
    
}
#main ol {
    list-style: decimal;
}

#main ol li {
    list-style: decimal;
    margin-left: 15px;
}

#main input {
    margin:2px 15px 6px 0;
}


/***************************** system-message ****************************/

#system-message {
    color:#ffe954;
    font-size:120%;
    padding:2px 15px;
margin:10px 0;
font-weight:bold;
border-bottom: 2px solid #ffe954;
border-top: 2px solid #ffe954;
}



/****************************** auth form **********************************/


.moduletable_auth h3 {
    background: url(../images/lock-icon.png) top left no-repeat;
    margin-top: 20px;
    padding: 12px 0 0 53px;
    font-size: 110%;
    font-weight: bold;
    height: 32px;
}

#form-login{
    margin-left: 25px;
    padding-bottom: 40px;

}

#form-login #modlgn_passwd, #form-login #modlgn_username {
    margin: 5px 0 0 0;
    color: #244c31;
    width: 170px;
    height: 18px;
    background-color: #ffffff;
    border: 1px solid #fdfbd4;
    padding: 2px 5px 0 5px;
    font-family: Verdana, Arial;
}

#form-login .button {
    color: #fdfbd4;
    width: 52px;
    height: 20px;
    background-color: #009240;
    border: 1px solid #fdfbd4;
}
#form-login ul{
    margin-left: 15px;
    margin-top: 15px;
}

#form-login ul li {
    list-style: circle;
    padding-bottom: 8px;
}

.rule {
    background: url(../images/brevno.png) top left no-repeat;
    height: 208px;
    width: 269px;
}


/************************************* mailing ************************************/

.moduletable_mailer h3 {
    background: url(../images/letter-icon.png) top left no-repeat;
    padding: 12px 0 0 53px;
    font-size: 110%;
    font-weight: bold;
    height: 32px;
}

.moduletable_news h2{
    display:inline;
    padding:0 10px;
}



/************************************* form ***************************************/

.form{
    padding:10px;
    margin-bottom:20px;
}

.form h4 {
    color:#fdfbd4;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 8px;
    display:block;
}

.form label{
    display:block;
    margin-bottom:5px;
}

.form label span{
    padding-right:25px;
    width:200px;
    text-align:left;
}

/******************************** contentpane *********************************/


.contentpaneopen h2 {
    color:#fdfbd4;
    padding: 15px 0 10px 0;
}



/******************************* footer ***********************************/

.footer_blank {
    padding-top:60px;
    clear:both;
}

#footer{
    position: relative;
    padding-left: 180px;
    padding-top: 30px;
    height: 103px;
    z-index:99;
    background: url(../images/phone.png) top left no-repeat;
    color: #fdfbd4;
}

#footer .counter {
    position:absolute;
    bottom:40px;
    right:25px;
}

#footer .counter a{
    text-decoration:none;
    border:none;
}

#footer .counter a:hover{
    text-decoration:none;
    border:none;
}


#footer .counter_yandex_metrika {
/*  position:absolute;
    bottom:40px;
    right:100px;*/
}

#footer .counter_mail_ru {
    position:absolute;
    bottom:32px;
    right:64px;
}

#footer .counter_derevoobrabotka {
    position:absolute;
    bottom:40px;
    right:160px;
}

#footer .counter_hotlog {
    position:absolute;
    bottom:40px;
    right:260px;
}

#footer .counter_rambler {
    position:absolute;
    bottom:40px;
    right:358px;
}

/********************************* menu in footer ******************************/

ul.menu_footer {
    border-bottom: 1px solid #1f5432;
    padding-bottom: 9px;
    margin-bottom: 15px;
    padding-right: 50px;
    float:left;
    left:10%;
    position:relative;
}

ul.menu_footer li{
    float: left;
    list-style: none;
    margin: 0 0 0 15px;
    padding:0 0 0 15px;
    background:url(../images/footer-li.gif) no-repeat 0 50%;
    display:inline;
}

ul.menu_footer li.item1{
    background:none;
}

ul.menu_footer li a{
    text-decoration: none;
    color:#7d9469;
    font-size: 90%;
}

ul.menu_footer li a:hover{
    text-decoration: underline;
    color:#ffe954;
}


.clear {
    clear:both;
    font-size:0;
    overflow:hidden;
}

.clear-right {
    clear:right;
}



/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }