<style>
#fbar { 
list-style-type: none; 
list-style: none; 
margin: -26px -10px 0px -6px; 
background: #fff; 
padding: 0px; 
width: 347px; 
margin-left: 12px; 
} 
#fbar0 {
list-style-type:none;
list-style: none;
margin:-9px -10px -1px -10px;
background:#fff;
padding:0px; 
} 
#fbar1 { 
float: right; 
width: 50%; 
display: block; 
height: 380px; 
} 
#fbar1 ul { 
list-style-type: none; 
list-style: none; 
margin: 0px; 
} 
#fbar2 ul{
list-style-type:none;
list-style: none;
margin:0px;
background:#fff;
} 
#fbar ul li { 
padding: 14px 10px; 
margin-bottom: -28px; 
color: #666; 
-webkit-transition: All 0.5s ease; 
-moz-transition: All 0.5s ease; 
-o-transition: All 0.5s ease; 
-ms-transition: All 0.5s ease; 
transition: All 0.5s ease; 
width: 153px; 
margin-left: 51px;
 text-align: right; 
} 
#fbar ul li a { 
color: #000; 
font-size: 12px; 
font-weight: normal; 
text-decoration: none; 
-webkit-transition: All 0.5s ease; 
-moz-transition: All 0.5s ease; 
-o-transition: All 0.5s ease; 
-ms-transition: All 0.5s ease; 
transition: All 0.5s ease; 
} 
#fbar0 { 
list-style-type: none; 
list-style: none; 
padding: 0px; 
width: 50%;
margin: 0px 280px 10px 10px; 
} 
#fbar2 { 
width: 50%; 
display: block; 
} 
#fbar2 ul { 
list-style-type: none; 
list-style: none; 
margin: 0px; 
} 
#fbar ul li { 
padding: 14px 10px; 
margin-bottom: -28px; 
color: #666; 
-webkit-transition: All 0.5s ease; 
-moz-transition: All 0.5s ease; 
-o-transition: All 0.5s ease; 
-ms-transition: All 0.5s ease; 
transition: All 0.5s ease; 
width: 153px; 
margin-left: 51px; 
text-align: right; 
} 
li.lb1 { 
margin-top: 22px; 
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png); 
background-repeat: repeat-x; 
background-position: bottom; 
} 
#fbar0 ul li a { 
color: #848484; 
font-size: 25px; 
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease; 
-moz-transition: All 0.5s ease; 
-o-transition: All 0.5s ease; 
-ms-transition: All 0.5s ease; 
transition: All 0.5s ease; 
} 
i.icon-home { 
font-size: 32px; 
} 
i.icon-dollar{ 
font-size: 32px; 
} 
i.icon-info{ 
font-size: 32px; 
}
 i.icon-ayoub{ 
font-size: 32px; 
}
 i.icon-c-us{ 
font-size: 32px; 
}
 i.icon-soal-plus{
 font-size: 32px; 
}
 i.icon-map-marker{ 
font-size: 32px;
 }
 </style> 
<div id="fbar"> 
 <div id="fbar1"> 
<ul> 
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li> 
<li class="lb"> </li> <li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/dx49WF.png" /></a></li> 
<li class="lb"> </li> <li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/MAvZ99.png" /></a></li> <li class="lb"> </li> 
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/DMh8Je.png" /></a></li> <li class="lb"> </li> 
</ul>
</div> 
<div id="fbar0"> <div id="fbar2"> 
<ul> 
<li class="lb1"><a target="_blank" #"><i class="icon-home"></i> الرئيسية </a></li> 
<li class="lb1"><a target="_blank" rel="nofollow" href="#"><i class="icon-dollar"></i> خدماتنا </a></li> 
<li class="lb1"><a target="_blank" href="#"><i class="icon-c-us"></i> راسلنا </a></li> 
<li class="lb1"><a target="_blank" href="#"><i class="icon-soal-plus"></i> إسأل ! </a> </li> 
<li class="lb1"><a target="_blank" href="#"><i class="icon-ayoub"></i> من أنا؟ </a></li> 
<li class="lb1"><a target="_blank" href="#"><i class="icon-info"></i> استفسر </a> </li> 
<li class="lb1"><a target="_blank" href="#"><i class="icon-map-marker"></i> أعلن ! </a> </li> 
</ul> 
</div> 
</div> 
</div>