*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
background:#0B0B0B url(images/bg.png) repeat-x scroll 50% 0;
color:#aaa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 1.5em;
}
#container {
width:100%;
}

#head,#top,#body,#foot {
clear:both;
margin:0 auto;
display: block;
/*padding:20px 10px;*/
width: 940px;
}
#head{
height: 50px;
margin:0 0 20px 0;
}
#top{
	background: url(images/top.png) no-repeat;
	height: 50px;
	margin:0 0 20px 0;
}

.wrap{
clear:both;
margin:20px auto;
min-width:940px;
width:940px;
padding:0 10px;
text-align:left;
display: block;
}

#infopanel {
clear: both;
background:#181818 none repeat scroll 0 0;
border-top:1px solid #1E1E1E;
color:#aaa;
padding: 20px 0;
}
#infopanel .wrap{
clear:both;
margin:0px auto;
min-width:940px;
padding:0 10px;
text-align:left;
width:940px;
height: 300px;
}

#foot {
color:#444;
font-size:10px;
text-transform:uppercase;
margin:20px auto;
}

.grid{
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}
.logo{
float: left;
	display: block;
	background: url(images/diz-logo.gif) no-repeat;
	width: 175px;
	height: 50px;
}
.logo h1{
	display:none;
}

.top-r{
	float: right;
	display: block;
	height: 47px;
	width: 250px;
	background: url(images/bg-top-r.png) no-repeat 0px 1px;
	text-align: center;
	margin:0 10px 0 0;
	padding:14px 0 0 0;
}
.top-l {
color:#B6B6B6;
float:left;
margin:14px;
text-shadow:0 -1px 0 #222222;
}
p {
margin-bottom:1.5em;
}
a {
/*border-bottom:1px solid #333333;*/
color:#8ED6FF;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
h2 {
 font-size: 24px;
 line-height: 36px;
 margin-bottom: 18px;
color:#C7C84B;
font-weight:normal;
text-shadow:0 1px 0 #111;
font-family: Arial, Helvetica, sans-serif;
}

#content-main {
float:right;
width:580px;
margin-bottom:40px;
}
#content-sub {
float:left;
width:340px;
}
.important {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#222 url(images/lenta.gif) no-repeat scroll 0 0;
margin-bottom:20px;
padding:15px 15px 15px 35px;
}
.important p{
	margin:0px;
}

hr {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background:#191919 none repeat scroll 0 0;
border:1px solid #202020;
clear:both;
line-height:1.8em;
margin-bottom:1.8em;
padding:1px;
}
ul.col-l{
	float: left;
	width: 280px;
	margin-bottom:20px;
}
ul.col-r{
	float: right;
	width: 280px;
	margin-bottom:20px;
}
.list-group ul li{
background:url(images/bullet.png) no-repeat left 4px;
padding:0 0 0 15px;
color:#aaa;
line-height:1.4em;
font-size: 11px;
margin-bottom:20px;
text-shadow:1px 1px 0 #111;
}
.clr{
clear: both;
line-height: 0px;
height: 0px;
}
#screenshots li{
list-style: none;
float: left;
margin:0 12px 1.5em 0;
background:none;
padding:0px;
}
#screenshots li a img {
background:#4A4A4A none repeat scroll 0 0;
padding:3px;
}
/*#prt{
	display: block;
	width: 300px;
	height: 300px;
	background: #0B0B0B;
}*/
#porto{
float: left;
width:340px;
display: block;
}
#porto li{
width:340px;
display: block;
}
/*#porto li a img{
background:#4A4A4A;
padding:3px;
}
#porto li a:hover img{
background:#ccc;
padding:3px;
}*/
#porto2{
clear: both;
width:960px;
margin:0px auto;
display: block;
height: 300px;
}
#porto2 li{
}
ul.bot-txt{
/*float: right;
width: 580px;
display: block;
clear: both;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;*/
/*margin:10px 0 0 0;*/
}
ul.bot-txt li{
background:url(images/bullet.png) no-repeat left 4px;
padding:0 0 0 15px;
color:#aaa;
line-height:1.5em;
font-size: 11px;
margin-bottom:1.5em;
text-shadow:1px 1px 0 #111;
}
.img-l{
/*-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#000000 none repeat scroll 0 0;
border:3px solid #9A9A9A;
display:block;
padding:1px;
text-align:center;*/
}
ul.bot-txt strong{
	color:#83AD32;
	font-weight: normal;
}
ul.top-mnu{
float: right;
margin:22px 0 0 0;
}
ul.top-mnu li{
	float: left;
	height: 18px;
	margin:0 0 0 20px;
	padding:5px 10px 5px 30px;
-moz-border-radius-bottomleft:13px;
-moz-border-radius-bottomright:13px;
-moz-border-radius-topleft:13px;
-moz-border-radius-topright:13px;
}
ul.top-mnu li a{
	color:#aaa;
}
ul.top-mnu li a:hover{
	color:#fff;
}
#link-portfolio{
background:#151515 url(images/icon_abo.png) no-repeat 5px 5px;
}
#link-abuot{
background:#151515 url(images/icon_blo.png) no-repeat 5px 5px;;
}
#link-zakaz{
background:#151515 url(images/icon_hel.png) no-repeat 5px 5px;
}