html,body {
height:100%;
width: 100%;
margin:0;
padding:0;
}





* {
padding:0;
margin:0;
font: normal 14px Arial, Helvetica, sans-serif;
}


em, i {
font-style: italic;
}


p, div, li, span, body, font {
color:#000;
line-height: 20px;
}

b, strong {
font-weight:bold;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

p {
padding: 0;
margin: 0px 0px 12px 0px;
}

blockquote {
font-style: italic;
border-left: 2px solid #ccc;
padding: 0px 0px 0px 15px;
}

a {
color:#000;
}

h1, .h1 {
font: normal 25px Arial, Helvetica, sans-serif;
color:#000;
margin: 0 0 15px 0;
}
h2, .h2 {
font: normal 22px Arial, Helvetica, sans-serif;
color:#000;
margin: 20px 0 15px 0;
}
h3, .h3 {
font: normal 18px Arial, Helvetica, sans-serif;
color:#000;
margin: 20px 0 15px 0;
}

h4, .h4, h5, .h5, h6, .h6 {
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
margin: 27px 0 10px 0;
}

img {
font-size:0;
line-height:0;
border:none;
}

ul li{
margin: 0 0 7px 2px;
padding:0 0 0 15px;
list-style:none;
list-style-position:outside;
background:url(../img/dot.gif) 0 7px no-repeat;
}

ol li{
background:none;
margin: 0 0 7px 22px;
padding:0 0 0;
list-style:decimal;
}

.clear {
clear:both;
display:block !important;
margin:0 !important;
padding:0 !important;
background:none !important;
float:none !important;
font-size:0;
line-height:0;
}
.clearl {
clear:left;
}


.container {
min-width: 1000px; 
width:expression(document.body.clientWidth > 1000? "100%" :"1000px");
border-top:8px solid #000;
}


@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  .TEST {
  
  }
}

.header {
width:906px;
margin:22px auto 55px;
overflow:hidden;
zoom:1;
}

.logo {
//float: left;
}

.header ul{
float:right;
margin:0;
padding:18px 0 0;
}

.header ul li{
display:inline;
list-style:none;
list-style-position:outside;
margin:0 0 0 50px;
padding:0;
background:none;
}

.header ul li.first{
margin:0 0 0 0;
}

.header ul li a{
font: normal 14px Arial, Helvetica, sans-serif;
color:#000;
}

.header ul li.active a{
font-weight:bold;
text-decoration:none;
}

.content {
width:915px;
margin:0 auto 30px;
overflow:hidden;
zoom:1;
}

.last_works {
border-top:1px solid #e5e5e5;
margin:10px 0 10px;
padding:32px 0 0;
}

.last_works h2{
background:#e5e5e5;
color:#000;
font: normal 18px Arial, Helvetica, sans-serif;
padding:2px 11px 6px;
margin:-62px 0 0;
position:absolute;
white-space:nowrap;
}

.listing {
margin:0 -58px 0 0;
padding:0;
overflow:hidden;
zoom:1;
}

.listing li{
margin:0 21px 30px 0;
//margin:0 24px 30px 0;
padding:0;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
list-style:none;
list-style-position:outside;
//display:inline;
zoom:1;
background:none;
}


.listing li a{
color:#000;
font: normal 12px Arial, Helvetica, sans-serif;
white-space:nowrap;
overflow:hidden;
zoom:1;
width:215px;
float:left;
}

.listing li a span{
display:block;
text-decoration:none;
width:195px;
}

.listing li a span img{
font-size:0;
text-decoration:none;
margin:5px 0 0;
}




.last_articles, .services {
border-top:1px solid #e5e5e5;
margin:28px 0 18px;
padding:20px 0 0;
float:left;
width:47%;
}

.services {
margin:28px 0 18px 46px;
}

.last_articles h2, .services h2{
background:#e5e5e5;
color:#000;
font: normal 18px Arial, Helvetica, sans-serif;
padding:2px 11px 6px;
margin:-50px 0 0;
position:absolute;
white-space:nowrap;
}

.last_articles ul li a, .services ul li a{
font-size:12px;
}

.footer {
border-top:5px solid #d6d6d6;
width:909px;
margin:0 auto;
height:60px;
padding:20px 3px 0;
}
.footer * {line-height: normal;}
.copyright {
font-size:12px;
}

.contacts, .contacts a {
text-align:center;
margin:-33px 0 0;
font-size:12px;
}

.counter {
text-align:right;
margin:-30px 0 0;
}

.categories {
border-bottom:1px solid #e5e5e5;
margin:0 0 27px;
overflow:hidden;
zoom:1;
padding:0;
}

.categories li{
float:left;
list-style:none;
list-style-position:outside;
background:none;
margin:0;
padding:0;

}

.categories li a{
float:left;
padding:6px 14px 6px;
}

.categories li a, .categories li.active a{
color:#000;
font: normal 12px Arial, Helvetica, sans-serif;
}

.categories li.active a{
background:#e5e5e5;
font-size:18px;
text-decoration:none;
padding:2px 11px 6px;
}

.nav {
width:278px;
margin:0 auto 5px;
overflow:hidden;
zoom:1;
}

.nav a{
float:left;
padding:1px 9px 3px 24px;
background:#e5e5e5 url(../img/previus.gif) 5px 7px no-repeat;
font: normal 11px Arial, Helvetica, sans-serif;
margin:0 2px 0 1px;
}

.nav a.next{
padding:1px 24px 3px 9px;
background:#e5e5e5 url(../img/next.gif) right center no-repeat;
}

.nav a.inactive {
color:#666;
}

.detail_images {
float:left;
width:508px;
margin:0 0 8px;
padding:28px 0 0;
//margin:0 0 0;
}

.detail_images a{
display:block;
margin:0 0 20px;
}

.detail_text {
margin:0 0 8px 536px;
//margin:0 0 0 536px;
padding:48px 0 0;
}

.detail_text .favicon {
float:left;
margin:0 2px 0 0;
}

.detail_text .url{
font: normal 12px Arial, Helvetica, sans-serif;
margin:0 0 0 8px;
}

.detail_text h1{
-margin-left:-3px;
}

.detail_text p{
-margin-left:-3px;
margin-top:20px;
}

.code {
border: 1px dashed #999;
background: #ccc;
font-family: "courier new";
padding: 5px 10px;
white-space: nowrap;
overflow: auto;
}
.code * {
font-family: "courier new";
}



.awaylink {
padding-right: 12px;
background: url(../images/awaylink.gif) center right no-repeat;
}



.listing_articles_inner {
width: 225px;
float: right;
padding-left: 15px;
margin-bottom: 25px;
border-left: 1px dashed #ccc;

}
.listing_articles_inner * {
font-size: 11px;
line-height: normal;
}
.listing_articles_inner ul {
margin-top: 15px;
margin-bottom: 17px;
}
.listing_articles_inner ul li {
margin-top: 7px;
margin-bottom: 2px;
}


#bobo {
	padding: 10px;
	text-align: center;
	color: #999;
	clear:both;
	padding-top: 20px;
	font-size: 11px;
}
#bobo * {
	color: #999;
	font-size: 11px;
}