Portfolio

						
<!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">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>TOTALPROSPROTS</title>
	<link rel="stylesheet" type="text/css" href="css/styles.css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
	<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="css/ie.css" /><![endif]-->
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<h1 class="logo"><a href="#">TOTALPROSPROTS.COM</a></h1><!--logo-->
			<ul class="top-nav">
				<li><a href="#">Contact Us</a></li>
				<li><a href="#">Write For Us</a></li>
				<li><a href="#">Policies</a></li>     
				<li><a href="#">Advertise</a></li>
			</ul><!--top-nav-->
			<div class="promo-box">
				<div class="ad-box"><a href="#"><img src="images/ad01.jpg" alt="" width="728" height="90" /></a></div><!--ad-box-->
			</div><!--promo-box-->
			<div class="nav-box">
				<ul>
					<li><a href="#">NFL</a></li>
					<li><a href="#">MLB</a></li>
					<li><a href="#">NBA</a></li>
					<li><a href="#">NCAA</a></li>
					<li><a href="#">NHL</a></li>
					<li><a href="#">MMA</a></li>
					<li><a href="#">SOCCER</a></li>
					<li><a href="#">MORE</a></li>
					<li><a href="#">FANTASY SPORTS</a></li>
				</ul>
				<div class="search-form">
					<form action="#">
						<fieldset>
							<div class="inp01"><input type="text" value="Search..." /></div>
							<input type="submit" class="btn-search" value="search" />
						</fieldset>
					</form>
				</div><!--search-form-->
			</div><!--nav-box-->
		</div><!--header-->
		<div id="main">
			<div class="main-t"></div>
			<div class="main-c">
				<h2><span>FEATURED</span></h2>
				<ul class="featured-list">
					<li>
						<a href="#"><img src="images/img01.jpg" alt="" width="170" height="112" /></a>
						<div class="text">
							<p>Jay Z and Gweneth have words and it gets heated, fight?</p>
						</div><!--text-->
					</li>
					<li>
						<a href="#"><img src="images/img01.jpg" alt="" width="170" height="112" /></a>
						<div class="text">
							<p>Jay Z and Gweneth have words and it gets heated, fight?</p>
						</div><!--text-->
						<a href="#" class="hot">hot</a>
					</li>
					<li>
						<a href="#"><img src="images/img01.jpg" alt="" width="170" height="112" /></a>
						<div class="text">
							<p>Jay Z and Gweneth have words and it gets heated, fight?</p>
						</div><!--text-->
					</li>
					<li>
						<a href="#"><img src="images/img01.jpg" alt="" width="170" height="112" /></a>
						<div class="text">
							<p>Jay Z and Gweneth have words and it gets heated, fight?</p>
						</div><!--text-->
					</li>
					<li>
						<a href="#"><img src="images/img01.jpg" alt="" width="170" height="112" /></a>
						<div class="text">
							<p>Jay Z and Gweneth have words and it gets heated, fight?</p>
						</div><!--text-->
					</li>
				</ul><!--featured-list-->
				<div class="main-holder">
					<div id="content">
						<h2><span>NEWS</span></h2>
						<ul class="news-list">
							<li>
								<div class="img"><a href="#"><img src="images/img02.jpg" alt="" width="160" height="129" /></a></div>
								<div class="holder">
									<h3>The 9 Hottest Softball Players: Female Edition</h3>
									<p>Softball. It’s not just for drunken corporate drones anymore. Well, it still kinda is. But bear in mind, no matter how agro and nasty you get while playing, deep down, softball is a girl’s sport. And trying to shake that connotation is like trying to fight the [...]</p>
									<div class="text">
										<a href="#" class="like"><img src="images/ico-like.gif" alt="" width="73" height="20" /></a>
										<a href="#" class="more">READ MORE</a>
									</div>
								</div>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img02.jpg" alt="" width="160" height="129" /></a></div>
								<div class="holder">
									<h3>The 9 Hottest Softball Players: Female Edition</h3>
									<p>Softball. It’s not just for drunken corporate drones anymore. Well, it still kinda is. But bear in mind, no matter how agro and nasty you get while playing, deep down, softball is a girl’s sport. And trying to shake that connotation is like trying to fight the [...]</p>
									<div class="text">
										<a href="#" class="like"><img src="images/ico-like.gif" alt="" width="73" height="20" /></a>
										<a href="#" class="more">READ MORE</a>
									</div>
								</div>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img02.jpg" alt="" width="160" height="129" /></a></div>
								<div class="holder">
									<h3>The 9 Hottest Softball Players: Female Edition</h3>
									<p>Softball. It’s not just for drunken corporate drones anymore. Well, it still kinda is. But bear in mind, no matter how agro and nasty you get while playing, deep down, softball is a girl’s sport. And trying to shake that connotation is like trying to fight the [...]</p>
									<div class="text">
										<a href="#" class="like"><img src="images/ico-like.gif" alt="" width="73" height="20" /></a>
										<a href="#" class="more">READ MORE</a>
									</div>
								</div>
							</li>
						</ul>
						<div class="baseball-gallery">
							<div class="title">
								<a href="#" class="like"><img src="images/ico-like02.gif" alt="" width="73" height="20" /></a>
								<h3>Baseball Gallery</h3>
							</div><!--title-->
							<div class="holder">
								<div class="img"><a href="#"><img src="images/img03.jpg" alt="" width="284" height="227" /></a></div>
								<ul>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
								</ul>
							</div>
							<a href="#" class="more">VIEW MORE</a>
						</div><!--baseball-gallery-->
						<div class="baseball-gallery">
							<div class="title">
								<a href="#" class="like"><img src="images/ico-like02.gif" alt="" width="73" height="20" /></a>
								<h3>Baseball Gallery</h3>
							</div><!--title-->
							<div class="holder">
								<div class="img"><a href="#"><img src="images/img03.jpg" alt="" width="284" height="227" /></a></div>
								<ul>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
								</ul>
							</div>
							<a href="#" class="more">VIEW MORE</a>
						</div><!--baseball-gallery-->
						<div class="baseball-gallery">
							<div class="title">
								<a href="#" class="like"><img src="images/ico-like02.gif" alt="" width="73" height="20" /></a>
								<h3>Baseball Gallery</h3>
							</div><!--title-->
							<div class="holder">
								<div class="img"><a href="#"><img src="images/img03.jpg" alt="" width="284" height="227" /></a></div>
								<ul>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
								</ul>
							</div>
							<a href="#" class="more">VIEW MORE</a>
						</div><!--baseball-gallery-->
						<div class="baseball-gallery">
							<div class="title">
								<a href="#" class="like"><img src="images/ico-like02.gif" alt="" width="73" height="20" /></a>
								<h3>Baseball Gallery</h3>
							</div><!--title-->
							<div class="holder">
								<div class="img"><a href="#"><img src="images/img03.jpg" alt="" width="284" height="227" /></a></div>
								<ul>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
								</ul>
							</div>
							<a href="#" class="more">VIEW MORE</a>
						</div><!--baseball-gallery-->
						<div class="baseball-gallery">
							<div class="title">
								<a href="#" class="like"><img src="images/ico-like02.gif" alt="" width="73" height="20" /></a>
								<h3>Baseball Gallery</h3>
							</div><!--title-->
							<div class="holder">
								<div class="img"><a href="#"><img src="images/img03.jpg" alt="" width="284" height="227" /></a></div>
								<ul>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
								</ul>
							</div>
							<a href="#" class="more">VIEW MORE</a>
						</div><!--baseball-gallery-->
						<div class="baseball-gallery">
							<div class="title">
								<a href="#" class="like"><img src="images/ico-like02.gif" alt="" width="73" height="20" /></a>
								<h3>Baseball Gallery</h3>
							</div><!--title-->
							<div class="holder">
								<div class="img"><a href="#"><img src="images/img03.jpg" alt="" width="284" height="227" /></a></div>
								<ul>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
									<li><a href="#"><img src="images/img04.jpg" alt="" width="89" height="71" /></a></li>
								</ul>
							</div>
							<a href="#" class="more">VIEW MORE</a>
						</div><!--baseball-gallery-->
						<div class="container">
							<ul class="paging">
								<li><span>Page 1 of 472</span></li>
								<li class="active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#"> » </a></li>
								<li><a href="#">10</a></li>
								<li><a href="#">20</a></li>
								<li><a href="#">30</a></li>
								<li><span>...</span></li>
								<li><a href="#">Last »</a></li>
							</ul><!--paging-->
						</div>
					</div><!--content-->
					<div id="sidebar">
						<h3 class="ttl"><span>FOLLOW US</span></h3>
						<div class="facebook">
							<img src="images/facebook-widget.gif" alt="" width="300" height="90" />
						</div><!--facebook-->
						<div class="ad-box">
							<a href="#"><img src="images/ad02.jpg" alt="" width="300" height="250" /></a>
						</div><!--ad-box-->
						<h3 class="ttl"><span>WHAT’S HOT</span></h3>
						<ul class="item-list">
							<li>
								<div class="img"><a href="#"><img src="images/img05.jpg" alt="" width="109" height="81" /></a></div>
								<div class="holder">
									<p>Beatiful Mystery Facebook Girl Solved, Her Name is Pia...</p>
								</div>
								<span class="whence">from: <a href="#">break.com</a></span>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img05.jpg" alt="" width="109" height="81" /></a></div>
								<div class="holder">
									<p>Beatiful Mystery Facebook Girl Solved, Her Name is Pia...</p>
								</div>
								<span class="whence">from: <a href="#">break.com</a></span>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img05.jpg" alt="" width="109" height="81" /></a></div>
								<div class="holder">
									<p>Beatiful Mystery Facebook Girl Solved, Her Name is Pia...</p>
								</div>
								<span class="whence">from: <a href="#">break.com</a></span>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img05.jpg" alt="" width="109" height="81" /></a></div>
								<div class="holder">
									<p>Beatiful Mystery Facebook Girl Solved, Her Name is Pia...</p>
								</div>
								<span class="whence">from: <a href="#">break.com</a></span>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img05.jpg" alt="" width="109" height="81" /></a></div>
								<div class="holder">
									<p>Beatiful Mystery Facebook Girl Solved, Her Name is Pia...</p>
								</div>
								<span class="whence">from: <a href="#">break.com</a></span>
							</li>
						</ul><!--item-list-->
						<h3 class="ttl"><span>FROM THE GALLERY</span></h3>
						<div class="gallery">
							<div class="img"><a href="#"><img src="images/img05.jpg" alt="" width="294" height="219" /></a></div>
							<h4>Sharapova Swimsuit Editon!</h4>
							<ul>
								<li><a href="#"><img src="images/img05.jpg" alt="" width="89" height="66" /></a></li>
								<li><a href="#"><img src="images/img05.jpg" alt="" width="89" height="66" /></a></li>
								<li><a href="#"><img src="images/img05.jpg" alt="" width="89" height="66" /></a></li>
							</ul>
						</div><!--gallery-->
						<a href="mailto:ANTONY@TOTALPROSPORTS.COM" class="mail-link"><span>EMAIL TIPS & LINKS TO:</span> ANTONY@TOTALPROSPORTS.COM</a>
						<h3 class="ttl"><span>STORIES FROM THE WEB</span></h3>
						<ul class="stories-list">
							<li>
								<div class="img"><a href="#"><img src="images/img06.jpg" alt="" width="137" height="137" /></a></div>
								<p>Paris converts to Islam</p>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img06.jpg" alt="" width="137" height="137" /></a></div>
								<p>Paris converts to Islam</p>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img06.jpg" alt="" width="137" height="137" /></a></div>
								<p>Paris converts to Islam</p>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img06.jpg" alt="" width="137" height="137" /></a></div>
								<p>Paris converts to Islam</p>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img06.jpg" alt="" width="137" height="137" /></a></div>
								<p>Paris converts to Islam</p>
							</li>
							<li>
								<div class="img"><a href="#"><img src="images/img06.jpg" alt="" width="137" height="137" /></a></div>
								<p>Paris converts to Islam</p>
							</li>
						</ul><!--stories-list-->
						<h3 class="ttl"><span>SOCIAL MEDIA</span></h3>
						<ul class="social">
							<li><a href="#"><img src="images/ico-facebook.gif" alt="" width="60" height="60" /></a></li>
							<li><a href="#"><img src="images/ico-twitter.gif" alt="" width="60" height="60" /></a></li>
							<li><a href="#"><img src="images/ico-rss.gif" alt="" width="60" height="60" /></a></li>
							<li><a href="#"><img src="images/ico-digg.gif" alt="" width="60" height="60" /></a></li>
						</ul><!--social-->
						<div class="airbrushing-box">
							<div class="img">
								<a href="#"><img src="images/img07.jpg" alt="" width="158" height="598" /></a>
							</div>
							<ul>
								<li>
									<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="119" height="76" /></a></div>
									<p>The wonders of airbrushing</p>
								</li>
								<li>
									<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="119" height="76" /></a></div>
									<p>The wonders of airbrushing</p>
								</li>
								<li>
									<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="119" height="76" /></a></div>
									<p>The wonders of airbrushing</p>
								</li>
								<li>
									<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="119" height="76" /></a></div>
									<p>The wonders of airbrushing</p>
								</li>
								<li>
									<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="119" height="76" /></a></div>
									<p>The wonders of airbrushing</p>
								</li>
							</ul>
						</div><!--airbrushing-box-->
						<div class="ads-box"><a href="#"><img src="images/ad03.jpg" alt="" width="298" height="58" /></a></div>
					</div><!--sidebar-->
				</div><!--main-holder-->
				<div class="partner-box">
					<h2><span>PARTNER SITES</span></h2>
					<div class="container">
						<div class="col">
							<div class="title">
								<span>Partner</span>
								<a href="#"><img src="images/partner01.jpg" alt="" width="112" height="28" /></a>
							</div><!--title-->
							<ul>
								<li><a href="#">FD action, RX-7 (30 Pictures)</a></li>
								<li><a href="#">Models of Motor Park vs MotoGP models (23 Photos)</a></li>
								<li><a href="#">Action shots from Formula Drift in Long Beach (31 HQ Photos)</a></li>
							</ul>
						</div><!--col-->
						<div class="col">
							<div class="title">
								<span>Partner</span>
								<a href="#"><img src="images/partner02.jpg" alt="" width="109" height="33" /></a>
							</div><!--title-->
							<ul>
								<li><a href="#">Photo of the Day (Click here for High-Res Photo)</a></li>
								<li><a href="#">A129 Mangusta attack helicopter in high-res (21 HQ Photos)</a></li>
								<li><a href="#">One city and a topic: fun girls of Nashville (61 Photos)</a></li>
							</ul>
						</div><!--col-->
						<div class="col">
							<div class="title">
								<span>Partner</span>
								<a href="#"><img src="images/partner03.jpg" alt="" width="109" height="34" /></a>
							</div><!--title-->
							<ul>
								<li><a href="#">Zach Galifianakis is one funny dude (5 photos}</a></li>
								<li><a href="#">Who buys this stuff? (24 photos)</a></li>
								<li><a href="#">Some interesting Betsey Johnson fashion (11 photos}</a></li>
							</ul>
						</div><!--col-->
						<div class="col">
							<div class="title">
								<span>Partner</span>
								<a href="#"><img src="images/partner04.jpg" alt="" width="111" height="31" /></a>
							</div><!--title-->
							<ul>
								<li><a href="#">Alyson Hannigan and Satyana Are Santa Monica Smiley (PHOTOS)</a></li>
								<li><a href="#">Reese Witherspoon Takes a Post-Honeymoon Jog (PHOTOS)</a></li>
								<li><a href="#">Kim Kardashian Gets Sweaty With Mom Kris Jenner for Skechers (PHOTOS)</a></li>
							</ul>
						</div><!--col-->
					</div>
				</div><!--partner-box-->
			</div>
			<div class="main-b"></div>
		</div><!--main-->
		<div id="footer">
			<ul>
				<li><a href="#">Terms of Use</a></li>
				<li><a href="#">Privacy Policy</a></li>
				<li><a href="#">Copyright</a></li>
				<li><a href="#">Advertise</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact</a></li>
				<li><a href="#">Jobs</a></li>
			</ul>
			<p>Designed By: <a href="#">Wisconsin Web Design</a></p>
		</div>
	</div><!--wrapper-->
</body>
</html>
						
                

#wrapper{
	background: url(../images/bg-body.gif) repeat-x;
	padding-bottom:30px;
}
/*header*/
#header{
	width:960px;
	margin:0 auto;
	position:relative;
}
.logo{
	margin:0;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/main-logo.png) no-repeat;
	width:182px;
	height:167px;
	position:absolute;
	left:39px;
	top:3px;
}
.logo a{
	display:block;
	height:100%;
}
.top-nav{
	text-align:right;
	margin:0;
	padding:6px 0 10px;
	list-style:none;
	font-size:13px;
	line-height:17px;
}
.top-nav li{
	display:inline;
	padding: 0 1px 0 13px;
}
/*promo-box*/
.promo-box{
	width:913px;
	margin:0 auto -7px;
	padding:2px 0 0 47px;
	overflow:hidden;
}
.promo-box .logo{
	background:url(../images/main-logo.png) no-repeat;
	width:134px;
	height:135px;
}
.promo-box .ad-box{
	float:right;
	padding: 19px 0 26px;
}
.promo-box img{
	vertical-align:top;
}
/*nav-box*/
.nav-box{
	background: url(../images/nav-box.gif) no-repeat;
	width:941px;
	padding:3px 19px 3px 0;
	overflow:hidden;
	margin:0 auto -1px;
}
.nav-box ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.nav-box ul li{
	float:left;
	line-height:28px;
	padding: 0 8px 0 20px;
}
.search-form{
	float:right;
	background: url(../images/bg-search-form.gif) no-repeat;
	width:189px;
	height:22px;
	padding:3px;
}
.search-form .inp01{
	background: url(../images/inp01.gif) no-repeat;
	width:160px;
	height:22px;
	float:left;
}
.search-form .inp01 input{
	float:left;
	background:none;
	border:0;
	width:132px;
	height:12px;
	color:#000;
	font-size:10px;
	padding:5px 14px;
}
.btn-search{
	background: url(../images/btn-search.gif) no-repeat;
	width:26px;
	height:22px;
	float:left;
	line-height:0;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 3px;
	padding:0;
}
#main{
	width:1002px;
	margin:0 auto;
	position:relative;
}