@font-face {
  font-family: "Heinrich"; src: url(Heinrich.ttf) format("truetype");
}

* { padding: 0; margin: 0; outline: 0; }
body { font-family: Arial, Helvetica, sans-serif; background: transparent url(../img/bk.jpg) repeat; }
img { border: none; }
#header { background: transparent url(../img/header_line.png) repeat-x bottom; height: 150px; }
#logo { float: left; width: 316px; background: transparent url(/img/pnglogo.png) no-repeat center; height: 117px; margin-left: 20px; }
#menu { float: right; position: relative; top: 30px; right: 20px;}
#menu ul li { list-style: none; float: left; margin: 0px 10px 0px 10px; }
#body { clear: both; margin-left: 320px; }
#footer { position: absolute; left: 0px; top: 1000px; }
#random { width: 300px; height: 300px; position: absolute; left: 0px; top: 120px; }
#copyright { background: transparent url(../img/sign.png) no-repeat; width: 233px; height: 16px; position: fixed; bottom: 0px; left: 5px; }
#news { position: absolute; left: 0px; top: 420px; background: transparent url(../img/new.png) no-repeat top; width: 250px; height: 150px;  }
#news_content { margin-top: 65px; width: 200px; }
#news_content ul { margin: 0px; padding: 0px; }
#news_content ul li { list-style: none; background: transparent url(../img/line.gif) repeat-x bottom; padding-bottom: 2px; margin-top: 3px; }
#news_content ul li a { font-family: Heinrich; text-decoration: none; color: #4e4e4e; font-size: 18px; margin-left: 10px; font-weight: normal; }
#news_content ul li a:hover { background: url(../img/menu_bk.png) no-repeat center; color: #a09e9b; }

#last_work { position: absolute; left: 0px; top: 590px; background: transparent url(../img/last.png) no-repeat top; width: 250px; height: 300px; }
#last_work_content { margin-top: 65px; background: url(../img/frame.png) no-repeat; width: 200px; height: 133px;  }
#last_work_content img { margin-top: 6px; margin-left: 8px; }

#contacts { position: absolute; left: 0px; top: 810px; background: transparent url(../img/contacts.png) no-repeat top; width: 250px; height: 200px; }
#contacts_content { margin-top: 65px; width: 200px; }
#contacts_content ul li { list-style: none; font-family: Heinrich; color: #4e4e4e; font-size: 18px; margin-top: 5px; height: 26px;}
#contacts_content ul li.phone { background: transparent url(../img/phone.png) no-repeat left; padding-left: 40px; margin-left: 10px; }
#contacts_content ul li.mail { background: transparent url(../img/pigeon.png) no-repeat left; padding-left: 40px; margin-left: 10px; }
#contacts_content ul li.icq { background: transparent url(../img/icq.png) no-repeat left; padding-left: 40px; margin-left: 10px; }
/* Format */
.hr {  background: transparent url(../img/line.gif) repeat-x bottom; height: 5px; display: block; margin: 5px 30px 5px 30px; clear: both;}
.article_title { font-family: Heinrich; color: #313131; font-size: 35px; text-indent: 20px; }
.article_text { font-size: 13px; color: #313131; text-indent: 20px; }
.article_text2 { font-size: 14px; color: #313131; text-indent: 20px; padding-left: 20px; padding-right: 20px; line-height: 18px; }
.article_text3 { padding: 10px 0px 10px 0px; }
.article_a1 a { font-size: 14px; color: #313131; text-decoration: underline; }
.works_div ul li {list-style: none; font-family: Heinrich; color: #313131; font-size: 30px; margin-top: 10px;}
.works_div ul li ul li { margin-top: 0px; margin-left: 20px; }
.works_div ul li ul li a { font-family: Heinrich; font-size: 18px; text-decoration: none; color: #313131; background: transparent url(../img/line.gif) repeat-x bottom; padding-bottom: 2px; margin-top: 3px; }
.know_div { margin-left: 30px; }
.know_div ul li { list-style: none;}
.know_div ul li a { font-family: Heinrich; font-size: 18px; text-decoration: none; color: #313131; background: transparent url(../img/line.gif) repeat-x bottom; padding-bottom: 2px; margin-top: 3px;  }