<!-- DO NOT REMOVE THIS REMARK!(For IEs) -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>4 columns</title>
	<style type="text/css" media="screen">
	    @import url("public/css/main.css");
	</style>
</head>
<body>
    <div id="page">
		<div class="table">
			<div class="column red">
				<p>Nulla commodo sem eu nisl. Cras varius libero sed tortor. Ut vitae leo vel enim condimentum vestibulum. Suspendisse potenti. In condimentum elit quis mauris? Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis lacus. Sed leo ante, viverra sit amet, gravida id, malesuada ac, est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc rhoncus massa a sapien. Maecenas felis? Ut feugiat. Duis facilisis tellus eget lectus. Duis lobortis hendrerit quam. Nunc aliquet dignissim est.</p>
			</div>
			<div class="column green">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum ac nibh. Mauris mattis posuere massa! Quisque orci. Sed gravida sagittis lacus. Etiam sodales eros quis nisl. Quisque eleifend, arcu quis iaculis porta, tortor lorem imperdiet libero, at aliquet felis nunc at augue. Nam fringilla eros. Vestibulum dapibus vehicula mauris. Etiam id sem vitae dolor volutpat ultricies. Donec eu turpis et purus pretium pulvinar. Donec rutrum orci. Sed libero velit, iaculis ut; dignissim eget, vulputate non, nisl. In vel sapien ac risus ultricies cursus. Morbi egestas aliquam ipsum. Aliquam odio. Phasellus orci!</p>
				<p>In bibendum, ligula feugiat rhoncus eleifend; leo sem aliquam tellus, id dictum leo lorem quis lectus. Maecenas rutrum est in neque viverra pulvinar. In sodales eleifend sem! Ut aliquet, eros eget cursus dictum, augue risus aliquet odio, sit amet dictum neque nibh non urna. Suspendisse a mauris non mi tincidunt fermentum. Ut facilisis pharetra nulla. Cras lectus. Cras justo. Ut aliquet ipsum at urna. Integer ac nisl. Curabitur vel urna. Ut pulvinar.</p>
			</div>
			<div class="column blue">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sodales, lectus sagittis ultrices fermentum, est massa tempus nisl, eu euismod magna metus et sem? Vestibulum ac risus. Nam bibendum blandit nisi. Phasellus vel ante. Duis auctor faucibus sem. Cras accumsan. Nam bibendum auctor dui. Donec vel libero nec libero eleifend gravida. Quisque aliquet elit a enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi commodo ultricies massa. Aliquam gravida, lacus a volutpat rutrum, eros quam pulvinar felis, id vestibulum est est id ipsum. Nam interdum. Suspendisse auctor velit non lacus. Morbi ullamcorper nibh vel nisi. Vestibulum sem arcu, porta vel, pulvinar non, fringilla in, lacus. Nullam in urna.</p>
				<p>Nam iaculis. Cras cursus sodales eros! Curabitur pede sapien, mattis quis, adipiscing eget, rhoncus a, orci. Vivamus euismod vulputate diam! Pellentesque tellus nisl, ornare id, ullamcorper euismod, gravida nec, enim? Suspendisse ac metus et eros aliquam condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam quis ligula. In in nunc ac neque tristique consequat. Duis egestas ultrices augue. Etiam ut felis viverra sem vulputate tempus. Quisque purus mi, vulputate ac, vehicula ultrices, fermentum in, lacus. Aliquam at nibh ut magna pulvinar venenatis. Nam eu libero a mauris viverra pulvinar. Aenean venenatis, est at gravida mattis; urna nunc porttitor orci, sed ornare nisi tellus sed nisl. Duis sem ante; cursus eu, fermentum non, semper ac, augue. Nunc purus. Vestibulum mi mi, venenatis quis, commodo nec; aliquam sed, nisl. Morbi sit amet massa. Duis venenatis sodales magna?</p>
			</div>
			<div class="column gray">
				<p>Nunc laoreet. Sed semper, leo in ultrices gravida, nulla urna mollis tellus; vitae fringilla turpis ipsum quis metus. Etiam sit amet augue ut eros mollis scelerisque. Suspendisse lectus elit, pellentesque ut, fringilla a, rhoncus quis, metus. Curabitur hendrerit condimentum quam. Vivamus tortor ante, pretium eget; fringilla at, interdum ac; arcu. Pellentesque mauris nibh, mollis in, scelerisque ac, laoreet non, neque. Pellentesque mi. Aliquam sagittis pede. In consectetuer. Integer eget pede non mauris vehicula pharetra. Maecenas pretium, neque nec vestibulum gravida, tortor nisi condimentum ante, consequat semper velit turpis sed odio? Ut aliquam posuere pede. Aenean vestibulum arcu? Ut metus. Morbi consequat eros sed leo. Morbi sem metus, consequat sed, tincidunt eget, aliquam convallis, neque?</p>
			</div>
		</div>
	</div>
</body>
</html> 
 
/*  Tags Declaration  */
BODY {
    margin: 0;
    padding: 0;
    text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1em;
}
 
/*  Page  */
#page {
    text-align: left;
}
 
P{
	margin:15px;
	font-size:0.8em;
}
 
.table{
	display:table;
	width:100%;
	_width:100%;
	_height:1px;
}
 
.column{
	width:25%;
	display:table-cell;
	_float:left;
	_height:100%;
}
 
.red{
	background:#e95f5c;
}
 
.green{
	background:#65bc67;
}
 
.blue{
	background:#33489b;
}
 
.gray{
	background:#444444;
	width:auto;
}