Portfolio

						
<!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=utf-8" />
<title>Untitled Document</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]><link rel="stylesheet" href="style/ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style/ie7.css" type="text/css" /><![endif]-->
</head>
<body>
<div class="wrapper"><div class="wrapper2"><div class="wrapper3">
	<div class="head">
		<ul class="nav">
			<li class="q01"><a href="#" title="#">Traffic Trade</a></li>
			<li class="q02"><a href="#" title="#">Friends</a></li>
			<li class="q03"><a href="#" title="#">Sponsors</a></li>
			<li class="q04"><a href="#" title="#">Review request</a></li>
			<li class="q05"><a href="#" title="#">Contacts</a></li>
		</ul>
	</div>
	<div class="left">
		<h2 class="h203">Top recommended programs</h2>
		<div class="desc">
			CoonyNetwork is a group of investors having vast experience in adult industry. We won't exaggerate if we tell that all we do is based on the bravest and most advanced developments in the industry at present. 
		</div>
		<div class="ads">
			<a href="#" title="#"><img src="thumbs/ads.jpg" alt="#" /></a>
		</div>
		<h2 class="h204">Top recommended programs</h2>
		<div class="site">
			<div>
				<span><a href="#" title="#">TurboAsian.com launched!</a></span>
				<p>
					CoonyNetwork is a group of investors having vast experience in adult industry. We won't exaggerate if we tell that all we do is based on the bravest and most advanced. In the industry at present. What distinguishes each of our 
				</p>
				<strong>20 may, 2009</strong>
			</div>
			<div>
				<span><a href="#" title="#">TurboAsian.com launched!</a></span>
				<p>
					CoonyNetwork is a group of investors having vast experience in adult industry. We won't exaggerate if we tell that all we do is based on the bravest and most advanced. In the industry at present. What distinguishes each of our 
				</p>
				<strong>20 may, 2009</strong>
			</div>
		</div>
	</div>
	<div class="main">
		<h2 class="h201">about us</h2>
		<div class="desc">
			<p>
				<strong>Thanks for showing interest to our project!</strong>
			</p>
			<p>
				CoonyNetwork is a group of investors having vast experience in adult industry. We won't exaggerate if we tell that all we do is based on the bravest and most advanced developments in the industry at present. What distinguishes each of our new sites is exclusive design, friendly to surfers interface and of course daily updated high quality content.
			</p>
			<p>
				Wanna see our dynamic project develop and us becoming the adult industry leaders? Or maybe you wanna participate and share our success? There is nothing easier! You work with us and we'll seize this world together! 
			</p>
		</div>
		<h2 class="h202">our top sites</h2>
		<div class="desc">
			<p>
				<strong>Thanks for showing interest to our project!</strong>
			</p>
			<p>
				CoonyNetwork is a group of investors having vast experience in adult industry. We won't exaggerate if we tell that all we do is based on the bravest and most advanced developments in the industry at present. What distinguishes each of our new sites is exclusive design, friendly to surfers interface and of course daily updated high quality content.
			</p>
		</div>
		<div class="site2">
			<div>
				<div>
					<p>
						<a href="#" title="#"><img src="thumbs/tmb.jpg" alt="#" /></a>
					</p>
				</div>
				<span>SiteName</span>
				<p>
					Site in the Big Boobs niche. We made a lot of efforts to make this site unique and interesting and surfers will surely love it. <br /><a href="#" title="#">Check it now!</a>
				</p>
			</div>
			<div>
				<div>
					<p>
						<a href="#" title="#"><img src="thumbs/tmb.jpg" alt="#" /></a>
					</p>
				</div>
				<span>SiteName</span>
				<p>
					Site in the Big Boobs niche. We made a lot of efforts to make this site unique and interesting and surfers will surely love it. <br /><a href="#" title="#">Check it now!</a>
				</p>
			</div>
			<br class="clearfloat" />
		</div>		
	</div>
	<br class="clearfloat" />
	<div class="footer">
		<ul>
			<li><a href="#" title="#">Traffic Trade</a></li>          
			<li><a href="#" title="#">Friends</a></li>          
			<li><a href="#" title="#">Sponsors</a></li>          
			<li><a href="#" title="#">Review Request and advertising</a></li>          
			<li><a href="#" title="#">Contacts</a></li>
		</ul>
		<br class="clearfloat" />
		<p>
			© 2009 "Broker Traffic". All rights reserved and copyrighted. 
		</p>
	</div>
</div></div></div>
</body>
</html>

						
                

* {
	margin:0;
	padding:0;
}

body {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	background:#FFF;
}

img {
	border:none;
}

.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}

ul {
	list-style:none;
}

h1 {
	display:none;
}

a {
	color:#009ca9;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.wrapper {
	background:url(../images/head-x.png) 0 0 repeat-x;
}

.wrapper2 {
	background:url(../images/footer.jpg) 0 100% no-repeat;
}

.wrapper3 {
	background:url(../images/head.jpg) 0 0 no-repeat;
	width:1000px;
}

.wrapper h2 {
	height:49px;
	margin-bottom:18px;
}

.h201 {
	background:url(../images/h201.png) 0 0 no-repeat;
}

.h202 {
	background:url(../images/h202.png) 0 0 no-repeat;
}

.h203 {
	background:url(../images/h203.png) 0 0 no-repeat;
}

.h204 {
	background:url(../images/h204.png) 0 0 no-repeat;
}

.h205 {
	background:url(../images/h205.png) 0 0 no-repeat;
}

.h206 {
	background:url(../images/h206.png) 0 0 no-repeat;
}

.h207 {
	background:url(../images/h207.png) 0 0 no-repeat;
}

.h208 {
	background:url(../images/h208.png) 0 0 no-repeat;
}

.h209 {
	background:url(../images/h209.png) 0 0 no-repeat;
}

.h210 {
	background:url(../images/h210.png) 0 0 no-repeat;
}

.head {
	position:relative;
	height:293px;
}

.nav li {
	position:absolute;
	text-indent:-9000px;
	overflow:hidden;
}

.nav a {
	display:block;
}

.q01 {
	width:59px;
	top:109px;
	left:527px;
}

.q01-active {
	width:63px;
	top:81px;
	height:99px;
	left:523px;
	background:url(../images/q01-a.png) no-repeat;
}

.q01 a {
	height:68px;
	background:url(../images/q01.png) 0 0 no-repeat;
}

.q02 {
	width:65px;
	top:168px;
	left:605px;
}

.q02-active {
	width:69px;
	top:143px;
	height:78px;
	left:601px;
	background:url(../images/q02-a.png) no-repeat;
}

.q02 a {
	height:50px;
	background:url(../images/q02.png) 0 0 no-repeat;
}

.q03 {
	width:82px;
	top:96px;
	left:693px;
}

.q03-active {
	width:82px;
	height:58px;
	background:url(../images/q03-a.png) 0 0 no-repeat;
	top:96px;
	left:693px;
}

.q03 a {
	height:51px;
	background:url(../images/q03.png) 0 0 no-repeat;
}

.q04 {
	width:134px;
	top:167px;
	left:773px;
}

.q04-active {
	width:134px;
	height:91px;
	background:url(../images/q04-a.png) 0 0 no-repeat;
	top:147px;
	left:773px;
}

.q04 a {
	height:68px;
	background:url(../images/q04.png) 0 0 no-repeat;
}

.q05 {
	width:78px;
	top:79px;
	left:879px;
}

.q05-active {
	width:78px;
	height:63px;
	background:url(../images/q05-a.png) 0 0 no-repeat;
	top:79px;
	left:879px;
}

.q05 a {
	height:51px;
	background:url(../images/q05.png) 0 0 no-repeat;
}