Hi,
You can try this sample layout:
<!DOCTYPE html>
<html>
<head>
<title>Language Translation Services | Wordbank</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
html, body {
font-family: Arial, sans-serif;
font-size: 95%;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
background-color: #fff;
color: #000;
margin: 0px;
padding: 0px;
height: auto;
text-align: center;
width: auto;
} div, form, table { padding: 0; margin: 0; border: none; }
div#wrapper {
width: 98%;
margin: 0 auto;
background-color: #f1f1f1;
}
div#main_block {
width: 100%;
margin: 0 auto;
background-color: #ccc;
height: 100%;
}
div#innerblock {
width: 100%;
margin: 0 auto;
height: 100%;
}
div#top_panel {
width: 100%;
margin: 10px auto 0 auto;
height: 250px;
background-color: #aaa;
}
div.pad { padding: 1em; text-align: left; }
div#hold-both-left-right {
float: left;
width: 100%;
margin: 0 auto;
}
div.leftpanel {
min-height: 600px;
width: 75%;
float: left;
height: 100%;
background-color: #000;
color: #fff;
}
div#rightpanel {
min-height: 600px;
width: 25%;
float: right;
height: 100%;
background-color: #33ff00;
}
div#l_box {
background-color: #aaa;
width: 100%;
float: none;
clear: both;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="main_block">
<div id="innerblock">
<!--Top Panel starts here -->
<div id="top_panel">
<div class="pad">
<span class="tp_bg1">
<a href="index.html"><img src="images/logo_inverse.jpg" width="307" height="45" alt="" style="float:left; margin:10px 0 0px 0px;"/></a>
</span>
</div>
</div>
<!--Top Panel ends here -->
<!--Left Panel starts here -->
<div id="hold-both-left-right">
<div class="leftpanel">
<div class="pad">
<h1>We speak your language.</h1>
<span class="svc_txt">Localization, transcreation, internationalization, globalization. However you describe it, it boils down to excellent project management, combined with translation and media expertise. Our industry loves to make the business of translation sound perplexing. Let us make it easy for you.</span>
</div>
<div id="container">
<div id="hang_tab">
<img src="images/circles.png" />
</div>
</div>
</div>
<!--Left Panel ends here -->
<!--Right Panel starts here -->
<div id="rightpanel">
<div class="pad">
<div id="form_bkg">
<img src="images/form_bkg_gr.jpg" />
</div>
<div class="image">
<h2>Have us call you</h2>
<form action="ls11_send.php" method="post" onSubmit="return validate_form(this);" name="thisform" class="form">
<label>Name:</label>
<input type="text" name="name" class="input-text" />
<label>Email:</label>
<input type="text" name="email" class="input-text" />
<label>Phone:</label>
<input type="text" name="phone" class="input-text" />
<label>Subject:</label>
<select name="type" class="input-select">
<option value="Phone_Call">I just want to talk</option>
<option value="Quote">I have a project and need a quote</option>
<option value="Fact_Sheet">Mail me a fact sheet</option>
</select>
<label>Message:</label>
<input type="text" name="message" class="input-text2" />
<input type="submit" class="button" value="Send message" />
<span class="rp_smltxt">You hate spam. We do, too.
We promise to protect your information.
</span>
</form>
<span class="rp_nav">
<a href="http://www.wordbank.com/get-a-quote/">CONTACT US</a>
</span>
</div>
</div>
</div>
</div>
<!--Right Panel ends here -->
<!--content Panel ends here -->
</div>
<!--innerblock ends here -->
</div>
<!--mainblock ends here -->
<div id="l_box">
<div class="pad">
<h3>TRANSLATION SERVICES</h3>
<h4><span style="color:#1e3065">Superior service.
</span>
<span style="color:#1f7900"> High quality.
</span>
<span style="color: #0c91ba">On-time & On-budget.
</span>
</h4>
<div class="svc_box">
<div class="mask1">
<div id="box1">
<span><img src="img1d.jpg" alt="Testimonials" /></span>
<span><img src="client1c.jpg" alt="Our Clients" /></span>
<span><img src="img2d.jpg" alt="Testimonials" /></span>
<span><img src="client2c.jpg" alt="Our Clients" /></span>
<span><img src="img3d.jpg" alt="Photo" /></span>
<span><img src="client3c.jpg" alt="Our Clients" /></span>
<span><img src="img4d.jpg" alt="Photo" /></span>
</div>
</div>
</div>
</div>
<!--footer panel starts here -->
<div id="footer" style="background-color: #ddd;">
<div class="pad">
<div id="ftr_nav">
<div id="ftr_inner">
<h5>MEMBEROF</h5>
</div>
<h5> CONNECT</h5>
<a href="http://www.linkedin.com/company/217948"><img src="images/linkedin.png" width="38" height="37" alt="Connect on LinkedIn" style="margin-top: 8px;" /></a>
<a href="http://twitter.com/WordbankLLC"><img src="images/twitter.png" width="38" height="37" alt="Follow @WordbankLLC on Twitter" style="margin: 8px 0 0 8px;" /></a>
</div>
</div>
</div>
<!--footer panel ends here -->
</div>
<div style="height: 10px; width: 100%;"> </div>
</div>
</body>
</html>
