<!DOCTYPE =html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KARMA</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

<script src="js/jquery.js"></script>
<script src="js/jquery_003.js"></script>
<script>
  $(document).ready(function() {    
	$("html").niceScroll({styler:"fb",cursorcolor:"#aca4a1"});
	$(".fancy_box").niceScroll();
  });
</script>

<script src="js/jquery_custom.js" type="text/javascript"></script>
</head>

<body>

	<div class="header clearfix">
		<div class="hleft transform_none">
			<a href="#"><span>10:53</span><br />
			Tuesday, July 9</a>
		</div>
		<div class="top_map">
      <img src="images/top_map.png" alt="" />
    </div>
	</div>
	
  <div class="contener">
    <div class="clearfix">
      <div class="col1">
        <h2 class="common_head">POTENTIAL SOULMATES</h2>
        <div class="sorting_part clearfix">
          <div class="sorting_arrows">
            <a href="#" class="sorting_up">sorting up</a>
            <a href="#" class="sorting_down">sorting down</a>
          </div>
          <div class="que_num">
            Que 4,654
          </div>
        </div>
        
        <ul class="girl_list clearfix">
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>janet555</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl1.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>mary7640</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl2.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>kathi698</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl3.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>liz0982</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl4.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>yudid911</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl5.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>lucy3422</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl6.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>shanni7500</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl7.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>ruth3322</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl8.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>gail0987</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl9.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>sara7734</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl10.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>mercedes 231</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl11.jpg" alt="" />
              </div>
            </div>
          </li>
          
          <li>
            <div class="gl_icons">
              <a href="#" class="like_icon">share</a>
              <a href="#" class="dislike_icon">share</a>
              <a href="#" class="share_icon">share</a>
            </div>
            <h2>patrica8933</h2>
            <div class="gl_img_wrap">
              <div class="gl_img">
                <img src="images/gl12.jpg" alt="" />
              </div>
            </div>
          </li>
          
        </ul>
        <div class="bleft">Global Zone</div>
      </div>
      
      <div class="col2">
        <h2 class="common_head">CANDIDATE</h2>
        <div class="brown_head">
          janet555
        </div>
        <p class="para_text">
          woman looking for a man for marriage<br />
          woman looking for man for friends<br />
          woman looking for friends and activity partners<br />
          lives in ny willing to move<br />
          has key similar to yours<br />
          attends baptist church on most sundays<br />
          would like 3 children<br />
          has knocked off 4 gamers<br />
          <span class="para_sub_points">
            2 coppers for misrepresentation before outing<br />
            1 silver just because she could<br />
            1 copper because she could<br />
          </span>
          she likes to out to get to know you
        </p>
        <div class="bmid">Game Zone</div>
      </div>
      
      <div class="col3">
        <h2 class="common_head">CONSOLE</h2>
        <div class="console_stat">
          <ul>
            <li>
              <div class="console_nm">values</div>
              <div class="console_per">40% <img src="images/per-blue.jpg" alt="" /></div>
            </li>
            <li>
              <div class="console_nm">compatibity</div>
              <div class="console_per">60% <img src="images/per-yellow.jpg" alt="" /></div>
            </li>
            <li>
              <div class="console_nm">intimate pref.</div>
              <div class="console_per">90% <img src="images/per-pink.jpg" alt="" /></div>
            </li>
          </ul>
        </div>
        
        <div class="console_chart">
          <ul class="pie_charts">
            <li><img src="images/pie-chart.png" alt="" /></li>
            <li><img src="images/pie-chart.png" alt="" /></li>
          </ul>
        </div>
        <div class="bright"><input name="" type="text" class="inputbg" /><input name="" value="" type="submit" class="searchbtn" /></div>
      </div>
      
    </div>    
	</div>
  
  <div class="circle_bg">
    <div class="circle_in">
      <a href="#" class="cr_link_2">Share a song now</a>
      <a href="#" class="cr_link_3">Share a playlist</a>
    </div>
  </div>
  
  <div class="brown_sidebar">
    <a href="#" class="intro_icon">intro</a>
    <a href="#" class="chat_icon">chat</a>
    <a href="#" class="group_icon">group</a>
    <a href="#" class="outing_icon">outing</a>
    <a href="#" class="secret_icon">secret</a>
    <div class="divider">&nbsp;</div>
    <a href="#" class="calendar_icon">calendar</a>
    <a href="#" class="journal_icon">journal</a>
    <a href="#" class="email_icon">.email</a>
  </div>
  
  <ul class="green_menu">
    <li><a href="#">potentials</a></li>
    <li><a href="#">my favorites</a></li>
    <li><a href="#">favorite of</a></li>
    <li><a href="#">things to do</a></li>
    <li><a href="#">the news</a></li>
  </ul>
  
  <div class="green_sidebar">
    <div class="open_sidebar">
      <a href="#" class="hide_icon">hide</a>
      <a href="#" class="bomb_icon">bomb</a>
      <a href="#" class="stars_icon">stars</a>
      <a href="#" class="challenge_icon">challenge</a>
      <a href="#" class="music_icon">music</a>
      <a href="#" class="strike_icon">strike</a>
      <a href="#" class="dots_icon">dots</a>
      <a href="#" class="run_icon">run</a>
    </div>
  </div>

</body>
</html>
