*{margin:0;padding:0;}
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow:hidden;min-height:0;line-height:0}
.clear {display: inline-block;}
* html .clear {height: 1%;clear:both}
.clear {display: block}

img, fieldset{border:0}
a{color:#f0ee24;text-decoration:underline;font-size:12px;outline:0 !important;}
a:hover{text-decoration:none}
body{background:url(../images/bgr.jpg) no-repeat 50% 0 #c88a26;color:white;font:12px Verdana, sans-serif;padding-top:490px}
h1{font-size:18px;color:white;font-weight:normal;margin-bottom:14px;}
h2{font-size:17px;font-weight:normal;color:white;margin-bottom:13px}
h3{font-size:17px;font-weight:normal;color:white;margin:25px 0 13px 0}
ul{list-style:none;margin-left:13px;margin-bottom:20px}
ul li{padding-left:18px;background:url(../images/granat.gif) no-repeat 0 3px;margin-bottom:10px;}
p{margin-bottom:10px}

#min-width{min-width:1000px}
* html #min-width{width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "auto");}
#logo{margin-left:50%;left:-128px;display:block;width:234px;position:relative;}
#footer{height:40px;background:url(../images/line.jpg) no-repeat 50% 0;color:#e4c593;text-align:center;padding-top:145px;font-size:12px}
#page{padding-bottom:18px;position:relative; margin-top:176px}
#left {width:25%; padding-left:5px}  
#right{width:25%} 
#content{width:46%}
#content img{border:4px solid white;}
#left{float:left}
#right{float:right}
*>#content{margin:0 26%;}
* html #content{height:1%}
* html #left{margin-right:-3px;}
* html #right{margin-left:-3px}
.section, .section img{display:block}
.section{margin-top:18px}
#right .section{margin-top:5px}
.center{width:260px;margin:0 auto;}

div span{position:absolute;width:260px;height:30px;}
#begin, #methods, #creation, #counsels, #interesting,#expo{height:35px}
#begin span{background:url(../images/begin.gif) no-repeat 0 0;}
#methods span{background:url(../images/methods.gif) no-repeat 0 0}
#creation span{background:url(../images/creation.gif) no-repeat 0 0}
#counsels span{background:url(../images/counsels.gif) no-repeat 0 0}
#interesting span{background:url(../images/interesting.gif) no-repeat 0 0}
#expo span{background:url(../images/expo.gif) no-repeat 0 0}
#pictures{margin-top:30px;}
#pictures img{display:block;float:left;margin-right:6px;margin-bottom:6px}
* html #pictures img{display:inline-block}
.thead a{font-style:bold}


td.text {padding-left:10px}
a.cont {text-decoration:none}
hr {margin:0px 0; color:#999999}

.article{min-height:130px; border-top:1px dashed #fff; padding:10px 0}
.article img{float:left; margin:0 15px 15px 0;}
.article a{text-decoration:none;}
.article h2 a{font-size:17px}
.article h2 a:hover{text-decoration:underline}
* html .article {height:130px}
* html .article h2 {margin:0 0 10px}

.expo{display:block;  padding:10px 15px 0 10px}
.expo .date{ background:#b77916; padding:0 0 2px 5px}
.expo a{text-decoration:none;}
.expo a:hover{text-decoration:underline}
* html .expo {height:50px}

img.left {float:left; margin-right:10px; margin-bottom:1px}
#close {background:url(../images/close.png) no-repeat;position:absolute; right:2px; top:2px; width:27px; height:27px; cursor: pointer; cursor:hand;}