private-lawyer-co
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Private Lawyer Co. - About</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body{
margin:0px;
padding:0px;
}
img{
border:0px;
}
.flt{
float:left;
}
#wh_bg{
width:1000px;
margin:auto;
}
#bd_bg{
width:1000px;
float:left;
}
/*top panel starts here*/
#top{
width:1000px;
float:left;
}
.top1{
width:565px;
height:436px;
float:left;
display:inline;
background:url(private-lawyer-co-images/top1.jpg) no-repeat;
}
.top2{
width:435px;
height:436px;
float:left;
display:inline;
background:url(private-lawyer-co-images/top2.jpg) no-repeat;
}
#main{
width:508px;
float:left;
padding:0px 0px 0px 57px;
}
#page{
width:107px;
height:103px;
float:left;
background:url(private-lawyer-co-images/main_bg.gif) no-repeat;
}
.about{
float:left;
margin:69px 20px 0px 29px;
}
.book{
float:left;
margin:30px 0px 0px 30px;
}
.logo{
float:left;
margin:56px 0px 0px 121px;
}
.conf{
float:left;
position:relative;
margin:310px 0px 0px -340px;
}
/*top panel ends here*/
/*content panel starts here*/
#content{
width:940px;
float:left;
padding-left:30px;
}
#con{
width:940px;
float:left;
background:url(private-lawyer-co-images/cn_bg.gif) repeat-x #FFF;
padding-bottom:20px;
}
#left{
width:592px;
float:left;
color:#535353;
font:11px/15px arial;
}
#right{
width:348px;
float:left;
color:#535353;
font:11px/15px arial;
}
.wel{
float:left;
margin:30px 0px 0px 11px;
}
.ask_bg{
float:left;
width:256px;
height:185px;
background:url(private-lawyer-co-images/ask_bg.jpg) no-repeat;
position:relative;
margin-top:-66px;
margin-left:16px;
display:inline;
}
.legal_bg{
float:left;
width:256px;
height:185px;
background:url(private-lawyer-co-images/legal_bg.jpg) no-repeat;
position:relative;
margin-top:-66px;
margin-left:16px;
display:inline;
}
.wel_txt{
width:318px;
float:left;
margin:15px 0px 0px 11px;
color:#535353;
font:11px/15px arial;
}
#new_bg{
width:347px;
float:left;
background:url(private-lawyer-co-images/new_bt.gif) no-repeat bottom;
padding-bottom:25px;
margin-top:25px;
}
#new{
width:347px;
float:left;
background:url(private-lawyer-co-images/new_bg.gif) repeat-y;
}
.n_bg{
width:338px;
float:left;
margin:0px 0px 0px 5px;
background:url(private-lawyer-co-images/n_bg.gif) repeat-x #F0F1F1;
}
.new_sigbn{
float:left;
margin:11px 0px 0px 33px;
}
.inp{
width:263px;
height:29px;
border:1px solid #949494;
float:left;
margin:10px 0px 0px 34px;
background:#F4F4F4;
}
.ok{
float:left;
margin:6px 0px 0px 262px;
}
.new_sigbn1{
float:left;
margin:11px 0px 0px 19px;
}
.inp1{
width:263px;
height:29px;
border:1px solid #949494;
float:left;
margin:10px 0px 0px 18px;
background:#F4F4F4;
}
.ok1{
float:left;
margin:6px 0px 0px 245px;
}
.ask{
float:left;
margin:28px 0px 0px 32px;
}
.ask_txt{
width:185px;
float:left;
margin:17px 0px 0px 38px;
color:#5D5D5D;
font:11px/15px arial;
}
#lat_bg{
width:563px;
float:left;
background:url(private-lawyer-co-images/lt_bt.gif) no-repeat bottom;
padding-bottom:27px;
margin:23px 0px 0px 3px;
}
#lat_bg1{
width:563px;
float:left;
background:url(private-lawyer-co-images/lt_bt1.gif) no-repeat bottom;
padding-bottom:25px;
margin:23px 0px 0px 3px;
}
#late{
width:563px;
float:left;
background:url(private-lawyer-co-images/lt_bg.gif) repeat-y;
}
.l_bg{
width:554px;
float:left;
display:inline;
margin:0px 0px 0px 5px;
background:url(private-lawyer-co-images/l_bg.gif) repeat-x #F2F1F1;
}
.lat_img{
float:left;
margin:10px 0px 0px 25px;
}
.lat_txt{
width:221px;
float:left;
padding:20px 0px 0px 0px;
color:#535353;
font:11px/15px arial;
}
.click{
color:#D45460;
float:left;
font:11px/15px arial;
}
.lte_img{
float:left;
margin:22px 0px 0px 8px;
}
#ultr_bg{
width:563px;
float:left;
background:url(private-lawyer-co-images/ultr_bt.gif) no-repeat bottom;
padding-bottom:32px;
margin:23px 0px 0px 3px;
}
#ulter{
width:556px;
float:left;
background:url(private-lawyer-co-images/ultr_bg.gif) repeat-y;
padding-left:7px;
}
#ultr_bg1{
width:550px;
float:left;
background:url(private-lawyer-co-images/ultr_bg1.gif) repeat-x;
}
.ul_bg{
width:532px;
float:left;
margin:0px 0px 0px 8px;
border-left:1px solid #C2515C;
border-right:1px solid #C2515C;
background:url(private-lawyer-co-images/ul_bg.gif) repeat-x #D7515F;
}
.p_link{
width:116px;
float:left;
display:inline;
padding:15px 0px 0px 30px;
}
.p_link a{
width:116px;
float:left;
background:url(private-lawyer-co-images/ultr_arr.gif) no-repeat left;
padding-left:20px;
margin-top:8px;
font:11px/15px arial;
color:#DFDFDF;
}
.prases{
float:left;
color:#B6B6B6;
font:bold 14px/18px Trebuchet MS;
}
.null{
float:left;
color:#E5E5E5;
font:bold 11px/18px Trebuchet MS;
margin-top:9px;
}
#find_bg{
width:231px;
float:left;
background:url(private-lawyer-co-images/fd_bt.gif) no-repeat bottom;
padding-bottom:19px;
margin-top:10px;
}
#find{
width:215px;
float:left;
background:url(private-lawyer-co-images/fd_bg.gif) repeat-x;
padding:14px 0px 0px 16px;
}
.fd_txt{
width:112px;
font:11px/15px arial;
color:#FFF;
float:left;
margin:10px 0px 0px 6px;
}
#sign_bg{
width:304px;
float:left;
background:url(private-lawyer-co-images/sgn_bt.gif) no-repeat bottom;
padding-bottom:22px;
margin-top:25px;
}
#sign{
width:304px;
float:left;
background:url(private-lawyer-co-images/sgn_bg.gif) repeat-y;
}
.sgn_bg{
width:294px;
float:left;
margin:0px 0px 0px 5px;
background:url(private-lawyer-co-images/sgin_bg.gif) repeat-x #F0F1F1;
}
/*content panel ends here*/
/*footer panel starts here*/
#footer{
width:950px;
float:left;
padding-left:24px;
}
#ft_tp{
width:950px;
float:left;
background:url(private-lawyer-co-images/ft_bt.gif) no-repeat bottom;
padding-bottom:10px;
}
#ft_bg{
width:950px;
float:left;
background:url(private-lawyer-co-images/ft_bg.gif) repeat-y;
padding-left:0px;
}
#fot_bg{
width:930px;
float:left;
background:url(private-lawyer-co-images/fot_bg.gif) repeat-x;
padding-top:29px;
}
#foot{
width:590px;
float:left;
padding:15px 0px 20px 10px;
color:#D64F5D;
font:11px/15px arial;
}
#foot a{
float:left;
color:#D64F5D;
margin-left:12px;
font:11px/15px arial;
text-decoration:none;
}
.copy{
width:500px;
float:left;
color:#A3A3A3;
position:relative;
font:11px/15px arial;
margin:10px -3px 0px 10px;
}
/*footer panel ends here*/
</style>
</head>
<body>
<div id="wh_bg">
<div id="bd_bg">
<!--top panel starts-->
<div id="top">
<div class="top1">
<div id="main">
<div id="page"> <img src="private-lawyer-co-images/book.gif" width="29" height="26" alt="" class="book" /> <a href="http://www.free-css.com/"><img src="private-lawyer-co-images/main.gif" width="62" height="9" alt="" class="flt" style="margin:13px 0px 0px 23px;" /></a> </div>
<a href="about.html"><img src="private-lawyer-co-images/about.gif" width="39" height="9" alt="" class="about" /></a> <img src="private-lawyer-co-images/line.gif" width="1" height="96" alt="" class="flt" /> <a href="http://www.free-css.com/"><img src="private-lawyer-co-images/serv-.gif" width="53" height="9" alt="" class="about" /></a> <img src="private-lawyer-co-images/line.gif" width="1" height="96" alt="" class="flt"/> <a href="http://www.free-css.com/"><img src="private-lawyer-co-images/prices.gif" width="39" height="9" alt="" class="about" /></a> <img src="private-lawyer-co-images/line.gif" width="1" height="96" alt="" class="flt" /> <a href="http://www.free-css.com/"><img src="private-lawyer-co-images/cont.gif" width="60" height="10" alt="" class="about" /></a> <img src="private-lawyer-co-images/line.gif" width="1" height="96" alt="" class="flt" /> </div>
<a href="http://www.free-css.com/"><img src="private-lawyer-co-images/logo.jpg" width="323" height="74" alt="" class="logo" /></a> </div>
<div class="top2"> <a href="http://www.free-css.com/"><img src="private-lawyer-co-images/priv.gif" width="92" height="9" alt="" class="about" /></a> <img src="private-lawyer-co-images/conf.gif" width="320" height="24" alt="" class="conf" /> </div>
</div>
<!--top panel ends-->
<!--content panel starts-->
<div id="content">
<div id="con">
<div id="left">
<div class="ask_bg"> <img src="private-lawyer-co-images/ask_yur.gif" width="130" height="46" alt="" class="ask" /> <img src="private-lawyer-co-images/ask_bar.gif" width="195" height="1" alt="" class="flt" style="margin:10px 0px 0px 32px;" /> <span class="ask_txt"> <img src="private-lawyer-co-images/ask_img.jpg" width="45" height="48" alt="" class="flt" style="margin-right:15px;" /> <span style="color:#A23742;font-weight:bold;">Praesent lectus. </span> Vivamus nibh massa, viverra velo sodales eget. </span> </div>
<div class="legal_bg"> <img src="private-lawyer-co-images/leg_ana.gif" width="105" height="42" alt="" class="ask" /> <img src="private-lawyer-co-images/ask_bar.gif" width="195" height="1" alt="" class="flt" style="margin:10px 0px 0px 32px;" /> <span class="ask_txt"> <img src="private-lawyer-co-images/leg_img.jpg" width="45" height="52" alt="" class="flt" style="margin-right:15px;" /> <span style="color:#A23742;font-weight:bold;">Cum sociis</span> natoque penatibus et magnis dis parturient montes. </span> </div>
<div id="lat_bg1"> <img src="private-lawyer-co-images/lt_tp.gif" width="563" height="18" alt="" class="flt" />
<div id="late">
<div class="l_bg"> <img src="private-lawyer-co-images/date.gif" width="27" height="32" alt="" class="lat_img" /> <img src="private-lawyer-co-images/lates_news.gif" width="94" height="13" alt="" class="lte_img" /> <img src="private-lawyer-co-images/lt_bar.gif" width="519" height="1" alt="" class="flt" style="margin:10px 0px 0px 18px;" />
<div class="flt" style="width:552px;">
<div class="lat_txt" style="padding-left:30px;"> <img src="private-lawyer-co-images/lt_arr.gif" width="11" height="7" alt="" class="flt" style="margin:4px 0px 0px 0px;" /> <span class="flt" style="width:201px;margin-left:15px;"> <span style="color:#DD4C5A;font-weight:bold;">Nunc tincidunt ultricies magna.<br />
<br />
</span> Nulla et tellus id orci ullamcorper vehicula. Proin consectetuer placerat lectus. Donec nunc. Vestibulum ut dui.<br />
<br />
<a href="http://www.free-css.com/" class="click">Click here to View</a> </span> </div>
<img src="private-lawyer-co-images/pra_bar.gif" width="1" height="128" alt="" class="flt" style="margin-left:10px;" />
<div class="lat_txt" style="padding-left:10px;"> <img src="private-lawyer-co-images/lt_arr.gif" width="11" height="7" alt="" class="flt" style="margin:4px 0px 0px 0px;" /> <span class="flt" style="width:210px;margin-left:10px;"> <span style="color:#DD4C5A;font-weight:bold;">Praesent consequat sem ornare<br />
<br />
</span> Proin in leo quis ligula pharetra ultricies. Morbi congue viverra sapien. Nulla hendrerit felis luctus lorem.<br />
<br />
<a href="http://www.free-css.com/" class="click">Click here to View</a> </span> </div>
</div>
<div class="flt" style="width:552px;">
<div class="lat_txt" > <img src="private-lawyer-co-images/lap.jpg" width="221" height="139" alt="" class="flt" style="margin:15px 0px 0px 30px;" /> </div>
<img src="private-lawyer-co-images/pra_bar.gif" width="1" height="128" alt="" class="flt" style="margin-left:15px;" />
<div class="lat_txt" style="padding-left:10px;"> <img src="private-lawyer-co-images/lt_arr.gif" width="11" height="7" alt="" class="flt" style="margin:4px 0px 0px 0px;" /> <span class="flt" style="width:210px;margin-left:10px;"> <span style="color:#DD4C5A;font-weight:bold;">Praesent consequat sem ornare<br />
<br />
</span> Proin in leo quis ligula pharetra ultricies. Morbi congue viverra sapien. Nulla hendrerit felis luctus lorem.<br />
<br />
<a href="http://www.free-css.com/" class="click">Click here to View</a> </span> </div>
</div>
</div>
</div>
</div>
<div id="sign_bg" style="margin-left:5px;"> <img src="private-lawyer-co-images/sign_tp.gif" width="304" height="21" alt="" class="flt" />
<div id="sign"> <span class="sgn_bg"> <img src="private-lawyer-co-images/new_sign.gif" width="125" height="19" alt="" class="new_sigbn1" />
<input type="text" value="" class="inp1" />
<a href="http://www.free-css.com/"><img src="private-lawyer-co-images/ok.gif" width="36" height="26" alt="" class="ok1" /></a> </span> </div>
</div>
<div id="find_bg" style="margin-left:20px;"> <img src="private-lawyer-co-images/fd_tp.gif" width="231" height="21" alt="" class="flt" />
<div id="find"> <img src="private-lawyer-co-images/find.gif" width="121" height="12" alt="" class="flt" /> <img src="private-lawyer-co-images/fd_bar.gif" width="202" height="1" alt="" class="flt" style="margin-top:10px;" /> <span class="flt" style="width:132px;"> <img src="private-lawyer-co-images/fd_arr.gif" width="13" height="10" alt="" class="flt" style="margin:12px 0px 0px 0px;" /> <span class="fd_txt"> <span style="font-weight:bold;">Pellentesque<br />
</span> ornare tempus eros. Aliquam auctor dapibus augue.<br />
<br />
<a href="http://www.free-css.com/"><img src="private-lawyer-co-images/view.gif" width="70" height="11" alt="" class="flt" /></a> </span> </span> <img src="private-lawyer-co-images/paper.jpg" width="65" height="79" alt="" class="flt" style="margin:10px 0px 0px 0px;" /> </div>
</div>
</div>
<div id="right"> <img src="private-lawyer-co-images/abt_pro.gif" width="277" height="43" alt="" class="wel" /> <span class="wel_txt"> <span style="color:#9F1321;font-weight:bold;">Phasellus at urna nec pede faucibus imperdiet. In aliquam.<br />
<br />
</span> Fusce quis urna. In eget sem. Fusce eget ligula. Quisque pulvinar porttitor enim. Pellentesque dui. Mauris dapibus. Fusce facilisis pede sit amet eros. Maecenas hendrerit turpis consequat tortor. Vestibulum diam ipsum, convallis eu, tincidunt feugiat, dapibus ut, risus.<br />
<br />
In lectus nulla, pellentesque non, cursus ut, interdum eget, nibh. Suspendisse nibh mauris, euismod a, blandit at, imperdiet at, odio.<br />
<br />
<span style="color:#9F1321;font-weight:bold;">Morbi fermentum feugiat est.<br />
<br />
</span> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque ac sapien. Sed posuere posuere risus. Donec in elit. Proin non ligula et orci iaculis cursus. Morbi ut magna quis orci tristique tincidunt. Etiam orci.<br />
<br />
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque arcu ipsum, pretium ac, congue ut, semper nec, eros. Ut libero.<br />
<br />
<span style="color:#9F1321;font-weight:bold;">Phasellus malesuada eros vitae magna.<br />
<br />
</span> Quisque ac sapien. Sed posuere posuere risus. Donec in elit. Proin non ligula et orci iaculis cursus. Morbi ut magna quis orci tristique tincidunt. Etiam orci.<br />
<br />
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.<br />
<br />
</span> <span class="flt" style="width:322px;margin:10px 0px 0px 10px;"> <img src="private-lawyer-co-images/ab_img.jpg" width="124" height="135" alt="" class="flt" style="position:relative;margin:-8px 10px 0px 0px;" /> Morbi vestibulum eros eleifend risus. In et orci. Mauris tortor. Aenean quam velit, dictum vitae, aliquam risus nunc semper ante, aliquam dapibus arcu lectus at lacus.<br />
<br />
<a href="http://www.free-css.com/"><img src="private-lawyer-co-images/view_more.gif" width="99" height="25" alt="" class="flt" /></a> </span> </div>
</div>
</div>
<!--content panel ends-->
<!--footer panel starts-->
<div id="footer">
<div id="ft_bg"> <img src="private-lawyer-co-images/ft_tp.gif" width="950" height="10" alt="" class="flt" />
<div class="flt" style="width:930px;padding-left:10px;">
<div id="fot_bg">
<div id="foot"> <a href="http://www.free-css.com/">Main Page</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">About</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">Services</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">Prices</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">Contacts</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">Privacy Policy</a> <span class="copy"><a href="http://www.buytemplates.net/CSS-XHTML-web-templates.aspx" style="color:#999999;"><u>Css/Xhtml template</u></a> from bytemplates.net. All Rights Reserved.</span> </div>
</div>
</div>
</div>
</div>
<!--footer panel ends-->
</div>
</div>
</body>
</html>
Related examples in the same category