Legal Connections

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>LEGAL CONNEXIONS - ADVOCATES & CONSULTANTS</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="wrapper">

	<div id="header">
	
		<div id="logo"><a href="index.html"><img src="images/logo_legalconnexions.gif" alt="LEGAL
		CONNEXIONS - ADVOCATES & CONSULTANTS " border="0" /></a></div>
	
		<div id="slogan">
		<img src="images/slogan_issues_resolved.gif" alt="Issues Resolved" />
		<a href="#">>>LEARN HOW!</a>
		</div>
	
		<div id="top_smallmenu">
			<ul>
				<li><a href="#">Faq</a></li>
				<li><a href="#">Sitemap</a></li>
				<li><a href="#">Privacy Policy</a></li>
			</ul>
		
		
		</div>
	
	</div>

	<div id="main_roundbox">
	
		<div id="roundbox_top">
		
			<div id="top_menu">
				<ul>
					<li class="home"><a href="#" class="topmenu_active">Home</a></li>
					<li><a href="#">SERVICES</a></li>
					<li><a href="#">CONTACT</a></li>
					<li><a href="#">CAREERS</a></li>
					<li><a href="#">ABOUT US</a></li>
					<li><a href="#">DOWNLOADS</a></li>
				</ul>
			</div>
		
		</div>
		
		<div id="content">
		
			<div id="content_left">
			
				<h1 class="mainheading"><img src="images/heading_legalconnexions.gif" alt="" /></h1>
				
				<p>Whenever there is some legal problem in , may it concern matters of inheritance, family complexities, business contract in  or one has suffered loss of property due to long absence from the scene, the tenant in the house has lapsed in paying due rent, has become hostile and is not abiding by settled terms or needs to be ejected. Legal Connexions has adequate answers to such anxieties. Legal Connexions not only share the problems of its clients but also advise them the solution and options available. Changed things in the country have disturbed the routine. This is when Legal Connexions would take care of all such worries.</p>
			
			<div id="popular_services">
			<strong>Quick Links to Our Most Popular Services :</strong>
			
			<div id="family_law">
			<span>Child Custody</span>
			<span>Shariah Will & Gift</span>
			<span>Second Marriage</span>
			</div>
			
			<div id="property">
			<span>Child Custody</span>
			<span>Shariah Will & Gift</span>
			<span>Second Marriage</span>
			</div>
			
			<div id="inheritance">
			<span>Child Custody</span>
			<span>Shariah Will & Gift</span>
			<span>Second Marriage</span>
			</div>
			
			</div>
			
			<div class="separation"></div>
			<p>At Legal Connexions we not only share your problems, we advise you the solutions and options available. If you’ve been away from your dear and near but things change and troubles arise, this disturbs your routine, this is when we take care of all your worries.</p>
			
			</div>
			
			<div id="content_right">
			
			  <div id="legal_issues">
				
				<p>Our network of reputed colleagues located all over  can handle your legal problems  efficiently and keep you updated through phone and emails regularly.</p>
				<span><strong>>> <a href="#">See how we can help</a> <<</strong></span>
						</div>
			
				<div id="download">
				<h3><img src="images/heading_download.gif" alt="Download" /></h3>
				<ul>
					<li><a href="#">Visa Extension Form</a></li>
					<li><a href="#">Power of Attorney Form</a></li>
					<li><a href="#">ABCD Transfer Form</a></li>
					<li><a href="#">EFGHIJ Application Form</a></li>
				</ul>
				<a href="#" class="learn_more">>>Learn More</a>
				</div>
			
			
			</div>
		
		
		</div>
		
		<div id="roundbox_btm"></div>
	
	
	</div>
	
	<div id="footer">
	<div class="left">www.thelegalconnexions.co.uk (c) 2009  All Rights Reserved.</div>
	<div class="right">aunDESIGN</div>
	</div>


</div>


</body>
</html>

/* CSS Document */

* {
	padding:0;
	margin:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a2a085;
	margin:50px auto 0 auto;
}
a {
	color:#383724;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
img {
	border:none;
}
h1 {
	margin-bottom:12px;
}
h1.mainheading {
	margin-bottom:6px;
}
h2 {
}
h3 {
}
p {
	margin-bottom:12px;
}
#wrapper {
	width:872px;
	margin:0 auto;
}
/* Header CSS */

#header {
	width:755px;
	height:92px;
	padding:0 27px 0 90px;
	float:left;
}
#logo {
	width:176px;
	height:66px;
	float:left;
}
#slogan {
	width:177px;
	float:left;
	margin:25px 0 0 153px;
	text-align:right;
}
#slogan a {
	color:#383724;
	text-decoration:underline;
	font-style:italic;
}
#slogan a:hover {
	color:#b1db09;
	text-decoration:none;
	font-style:italic;
}
#top_smallmenu {
	float:right;
	width:100px;
	text-align:right;
	margin:15px 0 0 0;
}
#top_smallmenu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#top_smallmenu ul li {
	list-style:none;
	margin-bottom:5px;
	display:block;
}
#top_smallmenu ul li a {
	background:url(images/bullet_gray.gif) no-repeat right 4px;
	padding-right:10px;
	color:#787658;
	text-decoration:none;
}
#top_smallmenu ul li a:hover {
	background:url(images/bullet_parrot.gif) no-repeat right 4px;
	padding-right:10px;
	color:#363823;
	font-weight:bold;
}
/* Content CSS */

#main_roundbox {
	width:872px;
	background:url(images/bg_mainbox.gif) repeat-y left top;
	float:left;
	margin-bottom:10px;
}
#roundbox_top {
	background:url(images/mainbox_topround.gif) no-repeat left top;
	width:872px;
	height:28px;
	float:left;
}
#top_menu {
	margin:10px 0 0 90px;
	float:left;
}
#top_menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#top_menu ul li {
	display:inline;
	float:left;
	width:94px;
	display:block;
}
#top_menu ul li.home {
	width:72px;
}
#top_menu ul li a {
	background:url(images/bullet_topmenu.gif) no-repeat left 3px;
	padding-left:10px;
	color:#a2a085;
	text-decoration:none;
	text-transform:uppercase;
}
#top_menu ul li a:hover, #top_menu ul li .topmenu_active {
	background:url(images/bullet_topmenu_over.gif) no-repeat left 3px;
	padding-left:10px;
	color:#787658;
	font-weight:bold;
	text-decoration:none;
}
#roundbox_btm {
	background:url(images/mainbox_btmround.gif) no-repeat;
	width:872px;
	height:15px;
	float:left;
}
#content {
	float:left;
	width:822px;
	padding:30px 20px 0 30px;
}
#content_left {
	width:573px;
	float:left;
}
#popular_services {
	margin-bottom:10px;
	float:left;
}
#family_law, #property, #inheritance {
	width:145px;
	height:92px;
	padding:25px 22px 0 22px;
	float:left;
	margin-top:5px;
	color:#FFFFFF;
}
#family_law {
	background:url(images/bg_famliylaw.gif) no-repeat #c1be9a;
	margin-right:2px;
}
#property {
	background:url(images/bg_property.gif) no-repeat #c1be9a;
	margin-right:2px;
}
#inheritance {
	background:url(images/bg_inheritance.gif) no-repeat #c1be9a;
}
#family_law span, #property span, #inheritance span {
	display:block;
}
.separation {
	background:url(images/colorfull_separator.gif) no-repeat left center;
	width:573px;
	height:9px;
	clear:both;
	padding:10px 0;
}
#content_right {
	float:right;
	width:213px;
}
#legal_issues {
	background:url(images/bg_legalissues_pakistan.gif) no-repeat;
	width:183px;
	height:100px;
	padding:109px 15px 0 15px;
	color:#6b8700;
	margin-bottom:25px;
}
#legal_issues p {
	margin-bottom:5px;
}
#legal_issues span {
	text-align:center;
	display:block;
}
#download {
	width:198px;
	padding:0 0 0 15px;
}
#download h3 {
	margin-bottom:5px;
}
#download ul {
	list-style:none;
	padding:0;
	margin-bottom:7px;
}
#download ul li {
	list-style:none;
	display:block;
	margin-bottom:1px;
}
#download ul li a {
	color:#787658;
	text-decoration:underline;
	font-weight:bold;
}
#download ul li a:hover {
	color:#292813;
	text-decoration:none;
	font-weight:bold;
}
.learn_more {
	color:#ff9c00;
	font-weight:bold;
	text-decoration:none;
}
.learn_more:hover {
	color:#292813;
	font-weight:bold;
	text-decoration:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
/* End Content CSS */

/* Footer CSS */

#footer {
	float:left;
	width:822px;
	padding:0 20px 0 30px;
	margin-bottom:10px;
}