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]-->
<!--[if IE 6]><script type="text/javascript" src="js/iepngfix_tilebg.js"></script><![endif]-->
</head>
<body>
<div class="wrapper"><div class="wrapper2">
	<div class="center">
		<div class="head">
			<div class="logo"><a href="#" title="#">Logo link</a></div>
			<ul class="menu">
				<li class="q01"><a href="#" title="#">HOME</a></li>
				<li class="q02"><a href="#" title="#">PROGRAMS</a></li>
				<li class="q03"><a href="#" title="#">SITES</a></li>
				<li class="q04"><a href="#" title="#">BENEFITS</a></li>
				<li class="q05"><a href="#" title="#">SALES  TOOLS</a></li>
				<li class="q06"><a href="#" title="#">FAQ</a></li>
				<li class="q07"><a href="#" title="#">SIGN UP</a></li>
			</ul>
			<div class="login">
				<h4>WEBMASTER <span>LOGIN</span></h4>
				<form action="#" method="post">
				<table cellpadding="0" cellspacing="0">
					<tr>
						<td width="55"><label>Login</label></td>
						<td><span><input type="text" /></span></td>
					</tr>
					<tr>
						<td width="55"><label>Password</label></td>
						<td><span><input type="password" /></span></td>
					</tr>
				</table>
				<input type="image" src="images/button-go.png" class="go" />
				</form>
			</div>
		</div>
		<div class="content">
			<div class="welcome">
				<h2>Welcome to EarnCoin,the affiliate program for successful webmasters!</h2>
				<p class="text1">
					We are not new to adult entertainment industry and our experience allows us to 
create top-notch sites guaranteed to gain unmatched popularity among customers.
We don't just enjoy the fruits of our labor though - while you are selling our current blockbusters, we keep developing new ones!
				</p>
				<div class="thumbs">
					<h4>Our newest sites</h4>
					<a href="#" title="#" class="link">View the full list of sites</a>
					<div>
						<a href="#" title="#"><img src="thumbs/img_004.jpg" alt="#" /></a>
						<p>
							<a href="#" title="#">Money Lessons.com</a>
						</p>
					</div>
					<div>
						<a href="#" title="#"><img src="thumbs/img_004.jpg" alt="#" /></a>
						<p>
							<a href="#" title="#">Money Lessons.com</a>
						</p>
					</div>
					<div class="last">
						<a href="#" title="#"><img src="thumbs/img_004.jpg" alt="#" /></a>
						<p>
							<a href="#" title="#">Money Lessons.com</a>
						</p>
					</div>
					<br class="clearfloat" />
				</div>
				<p class="text">Ready to earn piles of cash promoting our hot XXX must-sees?</p>
				<a href="#" title="#"><img src="images/button-signup.png" alt="#" /></a>
			</div>
			<div class="flash1">
				<object type="application/x-shockwave-flash" data="flash/main.swf" width="448" height="420">
					<param name="movie" value="flash/main.swf" />
					<param name="quality" value="high" />
					<param name="wmode" value="transparent" />
				</object>
			</div>
			<br class="clearfloat" />
			<div class="features">
				<div class="q01">
					We treat each of our affiliates individually and are always ready to offer<br /> personal rates to those of them who sell our sites best. Earn up to 65%<br /> from all sales and following rebills for life!
					<a href="#" title="#" class="readmore"><img src="images/button-readmore.png" alt="#" /></a>
				</div>
				<div class="q02">
					There's nothing boring or too common about our sites. Each and every one<br /> of them is unique and has a distinctive appearance to accompany its exclu-<br />sive content.
					<a href="#" title="#" class="readmore"><img src="images/button-readmore.png" alt="#" /></a>
				</div>
				<div class="q03">
					We do realize the importance of offering only 100% exclusive and very exciting content at our sites - it's exactly what makes the traffic sent to them convert so well and we are surely not willing to
					<a href="#" title="#" class="readmore"><img src="images/button-readmore.png" alt="#" /></a>
				</div>
				<div class="q04">
					Those of you who want to get their payouts directly from CCBill will be able to do it easily. Simply choose CCBill in the Payment Method section when you are getting registered in the system and that's it.
					<a href="#" title="#" class="readmore"><img src="images/button-readmore.png" alt="#" /></a>
				</div>
				<div class="q05">
					We are glad to offer our affiliates a wide variety of promo tools including photo, video and FLV FHGs, RSS feeds, embed Flash videos, free content, banners, text descriptions.
					<a href="#" title="#" class="readmore"><img src="images/button-readmore.png" alt="#" /></a>
				</div>
			</div>
			<div class="news">
				<h2>Latest news</h2>
				<p>
					<span>14 January,2010</span>
					Lorem ipsum dolor sit amet are
					consectetuer adipiscing elit, sed diam nonummy nibh euismod 
				</p>
				<p>
					<span>14 January,2010</span>
					Lorem ipsum dolor sit amet are
					consectetuer adipiscing elit, sed diam nonummy nibh euismod 
				</p>
				<p>
					<span>14 January,2010</span>
					Lorem ipsum dolor sit amet are
					consectetuer adipiscing elit, sed diam nonummy nibh euismod 
				</p>
				<p>
					<span>14 January,2010</span>
					Lorem ipsum dolor sit amet are
					consectetuer adipiscing elit, sed diam nonummy nibh euismod 
				</p>
				<p>
					<span>14 January,2010</span>
					Lorem ipsum dolor sit amet are
					consectetuer adipiscing elit, sed diam nonummy nibh euismod 
				</p>
				<p class="last">
					<span>14 January,2010</span>
					Lorem ipsum dolor sit amet are
					consectetuer adipiscing elit, sed diam nonummy nibh euismod 
				</p>
				<span class="readall"><a href="#" title="#">Read earlier news</a></span>
			</div>
			<div class="s206">
				<div class="recent">
					<h2>Recent prizes</h2>
					<div>
						<a href="#" title="#"><img src="thumbs/img_004.jpg" alt="#" /></a>
						<p>
							<a href="#" title="#">Money Lessons.com</a>
						</p>
					</div>
					<div>
						<a href="#" title="#"><img src="thumbs/img_004.jpg" alt="#" /></a>
						<p>
							<a href="#" title="#">Money Lessons.com</a>
						</p>
					</div>
					<div>
						<a href="#" title="#"><img src="thumbs/img_004.jpg" alt="#" /></a>
						<p>
							<a href="#" title="#">Money Lessons.com</a>
						</p>
					</div>
				</div>
				<a href="#" title="#"><img src="images/buttoms.gif" alt="#" /></a>
			</div>
			<br class="clearfloat" />
			<div class="menu2"><div class="menu2-r">
				<ul>
					<li class="q01"><a href="#" title="#">HOME</a></li>         
					<li class="q02"><a href="#" title="#">PROGRAMS</a></li>         
					<li class="q03"><a href="#" title="#">SITES</a></li>         
					<li class="q04"><a href="#" title="#">BENEFITS</a></li>         
					<li class="q05"><a href="#" title="#">SALES  TOOLS</a></li>         
					<li class="q06"><a href="#" title="#">FAQ</a></li>         
					<li class="q07"><a href="#" title="#">SIGN UP</a></li>
				</ul>
			</div></div>
		</div>
		<div class="footer">
			<ul>
				<li><a href="#" title="#">Terms and Conditions</a></li>          
				<li><a href="#" title="#">Privacy Policy</a></li>          
				<li><a href="#" title="#">SPAM Policy</a></li>           
				<li><a href="#" title="#">18 USC 2257</a></li>           
				<li><a href="#" title="#">Resources</a></li>           
				<li><a href="#" title="#">Contact us</a></li>
			</ul>
			<p>
				© EarnCoin, 2003 - 2010    <span>All Rights Reserved</span> 
			</p>
		</div>
	</div>
</div></div>
</body>
</html>


						
                

* {
	margin:0;
	padding:0;
}

body {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#625653;
	background:url(../images/head-x.png) 0 0 repeat-x #f5f5f5;
}

img {
	border:none;
}

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

ul {
	list-style:none;
}

h1 {
	display:none;
}

a {
	text-decoration:underline;
	color:#589931;
}

a:hover {
	text-decoration:none;
}

.wrapper {
	background:url(../images/bg-t.jpg) 50% 0 no-repeat;
}

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

.content {
	background:url(../images/content-b.png) 0 100% no-repeat #fff;
	padding:10px 11px;
}

.center {
	width:1000px;
	margin:0 auto;
}

.welcome {
	width:505px;
	height:401px;
	background:url(../images/welcome-bg.jpg) 0 0 no-repeat;
	float:left;
	padding:19px 0 0 24px;
}

.welcome h2 {
	background:url(../images/welcome-title.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	height:65px;
}

.text1 {
	font-size:13px;
	line-height:14px;
	margin-bottom:10px;
}

.thumbs {
	position:relative;
}

.thumbs div {
	float:left;
	width:162px;
	margin-right:5px;
}

.thumbs div.last {
	margin:0;
}

.thumbs div p {
	text-align:center;
	padding:2px 0 16px;
}

.thumbs div p a {
	color:#000;
	padding-left:14px;
	background:url(../images/bullet2.gif) 0 3px no-repeat;
}

.thumbs img {
	background:url(../images/thumbs-bg.png) 0 0 no-repeat;
	padding:8px 7px;
}

.thumbs h4 {
	font-size:14px;
	color:#d44f03;
	background:url(../images/bullet.png) 0 1px no-repeat;
	height:21px;
	padding:0 0 0 20px;
}

.thumbs .link {
	position:absolute;
	right:10px;
	top:1px;
}

.text {
	background:url(../images/welcome-text.png) 0 8px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:317px;
	height:42px;
	float:left;
}

.flash {
	width:448px;
	float:left;
}

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

.logo {
	background:url(../images/logo.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:309px;
	height:90px;
}

.logo a {
	display:block;
	text-indent:-9999px;
	height:90px;
}

.menu {
	position:absolute;
	width:1000px;
	left:0;
	top:90px;
}

.menu li {
	float:left;
}

.menu li a,.menu li span {
	display:block;
	height:68px;
	text-indent:-9999px;
	overflow:hidden;
}

.menu li.q01 {
	width:145px;
}

.menu li.q01 a {
	background:url(../images/menu-buttons.png) 0 0 no-repeat;
}

.menu li.q01 a:hover,.menu li.q01 span {
	background-position:0 -68px;
}

.menu li.q02 a {
	background:url(../images/menu-buttons.png) -145px 0 no-repeat;
}

.menu li.q02 a:hover,.menu li.q02 span {
	background-position:-145px -68px;
}

.menu li.q03 a {
	background:url(../images/menu-buttons.png) -287px 0 no-repeat;
}

.menu li.q03 a:hover,.menu li.q03 span {
	background-position:-287px -68px;
}

.menu li.q04 a {
	background:url(../images/menu-buttons.png) -430px 0 no-repeat;
}

.menu li.q04 a:hover,.menu li.q04 span {
	background-position:-430px -68px;
}

.menu li.q05 a {
	background:url(../images/menu-buttons.png) -573px 0 no-repeat;
}

.menu li.q05 a:hover,.menu li.q05 span {
	background-position:-573px -68px;
}

.menu li.q06 a {
	background:url(../images/menu-buttons.png) -716px 0 no-repeat;
}

.menu li.q06 a:hover,.menu li.q06 span {
	background-position:-716px -68px;
}

.menu li.q07 a {
	background:url(../images/menu-buttons.png) -858px 0 no-repeat;
}

.menu li.q07 a:hover,.menu li.q07 span {
	background-position:-858px -68px;
}

.menu li.q02,.menu li.q06,.menu li.q07 {
	width:142px;
}

.menu li.q03,.menu li.q04,.menu li.q05 {
	width:143px;
}