.list_img li {
list-style: none;
background: url(circle1.png) no-repeat left 40% ;
margin-left:-15px;
}
#content {
height:400px;
margin: 40px 70px 40px 65%;
padding: 5px;
border: 1px solid #333;
min-width:400px;
}
.conten { background: transparent;line-height:30px ;height:400px ; }
.conten h1, .conten p { margin:0 10px; }
.conten p { padding-bottom:0.5em; }
.conten .b1 {
display:block; overflow:hidden; height:1px; margin:0 4px;
background:#9c9eb2; border-left:1px solid #9c9eb2;
border-right:1px solid #9c9eb2; margin:0 5px; font-size:1px; }
.conten .b2 {
display:block; overflow:hidden; height:1px; margin:0 4px;
border-left:1px solid #9c9eb2;
border-right:1px solid #9c9eb2; margin:0 3px; border-width:0 2px; font-size:1px; }
.conten .b3 {
display:block; overflow:hidden; height:1px; margin:0 4px;
border-left:1px solid #9c9eb2;
border-right:1px solid #9c9eb2; margin:0 2px; font-size:1px; }
.conten .b4 {
display:block; overflow:hidden; height:1px; margin:0 4px;
border-left:1px solid #9c9eb2;
border-right:1px solid #9c9eb2; margin:0 1px; height:2px; font-size:1px; }
.conten .bocontent {
display:block;border:0 solid #9c9eb2; border-width:0 1px;}

<div id="content">
<div style=" margin-left:18px;" class="bred"><a style=" margin-left:48px;" href="#" >Станки

ЧПУ</a></div>
<div class="conten">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="bocontent">
<a class="stanok" href = "index.html"><img src = "stanok.png" width = "160" height="158" border="0"

alt="logo"></a>
<ul class="list_img">
<li><p><a style=" margin:10px;" href="b_all.html">Плоскостная фрезеровка</a></p></li>
<li><p><a style=" margin:10px;" href="b_author.html">Обьемная фрезеровка</a></p></li>
<li><p><a style=" margin:10px;" href="b_theme.html">Лазерная обработка</a></p></li>
<li><p><a style=" margin:10px;" href="b_theme.html">Фрезеровка</a></p></li>
</ul>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>
</div>