HUMMING BIRD II

<!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" />
<meta name="title" content="***ITEM'S TITLE***"/>
<title>HOME</title>
<link  href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css"/>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<link href="thickbox/thickbox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="thickbox/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="thickbox/thickbox.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2');

function switchid(id){	
	hideallids();
	showdiv(id);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
</script>
<script>
	
function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;
}
</script>
</head>
<body>
<div id="wrapper">
  <!--header-->
  <div id="header">
    <div id="navigation"> <a href="index.html"><img src="images/logo.gif" align="left" alt="" border="0" /></a>
      <ul id="navbar">
        <li><a href="http://hummingbird2.com/" class="active"><span>Home</span></a></li>
        <li><a href="http://wiki.hummingbird2.com/" target="_blank"><span>Help</span></a></li>
        <li><a href="http://suggestions.hummingbird2.com/pages/28806-general" target="_blank"><span>Suggestions</span></a></li>
        <li><a href="hummingbird-affiliate.html"><span>Affiliates</span></a></li>
        <li><a href="hummingbird-free_tool_page.html"><span>Free  Tool </span></a></li>
      </ul>
    </div>
    <ul class="login_nav">
      <li class="no_back"><a href="https://www.mcssl.com/SYS/netcart/affiliates/AffiliateLogin.aspx?MerchantID=154618" target="_blank">Affiliate Login</a></li>
      <li><a href="https://www.mcssl.com/SYS/netcart/affiliates/AffiliateSignUpForm.aspx?MerchantID=154618" target="_blank">Sign Up</a></li>
    </ul>
    <br class="clear" />
    <!--banner-->
    <div class="banner">
      <div class="buy_now">
        <div class="p_align">
          <p>"I recommend Hummingbird as a comprehensive strategy to my clients!" </p>
          <ul class="banner_nav">
            <li><a href="#">Calvin Froedge</a></li>
            <li><a href="#">Creative Logic Media</a></li>
          </ul>
          <br class="clear" />
        </div>
        <a href="https://www.mcssl.com/SecureCart/Checkout.aspx?sctoken=789e357f61f847ba95881bf6046fd320&mid=ED6E27F6-EC12-4039-9961-8FE1499ADEC7&bhcp=1"><img  align="left" src="images/btn_buynow.gif" alt="" border="0" class="button_roll"  /></a> </div>
      <ul class="affiliteis">
        <li><img src="images/business.gif" align="left" alt="" border="0" /></li>
        <li class="second_img"><a href="hummingbird-affiliate.html"><img src="images/affiliates.gif" align="left" alt="" border="0" /></a></li>
      </ul>
    </div>
    <!--/banner-->
  </div>
  <!--/header-->
  <!--content-->
  <div id="content_top">
    <div id="content_footer">
      <div id="content">
        <div id="left_content">
          <h1>We’ve Made Things <span>Extra</span> Easy</h1>
          <p>Thank you for choosing to stop by and learn about the most powerful social-media-marketing tool availabe.  We have perfected Hummingbird over the last year, paying attention to every detail to  make sure that you are completely satisfied with our software, as well as our customer service.  If you have any questions, please don’t hesitate to ASK US! </p>
          <ul class="list_nav">
            <li><img src="images/stock_img.gif" align="left" alt="" border="0" />
              <h2>Marketing with <span>Results</span></h2>
              <p>Upload photos and post links to easily track your click-throughs. Our software analyzes all the details and displays results, helping you improve your marketing campaigns. No more chaos!</p>
            </li>
            <li><img src="images/service.gif" align="left" alt="" border="0" />
              <h2>Data smart follow / unfollow <span>ENGINE</span></h2>
              <p>Users are given a “quality score”  as Hummingbird scans for only highly targeted, active followers. Built in, highly optimized engine that automatically removes those users whom dont follow you back. </p>
            </li>
            <li><img src="images/key.gif" align="left" alt="" border="0" />
              <h2>Keyword Targeting to <span>Satisfy </span>Your Needs</h2>
              <p>Find and connect with users only relevent to what you have to offer. Keyword targeting, complete with spam filters and an advanced grading algorithm. </p>
            </li>
            <li><img src="images/plugins.gif" align="left" alt="" border="0" />
              <h2>3rd Party <span>Plugins</span></h2>
              <p>We've designed the platform to easily accept add-ons and plugins written by other developers. Most of which will be 100% free to download.</p>
            </li>
          </ul>
          <br class="clear" />
          <ul class="benefit_nav">
            <li><a href="images/Detailed Reports.png" rel="lightbox"><img src="images/img_1.gif" border="0" alt="" /></a>
              <h3>Detailed reports</h3>
              <p>Easily view how many users the auto-follow engine has seen, un-followed, followed, followed back, success ratio, and much more.</p>
            </li>
            <li><a href="images/Easily Manage.png" rel="lightbox"><img src="images/img_2.gif" border="0" alt="" /></a>
              <h3>Easily Manage</h3>
              <p>For the first time you can easily manage an unlimited amount of account details. But the amazing thing is, it does so while using hardly any memory.</p>
            </li>
            <li class="last_item "> <a href="images/Multiple Accounts.png" rel="lightbox"><img src="images/img_3.gif" border="0" alt="" /></a>
              <h3>Multiple Accounts</h3>
              <p>Finally manage all your business profiles with one simple tool while automatically growing each network. </p>
            </li>
          </ul>
        </div>
        <div id="right_content_2">
          <div id="top_right">
            <div id="footer_right">
              <div id="right_content">
                <h4><img src="images/dream_machine.gif" align="middle" alt="" border="0" /></h4>
                <ul class="admin_nav">
                  <li>Our software has sold thousands of copies over the last year and is now used by more small businesses on twittter then any other marketing tool to date. </li>
                </ul>
                <br class="clear" />
                <span class="heading_3"><img src="images/say_about.png" align="middle" alt="" border="0" /> </span>
                <div class="clear"></div>
                <div class="testimonials">
                  <div id="a1" style="display:block;">
                    <p class="client_nav">Hummingbird is AWESOME! I’m up over several thousand followers on multiple accounts . . GREAT TOOL! <span class="gray-col">Scott</span></p>
                    <div class="intro">
                      <p class="client_nav">In just a few months using hummingbird we were able to build our following to 9,000 people with only a little work, thanks for an amazing product." <span class="gray-col">Senior Star Productions</span></p>
                    </div>
                  </div>
                  <div id="a2" style="display:none;">
                    <div class="moretext">
                      <p class="client_nav">Using Hummingbird allowed us to build a successful network for our magazine
                        in just hours instead of months, it is truely amazing. <span>The Editors - Senior Chic
                        Magazine</span></p>
                      <p class="client_nav">Your product is working great! Thank you again for your help getting me started.
                        I reached the 2,000 "follow" level and have about 820 "followers" already! <span>- Anthony</span></p>
                    </div>
                  </div>
                  <a class="more"  href="javascript:switchid('a2');"> <img src="images/show_me.gif" align="middle" alt="" border="0" /></a> <br class="clear" />
                  <br />
                </div>
              </div>
            </div>
          </div>
          <a href="https://www.mcssl.com/SecureCart/Checkout.aspx?sctoken=789e357f61f847ba95881bf6046fd320&mid=ED6E27F6-EC12-4039-9961-8FE1499ADEC7&bhcp=1"><img src="images/buy_now2.gif" align="left" alt="" border="0" /></a> </div>
      </div>
    </div>
  </div>
  <!--/content-->
  <!--footer-->
  <div id="footer"> <a href="hummingbird-affiliate.html"><img src="images/logo_2.gif" align="left" alt="" border="0" /></a>
    <div class="term_condition"> © 2009 Hummingbird. All Rights Reserved. Powered by Mesiab Labs.<br />
      Hummingbird is not affiliated with Twitter. <br />
      By downloading or purchasing this software you agree to abide by Twitter's Terms of Service </div>
    <div class="face_boox"> share this page <br class="clear" />
      <ul class="face_nav">
        <li><a href="#"><img src="images/twitter.gif" align="left" alt="" border="0" /> </a></li>
        <li><a href="" onclick="return fbs_click()"><img src="images/facebook.gif" align="left" alt="" border="0" /></a></li>
        <li><a href="mailto:info@hummingbird.com"><img src="images/mail.gif" align="left" alt="" border="0" /></a></li>
        <li><a href="http://digg.com/submit?url=hummingbird.com&title=hummingbird.com&bodytext=Thank you for choosing to stop by and learn about the most powerful social-media-marketing tool availabe. We have perfected Hummingbird over the last year, paying attention to every detail to make sure that you are completely satisfied with our software, as well as our customer service.&media=&topic=introductin to hummingbird.com" target="_blank"><img src="images/di.gif" align="left" alt="" border="0" /></a></li>
      </ul>
    </div>
  </div>
  <!--/footer-->
  <ul class="footer_nav">
    <li class="nobackground"><a href="thickbox/pop.html?height=600&width=955&modal=true" class="thickbox plus" title="">Terms of Service</a></li>
    <li><a href="http://support.mesiablabs.com" target="_blank">Report a Bug</a></li>
    <li><a href="http://suggestions.hummingbird2.com" target="_blank">Suggestions</a></li>
    <li><a href="https://www.mcssl.com/SYS/netcart/affiliates/AffiliateSignUpForm.aspx?MerchantID=154618">Affiliate Singup</a></li>
  </ul>
  <br class="clear" />
</div>
</body>
</html>

@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}
body {
	font-family:"myriad Pro", arial, sans-serif;
	background:url(../images/body.gif) repeat-x top #d5f7ff;
	behavior:url("csshover3.htc");
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
}
#wrapper {
	width:950px;
	margin:0 auto;
}
#header {
	width:950px;
	float:left;
	padding-top:18px;
	padding-bottom:14px;
}
#navigation {
	width:893px;
	float:left;
	height:60px;
	background:url(../images/navigation.gif) no-repeat left top;
	padding:23px 20px 0 35px;
}
#navbar {
	list-style:none;
	float:right;
	padding-top:3px;
}
#navbar li {
	float:left;
	padding-left:10px;
	line-height:26px;
}
#navbar li a {
	display:block;
	float:left;
	padding-left:15px;
	background:url(../images/left_bg.gif) no-repeat left top;
	height:28px;
	font-size:18px;
	color:#7f7f7f;
	text-decoration:none;
	font-family:"myriad Pro", arial, sans-serif;
}
#navbar li a span {
	display:block;
	float:left;
	height:28px;
	padding-right:15px;
	cursor:pointer;
	background:url(../images/right_bg.gif) no-repeat right top;
}
#navbar li a:hover, #navbar li a.active {
	color:#fff;
	background:url(../images/left_hover.gif) no-repeat left top;
}
#navbar li a:hover span, #navbar li a.active span {
	color:#fff;
	background:url(../images/right_hover.gif) no-repeat right top;
}
.login_nav {
	float:left;
	list-style:none;
	padding-left:12px;
	position:relative;
	bottom:-10px;
}
.login_nav li {
	float:left;
	background:url(../images/sep_login.gif) no-repeat left 3px;
	padding:0 8px 0 12px;
}
.login_nav li.no_back {
	background:none;
}
.login_nav li a {
	display:block;
	float:left;
	text-decoration:none;
	font-size:14px;
	color:#22ade7;
}
.login_nav li a:hover {
	color:#7f7f7f;
}
.banner {
	padding-top:340px;
	width:898px;
	float:left;
	background:url(../images/banner.jpg) no-repeat left top;
	height:181px;
	padding-left:52px;
}
.buy_now {
	width:275px;
	float:left;
}
.banner p {
	word-spacing:1px;
	font-size:14px;
	color:#555;
	font-weight:bold;
}
.p_align {
	width:185px;
	float:right;
}
.banner_nav {
	float:right;
	list-style:none;
	padding-bottom:18px;
}
.banner_nav li {
	float:right;
	width:140px;
	text-align:right;
	clear:both;
	line-height:18px;
}
.banner_nav li a {
	text-decoration:none;
	color:#2f6694;
	font-weight:bold;
	word-spacing:1px;
	font-size:14px;
}
.banner_nav li a:hover {
	color:#000;
}
.affiliteis {
	float:left;
	list-style:none;
	padding-top:18px;
}
.affiliteis li {
	position:relative;
	left:10px;
	float:left;
	padding-left:53px;
}
.affiliteis li.second_img {
	position:relative;
	left:20px;
	bottom:-20px;
	padding-top:10px;
}
.affiliteis li a img:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#content_top {
	width:950px;
	float:left;
	background:url(../images/content_body.gif) repeat-y left;
	margin-bottom:14px;
	margin-top:7px;
}
#content_footer {
	width:950px;
	float:left;
	background:url(../images/content_footer.gif) no-repeat bottom left;
}
#content {
	width:854px;
	float:left;
	padding-left:38px;
	padding-right:58px;
	padding-top:33px;
	background:url(../images/content_top.gif) no-repeat top left;
}
#left_content {
	width:545px;
	float:left;
}
h1 {
	font-size:23px;
	color:#636161;
	font-weight:normal;
	padding-bottom:16px;
}
h1 span {
	color:#22ade7;
}
#content p {
	font-family:HelveticaNeue, myriad Pro, arial, sans-serif;
	font-size:14px;
	color:#a2a2a2;
	line-height:16px;
	padding-bottom:28px;
	word-spacing:2px;
}
.list_nav {
	list-style:none;
	float:left;
	width:545px;
}
.list_nav li {
	float:left;
	width:545px;
}
.list_nav li img {
	float:left;
	text-align:left;
	margin-right:20px;
}
.list_nav li h2 {
	float:left;
	width:400px;
	padding:0 0 8px 0!important;
}
.list_nav li p {
	display:block;
	float:left;
	word-spacing:3px;
	width:440px;
	text-align:left!important;
}
.list_nav li h2 {
	font-size:23px;
	color:#636161;
	font-weight:normal;
	padding-bottom:8px;
}
.list_nav li h2 span {
	color:#22ade7;
}
.benefit_nav {
	list-style:none;
	float:left;
	width:515px;
	padding-left:30px;
}
.benefit_nav li {
	float:left;
	width:160px;
	padding-right:15px;
}
.benefit_nav li.last_item {
	padding-right:0!important;
}
.benefit_nav li img {
	float:left;
	clear:both;
	margin-bottom:10px;
}
.benefit_nav li img:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.benefit_nav li h3 {
	float:left;
	padding-left:10px;
	font-size:18px;
	color:#30b2e8;
	width:150px;
	font-weight:normal;
	padding-bottom:7px;
}
.benefit_nav li p {
	float:left;
	clear:both;
	width:150px;
	word-spacing:1px!important;
	color:#737373!important;
}
#right_content {
	width:257px;
	float:right;
	background:url(../images/top_right.gif) no-repeat left top;
	text-align:center;
	padding-top:16px;
}
#right_content_2 {
	width:265px;
	float:right;
	padding: 0 0 30px 0;
}
#top_right {
	width:257px;
	margin-left:2px;
	float:left;
	background:url(../images/body_right.gif) repeat-y left;
	margin-bottom:85px;
}
#footer_right {
	width:257px;
	float:right;
	background:url(../images/footer_right.gif) no-repeat left bottom;
}
h4 {
	font-size:23px;
	color:#a2a2a2;
	padding-bottom:30px;
}
.admin_nav {
	list-style:none;
	float:left;
	padding-left:11px;
	padding-bottom:12px;
}
.admin_nav li {
	background:url(../images/ppl_img.gif) no-repeat left 4px;
	padding-left:42px;
	text-align:left;
	width:200px;
	font-size:12px;
	font-weight:bold;
	float:left;
	clear:both;
	line-height:17px;
	color:#535353;
	word-spacing:2px;
	font-family:HelveticaNeue, arial, sans-serif;
}
.heading_3 {
	display:block;
	float:left;
	width:255px;
	height:41px;
	text-align:center;
	padding-top:18px;
	background:url(../images/bg_span.gif) repeat-x top;
	margin-bottom:15px;
	border-left:1px solid #d7d8d9;
	border-right:1px solid #d7d8d9;
}
.client_nav {
	background:url(../images/say_it.gif) no-repeat left 4px;
	padding-left:40px;
	text-align:left;
	width:192px;
	font-size:12px;
	font-weight:normal;
	padding-bottom:27px;
	line-height:17px;
	font-family:HelveticaNeue, arial, sans-serif;
	color:#535353;
	padding-right:10px;
}
.client_nav span {
	display:block;
	font-weight:bold;
	width:182px;
	text-align:right;
	font-size:13px;
	color:#929292;
	padding-top:12px;
	padding-right:10px;
}
#footer {
	width:950px;
	float:left;
	height:89px;
	background:url(../images/footer.gif) no-repeat left top;
}
.term_condition {
	float:left;
	height:74px;
	text-align:center;
	width:525px;
	font-size:13px;
	padding-top:15px;
	color:#7d7d7d;
}
.face_boox {
	width:205px;
	float:right;
	height:74px;
	padding-top:15px;
	text-align:center;
	color:#7d7d7d;
	font-size:14px;
}
.face_nav {
	list-style:none;
	float:left;
	padding-top:10px;
	padding-left:45px;
}
.face_nav li {
	float:left;
	padding-right:18px;
}
.face_nav li img {
	float:left;
}
.footer_nav {
	list-style:none;
	float:right;
	padding-right:20px;
	padding-bottom:10px;
}
.footer_nav li {
	float:left;
	padding:0 8px 0 12px;
	background:url(../images/sep_login.gif) no-repeat left 3px;
}
.footer_nav li.nobackground {
	background:none!important;
}
.footer_nav li a {
	font-size:14px;
	display:block;
	float:left;
	line-height:17px;
	text-decoration:none;
	color:#1497cd;
}
.footer_nav li a:hover {
	text-decoration:underline;
}
.banner2 {
	padding-top:340px;
	width:898px;
	float:left;
	background:url(../images/banner_2.jpg) no-repeat left top;
	height:181px;
	padding-left:52px;
}
.banner3 {
	padding-top:340px;
	width:898px;
	float:left;
	background:url(../images/banner_3.jpg) no-repeat left top;
	height:181px;
	padding-left:52px;
}
.buttons {
	width:600px;
	float:left;
	padding:60px 0 0 15px;
}
.dowload_button {
	width:280px;
	float:left;
}
#content1 {
	width:901px;
	float:left;
	padding-left:27px;
	padding-right:22px;
	padding-top:131px;
	background:url(../images/banner_3.jpg) no-repeat top left;
	padding-bottom:25px;
}
#content1 p span {
	color:#333333;
	padding:20px 0 0 0;
}
#content1 p {
	color:#A2A1A2;
	padding:15px 0 0 0;
}
h2 {
	font-size:23px;
	color:#000;
	font-weight:normal;
	padding:20px 0 10px 5px;
}
.col_left {
	width:470px;
	float:left;
}
.example_area {
	width:446px;
	float:left;
	padding:10px 0 0 0;
}
.example_area_tb {
	width:446px;
	float:left;
	height:9px;
}
.example_area_middle {
	width:436px;
	float:left;
	background:url(../images/round_middle.gif) repeat-y;
	padding:0 0 10px 10px;
}
.example_area_middle h2 {
	font-size:16px;
	color:#000;
	font-weight:bold;
	padding:0 !important;
}
.example_area_middle p {
	font-size:14px;
	color:#585858 !important;
	padding:15px 0 0 0;
}
.no_space {
	padding:0 !important;
}
.col_right {
	width:429px;
	float:left;
	padding:15px 0 0 0;
}
.col_right_top {
	width:356px;
	float:left;
	background:url(../images/heading_bg.gif) no-repeat;
	height:34px;
	padding:7px 0 0 70px
}
.col_right_middle {
	width:411px;
	float:left;
	background:url(../images/middle_bg.gif) repeat-y;
	padding:0 0 0 15px;
}
.col_right_middle ul {
	list-style:none;
	padding-top:5px;
}
.col_right_middle ul li {
	padding:5px 0 0 0;
	color:#666565!important;
	font-size:15px;
}
.col_right_bottom {
	width:426px;
	float:left;
}
.join_button {
	background:url(../images/join_button.gif) no-repeat;
	width:262px;
	height:51px;
	float:left;
	border:0;
	cursor:pointer;
	margin:17px 0 8px 64px;
}
/* script css */

.morelesslink {
	display:none;
	cursor:pointer;
}
.more {
	background:url(../images/show_me.gif) no-repeat;
	width:130px;
	height:28px;
	margin:0 0 0 50px;
}
.less {
	background:url(../images/show_me.gif) no-repeat;
	width:130px;
	height:28px;
	margin:0 0 0 50px;
}
.testimonials {
	padding: 0 0 0 12px;
	text-align: left;
}
.text_box {
	width:880px;
	float:left;
	padding:0 0 30px;
	background:#FFFFFF;
}
.text_box ol {
	padding:0 0 15px 18px;
}
.text_box ol li {
	padding:10px 0 0 0;
	color:#A2A1A2;
	font-weight:normal;
	font-size:15px;
}
h5 {
	font-size:18px;
	color:#333333;
	padding:0 0 10px 0;
}
.gray-col {
	color:#535353 !important;
}
.button_roll:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}