/*
Theme Name: Atris
Theme URI: atyshchenko.ru
Author: а.Тыщенко
*/

*{margin:0px; padding:0px}
img{border:1px solid #798992}
html,body{height:100%; width:100%; color:#000; font:12px Tahoma; margin:0; padding:0; text-align:center}
body{width:100%; background:url(images/01.jpg) repeat-x}
ul, li{padding:0px; margin:0px}
.clear{clear:both; width:100%; display:block}
a{color:#8d2323; font:12px Tahoma; outline: none;  text-decoration:none}
a:hover{text-decoration:underline}

div#all{background:url(images/25.jpg) repeat-x bottom; }
div#conteiner{position:relative; width:1101px; margin:0 auto; text-align:left}

/*-header-*/
div#header{position:relative; width:100%; height:138px; background:url(images/04.jpg) repeat-x 0 37px}
    a#logo{position:absolute; top:0px; left:0px; width:313px; height:138px; background:url(images/02.jpg) no-repeat}
    div#slog{position:absolute; top:37px; right:0px; width:613px; height:50px; background:url(images/03.jpg) no-repeat}
    div#phone{font:18px Georgia; color:#e1d9c9; width:100%; padding-top:5px; text-align:center}
    div#phone span{font:11px Georgia}
    div#phone span.phone-left{font:18px Georgia; position:relative; left:-30px}
    div#phone span.phone-right{font:18px Georgia; position:relative; right:-30px}
    a#home{position:absolute; top:12px; left:960px; width:11px; height:11px; background:url(images/05.jpg) no-repeat;}
    a#mail{position:absolute; top:12px; left:1027px; width:9px; height:10px; background:url(images/06.jpg) no-repeat;}
    a#map{position:absolute; top:12px; left:1088px; width:11px; height:11px; background:url(images/07.jpg) no-repeat;}
    ul#menu{position:absolute; bottom:0px; right:0px}
    ul#menu li{list-style:none; float:left; margin-right:1px}
    ul#menu li a{font:14px Tahoma; color:#fff; text-decoration:none; text-align:center; padding-top:11px; display:block; width:131px; height:27px; background:url(images/08.jpg) no-repeat;}
    ul#menu li a:hover{color:#545401}
    ul#menu li a.active{background:url(images/09.jpg) no-repeat}

/*-content-*/
div#templ{float:left;width:100%}
	div#content{margin-right:400px; padding-top:40px; padding-bottom:25px; width:701px; overflow:hidden}
	div#content h1, h2{color:#572704; font:18px Tahoma; padding:10px 0}
    div#content p{color:#554c4c; font:12px Tahoma; line-height: 1.6; padding-bottom:20px}
    a#img1{position:relative; left:-30px;}
    a#img2{position:relative; right:-30px;}
    div#block-menu{width:721px; background:url(images/16.jpg) no-repeat left bottom}
    div#block-menu-top{width:701px; height:12px; background:url(images/15.jpg) no-repeat}
	div#block-menu div.headline{font:13px Tahoma; color:#525207; text-transform:uppercase; float:left; position:relative; width:165px; height:37px; padding-top:11px; padding-left:45px; background:url(images/12.jpg) no-repeat}
    div#block-menu div.headline span{position:absolute; top:10px; left:44px; width:100%; color:#fff}
    div#block-menu div.active{background:url(images/11.jpg) no-repeat}
    div.block{margin-top:-23px; float:left; margin-left:7px; margin-right:21px}
    div#block-menu ul{clear:both; padding-bottom:10px}
	div#block-menu li{list-style:none}
	div#block-menu li a{width:205px; margin-bottom:3px; text-decoration:none; background:url(images/14.jpg) no-repeat 9px 8px; display:block; color:#1f1a17; font:13px Tahoma; width:175px; padding:5px 5px 5px 25px}
    div#block-menu li a:hover{text-decoration:underline}
    div#block-menu li:hover{background:url(images/13.jpg) no-repeat top left}
    div#block-menu li:hover a{color:#fff; background:url(images/17.jpg) no-repeat bottom left}
    div#block-menu li:hover a{text-decoration:none}
    div#block-menu li a.active{background:url(images/13.jpg) no-repeat top left}
    div.post{margin-top:50px; padding-top:5px; width:701px; clear:both; display:block; background:url(images/15.jpg) no-repeat}

    ul#news{color:#554c4c}
    	div#content ul#news li{float:left; width:220px; list-style:none; padding-right:20px}
    	div#content ul#news li.pad{padding:0}
    ul#news li span{clear:both; font:12px Tahoma; display:block; color:#798992}
    ul#news li a{font:12px Tahoma; color:#572704; text-decoration:underline; display:block; padding:5px 0 15px 0}
    div#content a.allnews{padding:5px 0 25px 23px; color:#572704; clear:both; float:right; background:url(images/14.jpg) no-repeat 9px 8px}

    div#hleb{color:#554c4c; width:100%; display:block;float:left; position:relative; top:25px}
    div#hleb a{color:#554c4c; font:12px Tahoma}
    div#hleb a#print, a#print{float:right; display:block; color:#807f7e; font-size:10px; padding-left:20px; height:14px; background:url(images/29.jpg) no-repeat;}
    div#hleb a#print{position:absolute; top:0px; right:0px}
    div#hleb span{text-transform:uppercase}
    ul#posts{padding-top:20px}
    div#content ul#posts li p{line-height: 1.3}
    ul#posts li{clear:both}
    ul#posts li img{float:left; position:relative; top:3px; margin-bottom:15px; margin-right:30px; border:1px solid #798992}
    ul#posts a.headl{color:#572704; font:18px Tahoma; padding-bottom:10px; display:block; clear:both}
    a.more-link{color:#572704; padding:5px 0 15px 23px;  display:block; clear:both; float:right; background:url(images/14.jpg) no-repeat 9px 8px}

/*-sidebar-right-*/
div#sidebar-right{float:left;width:375px;margin-left:-375px; padding-bottom:20px}
	div#sidebar-right h3{color:#572704; font:18px Tahoma; clear:both; padding-bottom:15px; padding-top:20px}
	div#sidebar-right h2{color:#572704; font:18px Tahoma; clear:both; padding-bottom:15px; padding-top:5px}
	div#pic{position:relative; width:375px; height:198px; background:url(images/1.gif) no-repeat;}
    div#pic span#lay-1{position:absolute; top:155px; right:15px; color:#44201e}
    div#pic span#lay-2{position:absolute; top:154px; right:16px; color:#fff}
    div#pic span{text-align:right; display:block; font:14px Tahoma; font-weight:bold;}
    div#pic span span{font-size:11px}

	div#portf{margin-top:45px; float:left;  margin-bottom:30px; background:url(images/19.jpg) no-repeat left bottom}
    div#portf ul{clear:both; padding-bottom:10px; margin-left:6px; position:relative; z-index:2}
	div#portf li{list-style:none}
	div#portf li a{width:205px; margin-bottom:3px; text-decoration:none; background:url(images/14.jpg) no-repeat 9px 8px; display:block; color:#1f1a17; font:13px Tahoma; width:175px; padding:5px 5px 5px 25px}
    div#portf li a:hover{text-decoration:underline}
    div#portf li:hover{background:url(images/34.jpg) no-repeat top left}
    div#portf li:hover a{color:#fff; text-decoration:none; background:url(images/35.jpg) no-repeat bottom left}
    div#portf li a.active{background:url(images/13.jpg) no-repeat top left}
    div#portf div.headline{font:13px Tahoma; color:#525207; text-transform:uppercase; float:left; position:relative; width:162px; height:37px; padding-top:11px; padding-left:54px; background:url(images/18.jpg) no-repeat}
    div#portf div.headline span{position:absolute; top:10px; left:55px; color:#fff}
    div#baner{margin-top:50px; position:relative; left:8px}
    img.left{float:left; margin-right:7px; border:1px solid #798992}
    ul.list li{list-style:none; margin-left:15px; line-height: 1.5; padding-bottom:2px}
    ul.list li a{background:url(images/24.jpg) no-repeat 4px 4px; padding-left:15px; color:#554c4c; text-decoration:underline}
    ul.list li a:hover{text-decoration:none}
    div#sidheadline{margin-top:30px; width:375px; height:13px; background:url(images/28.jpg) no-repeat}
    div#sidebar-right ul#news li{float:left; width:375px; margin-bottom:30px; list-style:none}
    div#sidebar-right a.allnews{padding:5px 0 25px 23px; margin-top:-10px; clear:both; float:right; background:url(images/14.jpg) no-repeat 9px 8px}

    div.portfolio{ margin-top:10px; position:relative;display:block;list-style:none}
    div.portfolio a.hover{color:#fff; text-decoration:underline}
    div.portfolio img{ border:1px solid #798992}

    a#img1{ width:200px; margin-left:110px; margin-right:70px; }
    a#img2{ width:200px;}


/*-table-*/
table{margin-bottom:10px}
table a{color:#2e2926}
table a:hover{text-decoration:underline}
thead.h1 td{background:#572704; font-size:14px; padding:7px 10px; color:#fff}
thead td{background:#c0c060; font-size:13px; padding:7px 10px; color:#2e2926}
tbody td{background:#e8e8ac; font-size:13px; padding:7px 10px; color:#2e2926}
td.tdpad{padding-left:50px}

/*-footer-*/
div#footer{position:relative; width:100%; height:114px; background:url(images/27.jpg) no-repeat 0 20px; clear:both}
div#footer ul.menu{position:absolute; top:40px; left:50px;}
div#footer ul.menu li{color:#fff; padding-left:10px; float:left; list-style:none; }
div#footer ul.menu li a{color:#fff}
div#coperight{color:#fff; position:absolute; top:60px; left:60px;}
ul#count{position:absolute; top:30px; right:0px;}
ul#count li{float:left; list-style:none; padding-left:10px}