html {
    background: url(../../img/body_bg.jpg) top repeat-x;
}

body {
    margin:0;
    padding: 0;
    font-family: Tahoma,Verdana, Arial,sans-serif;
    font-size: 12px;
    background: url(../../img/footer_bg.png) repeat-x bottom;
    line-height: 1.4em;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}
ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
img {
    border: none;
}
.clear
{
    clear: both;
    height: 0;
    margin: 0;
    line-height: 0;
}
a {
    color: black;
    text-decoration: none;
}


.green
{
    color: #5CA23F;
}
.hr {
    background: url(../../img/hr.png) repeat-x;
    height: 3px;
    margin: 20px 0;
}
h2 {
    font-size: 1.2em;
    padding-top: 10px;
}

/********************/
/*    container     */
/*******************/
#container {
    margin: 0 auto;
    width: 950px;
}
/********************/
/* content_wrapper  */
/*******************/
#content_wrapper {
    padding-bottom: 15px;
    border-bottom: solid 4px #7AC147;
}
/********************/
/*       header     */
/*******************/
#header #lang {
    text-align: right;
}
#header #lang img {
    margin: 3px 2px;
}
#header #about {
    float: left;
    width: 230px;
    height: 299px;
    background: url(../../img/corner.png) no-repeat bottom left;
    border-bottom: solid 1px #7AC147;
    position: relative;
}
#header #logo {
    padding-top: 10px;
}
#header #logo a {
    display: block;
}
#header #contact {
    margin-top: 10px;
}
#header #mail {
    width: 130px;
}
#header #mail a {
    display:block;
}
#header #slogan {
    float: left;
    height: 300px;
    width: 710px;
    margin-left: 10px;
}
#header #slogan p {
    padding: 160px 0 0 30px;
    width: 330px;
    font-size: 11px;
    color: #1e630b;
}
/********************/
/*    main_left    */
/*******************/
#main_left {
    float: left;
    width: 230px;
    padding-top: 10px;
}
#main_left #navigation {
    padding-bottom: 20px;
    border-bottom: solid 4px #7AC147;
}
#main_left ul.submenu li a {
    display: block;
    background-color: #EBECF0;
    padding: 10px 0 10px 15px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #D6D6D6;
    border-left: solid 1px #B4B4B6;
    border-right: solid 1px #B4B4B6;
}
#main_left ul.submenu li a:hover {
    background-color: #7AC147;
    color: #fff;
}
#main_left ul.submenu li a.selected{
    background-color: #7AC147;
    color: #fff;
}
#main_left ul li span, #main_left ul li.menu a  {
    display: block;
    background: url(../../img/menu.jpg) bottom no-repeat;
    height: 53px;
    padding-left: 15px;
    line-height: 53px;
    border: solid 1px #B4B4B6;
    border-top: none;
    border-collapse: collapse;
    cursor: pointer;
}
#main_left ul li span.selected {
    background: url(../../img/menu_selected.jpg) no-repeat !important;
    border-color: #6A925C;
    color: #fff!important;
}
#main_left ul li.selected a {
    display: block;
    background: url(../../img/menu_hover.jpg) bottom no-repeat;
    height: 53px;
    padding-left: 15px;
    line-height: 53px;
    border: solid 1px #6A925C;
    border-top: none;
    cursor: pointer;
    color: #fff!important;
}
#main_left ul li span:hover, #main_left ul li.menu a:hover {
    background: url(../../img/menu_hover.jpg) no-repeat !important;
    border-color: #6A925C;
    color: #fff!important;
}
#main_left ul.first {
    border-top: solid 1px #B4B4B6;
}
#main_left #tags {
    margin-top: 1px;
    border-top: solid 1px #B7B6B6;
    padding-top: 10px;
    padding-right: 10px;
}
#main_left #tags h4 {
    font-size: 1em;
    padding-bottom: 15px;
    color: #5C5C5C;
}
#main_left #tags a {
    color: #5C5C5C;
}
#main_left #awards{
    margin-top: 20px;
}
#main_left #awards h4 {
    font-size: 1em;
    padding-top: 20px;
    padding-bottom: 15px;
    color: #5C5C5C;
}
#main_left #awards_images {
    margin-left: 30px;
}
/********************/
/*    main_content  */
/*******************/
#main_content {
    float: left;
    width: 710px;
    padding-left: 10px;
    padding-top: 10px;
}
#main_content #boxes {
    padding-bottom: 15px;
    border-bottom: solid 4px #7AC147;
}
#main_content #boxes .box {
    float: left;
    width: 230px;
}
#main_content #boxes .box_center {
    float:left;
    width: 230px;
    margin: 0 10px;
}
#main_content #boxes .title {
    height: 53px;
    border: solid 1px #B4B4B6;
}
#main_content #boxes .title a {
    display: block;
    background: url(../../img/menu.jpg) no-repeat;
    padding-left: 10px;
    line-height: 53px;
}
#main_content #boxes .title a:hover {
    background: url(../../img/menu_hover.jpg) no-repeat;
    color: #fff;
}
#main_content #body {
    margin-top: 1px;
    border-top: solid 1px #B7B6B6;
}
#main_content #body h2 span {
    font-weight: normal;
    font-size: 0.9em;
}
#main_content #body ul, #main_content #body li  {
    list-style:circle;
    margin-left: 15px;
}
#main_content #body a {
    font-weight: bold;
    color: #5CA23F;
}
#main_content #body a:hover {
    text-decoration: underline;
}
#main_content #body a.more {
    color: #000;
}

#main_content #galleries {
    padding-top: 20px;
    text-align: center;
}
#main_content #galleries img {
    padding: 10px;
}
/********************/
/*   ask_question  */
/*******************/

#ask_question table {
    margin: 30px 0 120px 100px;
}
#ask_question input, textarea {
    width: 250px;
    padding: 5px 0;
    border: solid 1px #CCC;
    padding-left: 10px;
    margin: 2px 20px;
}
#ask_question select {
    height: 30px;
    padding: 5px;
    margin: 2px 20px;
    width: 262px;
}
#ask_question .submit {
    background: url(../../img/send.jpg) no-repeat;
    width: 77px;
    height: 28px;
    margin-top: 20px;
}
#ask_question .pl {
    background: url(../../img/send.jpg) no-repeat;
}
#ask_question .de {
    background: url(../../img/send_de.jpg) no-repeat;
}
#ask_question .en {
    background: url(../../img/send_en.jpg) no-repeat;
}
#ask_question .ru {
    background: url(../../img/send_ru.jpg) no-repeat;
}
/********************/
/*     contact      */
/*******************/

#address {
    float: left;
    width: 30%;
}
#maps {
    float: right;
    width: 65%;
}
#maps #google_maps {
    padding-top: 20px;
}
#form {
    clear: both;
    padding-top: 10px;
}
#form table {
    margin: 30px 0 50px 135px;
}
#form input, textarea {
    width: 250px;
    padding: 5px 0;
    border: solid 1px #CCC;
    padding-left: 10px;
    margin: 2px 20px;
}
#form select {
    height: 30px;
    padding: 5px;
    margin: 2px 20px;
    width: 262px;
}
#form .submit {
    
    width: 77px;
    height: 28px;
    margin-top: 20px;
}
#form .pl {
    background: url(../../img/send.jpg) no-repeat;
}
#form .de {
    background: url(../../img/send_de.jpg) no-repeat;
}
#form .en {
    background: url(../../img/send_en.jpg) no-repeat;
}
#form .ru {
    background: url(../../img/send_ru.jpg) no-repeat;
}
/********************/
/*       footer     */
/*******************/
#footer {
    clear: both;
    color: #999999;
    margin-top: 1px;
    border-top: solid 1px #B7B6B6;
}
#footer #partnership {
    position: relative;

}
#footer #partnership img {
    padding: 10px 12px;
    float: left;
}
#footer #copyright {
    line-height: 40px;
    float: left;
}
#footer #realization {
    line-height: 40px;
    float: right;
}
/************************/
/***** scrolling********/
/***********************/

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
    background: url(../../img/go_left.jpg) no-repeat left center;
    float: left;
    width:40px;
    height: 100px;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
    background: url(../../img/go_right.jpg) no-repeat left center;
    float: right;
    width:40px;
    height: 100px;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
    overflow: hidden;
    width: 870px;
    height: 100%;
    float: left;

}
div.scrollableArea
{
    width: auto;
    height: 100%;
}
/*Validation*/
.info,.success,.warning,.error,.validation, .error_message
{
    border:1px solid;
    margin:10px auto;
    padding:7px 10px 7px 35px;
    background-repeat:no-repeat;
    background-position: 10px 6px;
}
.success
{
    color:#4f8a10;
    background-image: url(../../img/icons/accept.png);
    background-color:#dff2bf;
}

.error, .error_message
{
    color:#d8000c;
    background-image: url(../../img/icons/exclamation.png);
    background-color:#ffbaba;
}