
#works_vid {margin:-21px auto 0; width: 980px;padding: 30px 0 30px 0; position: relative; font-family: helvetica-neue, helvetica, arial, serif; text-align:center;background:url('/images/referrals/bg_site.jpg') no-repeat center top;}
#works_vid h1 {font-size: 40px; color: white; font-weight:bold;letter-spacing: -0.04em; text-shadow: 0px -1px 1px #777; line-height: 35px; padding: 197px 0px 0 460px;}
#works_vid h2 {font-size: 16px; color: #333; font-weight: normal; text-align: center; letter-spaceing: -0.05em; padding: 5px 0 10px 0;}

#works_vid #vid_container {width: 830px; height: 521px; position:relative; background-repeat: no-repeat; background-image: url('/images/landing_pages/how_it_works/vid_bg.png'); margin: 10px auto 0 auto; padding: 20px;}
#works_vid #play_control {background-image: url('/images/landing_pages/how_it_works/play.png'); background-repeat: no-repeat; background-position: center center; width: 822px; height: 462px; cursor:pointer;}
#works_vid #play_control:hover {background-image: url('../../../images/landing_pages/how_it_works/play_hover.png');}
#works_vid #play_control:active {background-image: url('../../../images/landing_pages/how_it_works/play_active.png');}

#works_vid #buckets_container {margin: 0 auto; width: 846px; position: relative; text-align:center;}
#works_vid #buckets_container li {width: 231px; border: 1px solid #c4c4c4; background-color: white; float: left; display: block; padding: 15px; position: relative; color:white; 
	-webkit-box-shadow: inset 0 0 3px white;
		 -moz-box-shadow: inset 0 0 3px white;
			 		box-shadow: inset 0 0 3px white;}
#works_vid #buckets_container li a {font-size: 1.33em;}
#works_vid .card_title {font-weight: 600; color: #393C3D; font-size: 17px; text-decoration:none;}
#works_vid .card_image {background-image: url('../../../images/landing_pages/how_it_works/card_sprite.png'); margin: 5px auto; width:231px; height: 137px; background-repeat: no-repeat;}
#works_vid #middle {margin: 0 28px;}
#works_vid #space_img {background-position: -448px 0;}
#works_vid #questions {background-position: -230px 0; width: 217px;}
#works_vid .icon {background: url('../../../images/landing_pages/how_it_works/icons.png'); height: 17px; display:inline-block; position: relative; top:1px; margin-right: 4px;}
#works_vid .search {width: 16px;}
#works_vid .house {width: 15px; background-position: -16px 0;}
#works_vid .cloud {width:17px; background-position: -31px 0;}
#works_vid #calculateContainer { 
  margin: 0 auto 20px auto; 
  width: 810px;
  }
#works_vid #calculateContainer #step2 {
  margin-bottom: 20px;
}

#asSeenOn{
	padding: 13px 0;
	margin: 0 0 28px 0;
	color:#393c3d;
	font-size:14px;
	font-weight:700;
	display:inline-block;
	}
	#asSeenOn h4{
		float:left;
		line-height:40px;
		margin-right:-10px;
    margin-left:10px;
    margin-top:1px;
	  }
  #asSeenOn a {
    float:left;
    }

#mediaspace-wrap {
  height: 441px;
  width: 846px;
  margin: 20px auto 28px;
  background: url('/images/landing_pages/rentyourplace/video_placeholder.jpg') left top no-repeat;
  }
  #mediaspace-wrap a {
    display: block;
    height: 100%;
    position: relative;
    cursor: pointer;
    }
  #mediaspace-wrap .vid_arrow {
    background: url('/images/landing_pages/rentyourplace/play-arrow.png') left top no-repeat;
    height: 52px;
    width: 59px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -29px;
    }
    #mediaspace-wrap a:hover .vid_arrow {
      background-position: left bottom;
      height: 73px;
      width: 83px;
      margin-top: -36px;
      margin-left: -41px;
      }

#works_vid .pin {width: 30px; height: 60px; z-index: 99; position: absolute; left: 117px; top: -19px; background-image: url('/images/landing_pages/how_it_works/pins.png'); height: 48px;}
#works_vid #left_pin {width: 22px; background-position: 0px 0px;}
#works_vid #right_pin {width: 18px; background-position: -22px 0px;}
#works_vid #middle_pin {width: 17px; background-position: -40px 0px;}

.drop_shadow_regular{-moz-box-shadow:0 2px 10px #333333; -webkit-box-shadow:0 2px 10px #333333; box-shadow: 0 2px 10px #333333;}

#works_vid .v3_button {height: 7px !important; font-size: 12px !important; padding: 8px 14px; line-height: 7px; position: absolute; bottom: 13px; right: 15px; font-weight: bold !important;}
#works_vid .v3_blue {background-position: 0px -49px !important;}
#works_vid .v3_orange {background-position: 0px -134px !important;}
#works_vid .v3_green {background-position: 0px -8px !important;}

#works_vid #thanks {width: 720px; margin: 50px auto;}
#works_vid .thanks_card {width: 310px; height: 60px; padding: 10px; margin: 13px; float: left; overflow:hidden; display:block; background-color: white; border: 1px solid #c7902e; -webkit-box-shadow:inset 0px 1px 8px #333; box-shadow:inset 0px 1px 8px #333; -moz-box-shadow:inset 0px 1px 8px #333;}
#works_vid .thanks_card:hover {text-decoration:underline; color: white;}
#works_vid .listing_thumb {width: 60px; height: 60px; display: block; float: left; overflow:hidden; background-color: #333; margin: 0 10px 0 0; background-image: url('/images/landing_pages/how_it_works/listing_thumbs.png');}
#works_vid .listing_name {font-weight: bold; color: #007dd9; font-size: 13px; line-height: 18px; margin: 14px 0 0 0; text-decoration:none !important;}
#works_vid .hosted_by {color: #888; font-size: 11px; text-decoration:none !important;}
#works_vid .host {font-weight: bold; color: #da2b86; font-size: 11px; padding: 0 0 0 4px;}
#works_vid #thumb_1 {background-position: 0px 0px;}
#works_vid #thumb_2 {background-position: -60px -60px;}
#works_vid #thumb_3 {background-position: -120px 0px;}
#works_vid #thumb_4 {background-position: -180px 0px;}
#works_vid #thumb_5 {background-position: -240px 0px;}
#works_vid #thumb_6 {background-position: -300px 0px;}
#works_vid #thumb_7 {background-position: -360px 0px;}
#works_vid #thumb_8 {background-position: -420px 0px;}

#works_vid a {display:block;}

#works_vid #video {position: absolute; top: 17px; left: 18px;}
#works_vid #buckets_containter li {text-decoration: none;}
#works_vid #buckets_containter li:hover {text-decoration: none;}








