* { margin:0; padding:0 }
html { height:100% }
body {
	height:100%; width:100%;
	background:#E5E7D2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*min-width:1014px*/
}
p { margin-bottom: 1.5em }
h1 { position:relative; height:20px; font-size:17px; color:#5D7324; text-transform:uppercase; margin: 31px 0 21px 0; border-bottom:1px dotted #5D7324 }
h1 img { position:absolute; right:0; bottom:-2px }

h2 {font-size:16px; color:#5D7324; text-transform:uppercase }
h3 {font-size:13px; color:#5D7324}

ol li {margin: 0 0 0.5em 2em }

a {color:#5D7324; text-decoration:underline}
a:hover {text-decoration:none}
a img { border:0 }
#container { position:relative; width:100%; min-height:100% }
* html #container { height:100% }

.langRU, .langEN, .langDE, .langES, .langIT, .langFR { position:absolute; top:0; width:28px; height:19px; padding-top:10px; background:#F6F7EB; text-align:center }
.langRU { right:200px }
.langEN { right:164px }
.langDE { right:128px }
.langES { right:92px }
.langIT { right:56px }
.langFR { right:20px }
.langRU a, .langEN a, .langDE a, .langES a, .langIT a, .langFR a { font-size:10px; color:#1C5220; font-weight:bold; text-decoration:none }
.langRU a:hover, .langEN a:hover { text-decoration:underline }
.langActive { background:#89A236 }
.langActive a { color:#F5F6EB; text-decoration:none }
.langActive a:hover { text-decoration: underline }

#vol { position:absolute; top:47px; right:61px }

#head { position:relative; height:232px; border-top:10px solid #89A236 }
#logo { position:absolute; top:42px; left:40px }
#pic { margin-left: 212px }

#menu { position:relative; height:27px }

#home, #mail, #map { position:absolute; top:8px }
#home { left:74px }
#mail { left:107px }
#map { left:137px }

.items { position:absolute; top:0; left:265px; width:671px; height:27px; background:#89A236 }
.items table { width:100%; border-collapse:collapse }
.items table td { height:27px; border-right:1px solid #E5E7D2; text-align:center }
.items table td a { color:#F6F7EB; font-size:16px; text-decoration:none; display:block; height:27px; padding-top:0.2em }
.items table td a:hover { text-decoration:underline; background:#617B1E }
.items table td.last { border:0 }

.more { display:block; margin-top:.4em; color:#4F6983; text-decoration:underline }
.more:hover { text-decoration:none }
.more img { border-bottom:0.5em solid #E5E7D2; margin-bottom:-0.6em; border-right:0.6em solid #E5E7D2 }

#submenu { list-style:none; margin-top:42px }
#submenu li { padding: 7px 0; position:relative; overflow:hidden; border:1px solid #E5E7D2; border-bottom:1px dotted #89A236 }
#submenu li.last { border:0 }
#submenu li img { float:right; margin-top:.3em }
#submenu li a { font-size:12px; color:#000; font-weight:bold; text-decoration:none; display:block }
#submenu li a:hover { text-decoration:underline }

#path { position:absolute; top:7px; left:0 }
* html #path { top:-23px }
#path, #path a { color:#4E6882 }
#path { font-size:12px }
#path a { font-size:10px; text-decoration:underline }
#path a:hover { text-decoration:none }

.newsItem { margin-bottom: 0.4em }
.intro { font-size:11px }
.shopItem { width:220px; margin:10px; float:left } 
.shopItemDes, .shopPrice { width:192px; margin:5px 0 }
a.buy {}
a.buy img { border-right:5px solid #EFF2E2; margin-bottom:-0.5em; border-bottom:0.5em solid #EFF2E2}

#footer { position: relative; height:60px; margin-top:-60px; background:#90A94C }
#before_footer { height:60px; clear:both }
#trees, #animals { position:absolute }
#trees { top:-96px; left:0 }
#animals { top:-65px; right:0 }

#copy, #contacts, #developers { position:absolute; top:16px; color:#fff; font-size:10px }
#copy a, #contacts a, #developers a { color:#fff; font-size:10px; text-decoration:none }
#copy a:hover, #contacts a:hover, #developers a:hover { text-decoration:underline }
#copy { left:50px }
#contacts { left:294px }
/* #developers { right:110px } */
#developers { right:30px }
.main_form { width:300px; border:1px solid #89A236; padding:2px }



/* ------------------- */
/* column container */
 .colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
 .holygrail {
	    background:#E5E7D2;    	/* Right column background colour */
	}
.holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-256px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#EFF2E2;    	/* Centre column background colour */
    }
 .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:521px;         	/* Left column width + right column width */
        background:#E5E7D2;    	/* Left column background colour */
    }
 .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:265px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
.holygrail .col1 {
        margin:0 283px 0 292px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		/*min-height:400px;*/
	}
* html .holygrail .col1 { width:100% }
 .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:184px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:50px;         	/* Width of the left-had side padding on the left column */
    }
.col2 h1 { font-size: 12px }
 .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:192px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:123px;  	/* !!!!!!!!! Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
.col3 h1 { font-size: 12px }

/* table page: 2 column settings */
.leftmenu { background:#E5E7D2 }
.leftmenu .colright { float:left; width:200%; position:relative; left:265px; background:#E5E7D2 }
.leftmenu .col1wrap { float:right; width:50%; position:relative; right:265px; padding-bottom:1em }
.leftmenu .col1 { margin:0 15px 0 293px; position:relative; right:100%; overflow:hidden }
.leftmenu .col2 { float:left; width:190px; position:relative; right:215px }