#browse_directory_top {
	height:50px;
	margin-bottom:-25px;
}

#browse_directory_top h1 {
	background: url('images/need_to_get_stuff_done.png') no-repeat top left;
	width:282px;
	height:31px;
	margin-left:180px;
	margin-top:20px;
}

#browse_directory_top h1 span {
	display:none;
}

#browse_directory_top a {
	background:url('images/browse_directory.png') no-repeat;
	height:31px;
	width:265px;
	display:block;
	margin-left:290px;
}
#browse_directory_top a:hover {
	background-position:0px -31px;
}

#btn_connect {
	background:url('images/fb_connect_lg.png') no-repeat;
	height:50px;
	width:340px;
	display:block;
}

#btn_connect:hover {
	background-position:0px -50px;
}
#btn_connect span {
	display:none;
}

#others  {
  margin-top:25px;
  padding-left:17px;
  position:relative;
}

#browse_top_shadow {
	top:0px;
	left:0px;
	background:url(/css/images/browse_directory_top_shadow.png) no-repeat center bottom;
	height:25px;
	width:912px;
	z-index:3;
	position:absolute;
}

#browse_bottom_shadow {
	background:url('images/browse_directory_bottom_shadow.png') bottom center;
	width:844px;
	height:25px;
	bottom:130px;
	left:35px;
	position:absolute;
}
#see {
  background:url('images/search.png') no-repeat top left;
  float:left;
  font-size:14px;
  font-weight:bold;
  padding:10px 24px;
  width:100px;
}
#see a {
	text-decoration:none;
}

a.person {
  display:block;
  width:180px;
  float:left;
  outline:0;
  text-decoration:none;
  margin:25px 18px 11px;
  height:75px;
}
a.person img {
  border:1px solid #ccc; 
  float:left;
}

a.person .desc {
	font-size:11px;
  line-height:14px;
margin:5px 0px 0px 90px;  
}

#person_facebook_connect {
	background:url(/images/person_fb_connect_bg.png) no-repeat;
	width:752px;
	height:75px;
	margin-left:17px;
	margin-bottom:25px;
	color:#777;
	padding:55px 0px 0px 92px;
}

#person_facebook_connect .cta {
	float: right;
	margin-right: 63px;
	margin-top: -5px;
}

#person_facebook_connect a {
	background:url(images/fb_connect_hp.png) no-repeat;
	height:32px;
	display:block;
	width:204px;
}
#person_facebook_connect a:hover {
	background-position:0px -32px;
}

#person_facebook_connect span {
	display:none;
}


#featured {
	height: 350px; 
	overflow: hidden; 
	position: relative;
}

/*#featured-canvas {
  padding-bottom:100px;
  overflow:auto;
}*/
.g {
  position:absolute;
}
#g1 {
  top:111px;
}
#g2 {
  top:222px;
}
#g3 {
  top:333px;
}
#headline p {
  font: italic 24px/16px "Georgia", serif;
  text-align:center;
  color: #777;
  padding-right:4px;
}

#headline h1 {
  position:relative;
  margin:0 auto;
  width:563px;
  height:48px;
  background: url('images/headline-claim.png') no-repeat top right;
}
#headline h1 span {
  display:none;
}

h2 {	
  font: italic 24px/16px "Georgia", serif;
  color: #777;
  margin:0px 0px 20px 0px;
}

#header_login h2 {
	color:#F70000;
	font: 18px "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:100%;
	margin-bottom:10px;
}

#content {
  margin-top:40px;
}
#intro {
  position:relative;
  height:304px;
  border-bottom:1px solid #dadada;
}
#intro #benefit-visuals {
  bottom:0;
  width:440px;
  float:right;
  height:294px;	
  position:absolute;
  margin-left:460px;
}

#intro #benefit-visuals #benefit-1 a {
  position:absolute;
  background:url('images/view-page-example.png') no-repeat center center;
  z-index:2;
  width:440px;
	height:294px;
	display:block;
	outline:0;
}

#intro #benefit-visuals #benefit-1 img{
  border:0;
  position:absolute;
  z-index:2;
}
#intro #benefit-visuals #benefit-1 img.overlay {
  border:0;
  position:absolute;
  z-index:3;
  margin-left: 163px;
  margin-top:130px;
}
#intro #now, #intro #benefit-3-mascot {
  position:absolute;
  bottom:0;
  left:328px;
  z-index:3;
}

#intro #why {
  position:absolute;
  top:18px;
  left:15px;
  width:354px;
  font: bold 14px/16px "Helvetica",sans-serif;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px dotted #e5e5e5;
  z-index:2;
  _z-index:12;
}
#intro #why li {
  display:block;
  border-bottom:1px dotted #e5e5e5;
  padding:8px 4px;
  cursor:default;
}
#intro #why li:hover {
  background:#F9F9F9;	
}
#intro #why a{
	text-decoration:none;
}
#create {
  bottom:13px;
  position:absolute;
  left:17px;
  z-index:2;
  font: italic 18px/20px "Georgia", serif;
  color:#506ba3; 
}
#create .desc {
	margin-bottom:10px;
	cursor: default;
}

#create .no_fb {
	background:url(/css/images/small_arrow.png) no-repeat;
	margin:0px 0 0 70px;	
}

#create .no_fb a{
	font: italic 14px/16px "Georgia", serif;	
	margin-left:20px;
}






.testimonial {
  clear:both;
  font: italic 18px/20px "Georgia", serif;
  text-align:center;
  color: #777;
  margin:45px 85px 45px 85px;
  padding:30px 0px 30px 0px;
  border-bottom:1px solid #DADADA;
  border-top:1px solid #DADADA;
}


#faq {
  clear:both;

}

#bottom-c2a {
	width:350px;
	margin:0px auto 25px auto;
	height:85px;
}



#footer {
	padding-bottom:125px;
}


#wrapper {
	overflow:visible;
}


#tooltip-signup {
	position:absolute;
	top:320px;
	left:610px;
	z-index:9999999;
}
.b-tooltip-flex {
	background:url(/images/tooltip_flex.png) no-repeat top left;
	width:285px;
	padding:23px 15px 0px;
	min-height:20px;
}

.b-tooltip-flex-btm {
	background:url(/images/tooltip_flex_btm.png) no-repeat top left;
	width:315px;
	height:15px;
}

#tooltip1, #tooltip2, #tooltip3, #tooltip4, #tooltip5, #tooltip6 {
	position:absolute;
	z-index:9999999;
}

.b-tooltip, .b-tooltip-mutual-fb {
	padding:20px 15px 0px;
	background:url(/images/tooltip_flex.png) no-repeat top left;
	width:285px;
	min-height:20px;
}
.b-tooltip-mutual-fb {
	background:url(/images/tooltip-large.png) no-repeat top left;
	width:281px;
	height:210px;
}

#tooltip1 {
	top:282px;
	left:610px;
}
#tooltip2 {
	top:335px;
	left:600px;
}
#tooltip3 {
	top:300px;
	left:606px;
}
#tooltip4 {
	top:355px;
	left:590px;
}
#tooltip5 {
	top:336px;
	left:595px;
}
#tooltip6 {
	top:626px;
	left:506px;
	padding-top:14px;
}
#tooltip6 img {
	border:1px solid #adadad;
	margin-bottom:6px;
}

.benefit {
	position:absolute;
	bottom:0;
	right:0px;
	border:0px solid green;
	height:300px;
	width:525px;
}

#benefit-2 {
  /* background:url(/images/benefit-2.jpg) no-repeat bottom right; */
}
.benefit img {
  position:absolute;
  bottom:0;
  right:0;
}
.benefit img.loading {
  position:relative;
  left:50%;
  margin-left:-8px;
  top:50%;
  margin-top:-8px;
}
#benefit-3 {
	/* background:url(/images/benefit-3.jpg) no-repeat bottom right; */
}
#benefit-4 {
	/* background:url(/images/benefit-4.jpg) no-repeat bottom right; */
	width:380px;
	right:70px;
}
#benefit-5 {
	/* background:url(/images/benefit-5.jpg) no-repeat bottom right; */
	width:555px;
	right:-32px;
}
#fullwrapper {
	background:url(images/footer_crowd.jpg) repeat-x bottom center;
	min-height:1213px;
}