html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* main */

body {
  color:#555;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 28px;
  background-color:#fff;
  margin:0px;
  padding:0px;
}

a {
  text-decoration:underline;
  color:#ec497c;
}

a:active {
  color:#000;
}

em {
  font-style:normal;
  color:#9ccd39;
}

h3 {
  color:#3e3e3e;
  font-size:16px;
}

p {
  line-height:22px;
}

p.tall {
  font-size:17px;
  line-height:28px;
}

p.small {
  font-size:12px;
}

img {
  display:block;
}


/* ------------------------------------------------ */
/*    MAIN CONTAINERS                               */
/* ------------------------------------------------ */

#navigation-container {
  width:100%;
  height:41px;
  background-color:#c7e76c;
  overflow:hidden;
  border-bottom: 1px solid gray;
}

#navigation {
  position:relative;
  width:925px;
  height:41px;
  margin:0 auto;
}

#container {
  width:985px;
  margin:0 auto;
}

#header {
  position:relative;
  width:985px;
  background: #fff url(/images/site-bg-top.png) no-repeat bottom center;
  padding-bottom:14px;
}

#content {
  position:relative;
  width:985px;
  background: #fff url(/images/site-bg-mid.png) repeat-y;
}

#footer {
  position:relative;
  width:985px;
  line-height:22px;
  min-height:100px;
  color:#8b8689;
  background: #fff url(/images/site-bg-bot.png) no-repeat bottom center;
  overflow:hidden;
}

body.plans #content #footer {
  position:relative;
  width:985px;
  line-height:22px;
  min-height:100px;
  font-size: 12px !important;
  color:#8b8689;
  background: transparent;
  overflow:hidden;
}

body.plans #content #footer p {
  margin: 0;
  font-size:12px !important;
}

/* ------------------------------------------------ */
/*    NAVIGATION STYLES                             */
/* ------------------------------------------------ */

#navigation ul.left { float:left; }
#navigation ul.left li { margin:0 5px 0 0; }

#navigation ul.right { float:right; }
#navigation ul.right li { margin:0 0 0 5px; }

#navigation > ul li { float:left; height:41px; }

/* widths: 111, 131, 81 .. 122, 85, 85, 85, 74 */

#navigation ul li.tour        {  background: transparent url(/images/navigation-sprites.png) no-repeat -23px   0px;  }
#navigation ul li.plans       {  background: transparent url(/images/navigation-sprites.png) no-repeat -142px  0px;  }
#navigation ul li.signup      {  background: transparent url(/images/navigation-sprites.png) no-repeat -282px  0px;  }
#navigation ul li.manifesto   {  background: transparent url(/images/navigation-sprites.png) no-repeat -498px  0px;  }
#navigation ul li.team        {  background: transparent url(/images/navigation-sprites.png) no-repeat -624px  0px;  }
#navigation ul li.blog        {  background: transparent url(/images/navigation-sprites.png) no-repeat -713px  0px;  }
#navigation ul li.help        {  background: transparent url(/images/navigation-sprites.png) no-repeat -801px  0px;  }
#navigation ul li.signin      {  background: transparent url(/images/navigation-sprites.png) no-repeat -891px  0px;  }

#navigation ul li a { text-indent:-50000px; }

#navigation ul li.tour a      {  display:block; background:none; height:41px; width:111px; }
#navigation ul li.plans a     {  display:block; background:none; height:41px; width:131px; }
#navigation ul li.signup a    {  display:block; background:none; height:41px; width:81px;  }
#navigation ul li.manifesto a {  display:block; background:none; height:41px; width:122px; }
#navigation ul li.team a      {  display:block; background:none; height:41px; width:85px;  }
#navigation ul li.blog a      {  display:block; background:none; height:41px; width:85px;  }
#navigation ul li.help a      {  display:block; background:none; height:41px; width:85px;  }
#navigation ul li.signin a    {  display:block; background:none; height:41px; width:74px;  }

#navigation ul li.tour a:hover      {  background: transparent url(/images/navigation-sprites.png) no-repeat -23px   -41px;  }
#navigation ul li.plans a:hover     {  background: transparent url(/images/navigation-sprites.png) no-repeat -142px  -41px;  }
#navigation ul li.signup a:hover    {  background: transparent url(/images/navigation-sprites.png) no-repeat -282px  -41px;  }
#navigation ul li.manifesto a:hover {  background: transparent url(/images/navigation-sprites.png) no-repeat -498px  -41px;  }
#navigation ul li.team a:hover      {  background: transparent url(/images/navigation-sprites.png) no-repeat -624px  -41px;  }
#navigation ul li.blog a:hover      {  background: transparent url(/images/navigation-sprites.png) no-repeat -713px  -41px;  }
#navigation ul li.help a:hover      {  background: transparent url(/images/navigation-sprites.png) no-repeat -801px  -41px;  }
#navigation ul li.signin a:hover    {  background: transparent url(/images/navigation-sprites.png) no-repeat -891px  -41px;  }

#navigation ul li.tour a:active      {  background: transparent url(/images/navigation-sprites.png) no-repeat -23px   -82px;  }
#navigation ul li.plans a:active     {  background: transparent url(/images/navigation-sprites.png) no-repeat -142px  -82px;  }
#navigation ul li.signup a:active    {  background: transparent url(/images/navigation-sprites.png) no-repeat -282px  -82px;  }
#navigation ul li.manifesto a:active {  background: transparent url(/images/navigation-sprites.png) no-repeat -498px  -82px;  }
#navigation ul li.team a:active      {  background: transparent url(/images/navigation-sprites.png) no-repeat -624px  -82px;  }
#navigation ul li.blog a:active      {  background: transparent url(/images/navigation-sprites.png) no-repeat -713px  -82px;  }
#navigation ul li.help a:active      {  background: transparent url(/images/navigation-sprites.png) no-repeat -801px  -82px;  }
#navigation ul li.signin a:active    {  background: transparent url(/images/navigation-sprites.png) no-repeat -891px  -82px;  }


/* ------------------------------------------------ */
/*    HEADER STYLES                                 */
/* ------------------------------------------------ */


.tour-teaser, .tour-video {
  position:relative;
  width:927px;
  margin:0 auto;
}

.tour-teaser {
  height:248px;
}

.tour-video {
  height:315px;
}

.tour-teaser img, .tour-video img {
  margin:0 auto;
}

#container.tour .tour-video {
  margin-top: 15px;
}

/* ------------------------------------------------ */
/*    CONTENT STYLES                                */
/* ------------------------------------------------ */

.columns {
  position:relative;
  width:884px;
  margin:0 auto;
  padding:20px 0 30px 0;
  overflow:hidden;
}

.columns.one h2 {
  margin:10px 12px 5px 18px;
}

.columns.one:first-child {
  margin-top: 0px;
}

.columns.one {
  margin-top: 30px;
}

.columns.one p {
  position:relative;
  float:left;
  padding:0 22px 0 22px;
  overflow:hidden;
}

.columns.two {
  padding:20px 0;
}

.columns.two .column {
  position:relative;
  float:left;
  width:402px;
  padding:0 20px 0 20px;
  overflow:hidden;
}

.columns.three {
  position:relative;
  width:884px;
  margin:0 auto;
  overflow:hidden;
}

.columns.three .column.dual {
  position:relative;
  float:left;
  width:632px;
  margin:0;
  overflow:hidden;
}

.columns.three .column.sidebar {
  position:relative;
  float:left;
  width:252px;
  margin:0;
  overflow:hidden;
}

.columns.three.teaser {
  width:924px;
  padding:0;
  margin-top: -30px;
}

#container.tour .columns.three.teaser {
  margin-bottom: 15px;
}

.columns.three.teaser .column {
  float:left;
  width:308px;
  padding:0;
}

.columns.three.teaser .column ul {
  margin:0px 0px 0px 12px;
  padding: 10px 0 10px 30px;
  width: 255px;
  background: #e4e4e4;
}

.columns.three.teaser .column ul.white {
  background: #fff;
}

.columns.two .column {
  position:relative;
  float:left;
  width:402px;
  padding:0 20px 0 20px;
  overflow:hidden;
}

.columns.four .column {
  position:relative;
  float:left;
  width:293px;
  margin:0 10px;
  overflow:hidden;
}


.columns.four {
  position:relative;
  width:904px;
  margin:0 auto;
  overflow:hidden;
}

.columns.four .column {
  position:relative;
  float:left;
  width:206px;
  margin:0 10px;
  overflow:hidden;
}

.columns h2 {
  position:relative;
  margin:5px 0 10px 0;
  text-align:center;
}


.feature {
  display:block;
  overflow:hidden;
  margin:0 0 20px 0;
}

.feature > img {
  display:block;
  float:left;
  margin:5px 0 0 5px;
  border: 1px solid #e4e4e4;
}

.feature > p {
  display:block;
  float:right;
  width:320px;
  margin:0 25px 5px 0;
}

/* ------------------------------------------------ */
/*    PLANS STYLES                                  */
/* ------------------------------------------------ */

body.plans {
  background: #fff url(/images/plans-bg.png) repeat-x;
}

body.plans #content {
  width:960px;
  background: none;
  padding-left: 30px;
}


body.plans #content .column.plans {
  position:relative;
  float:left;
  width:670px;
}

body.plans #content .column.plans .header {
  position:relative;
  height:80px;
  text-indent:-5000px;
  background:url(/images/try_rentalrespond_for_free.png) no-repeat;
  overflow:hidden;
  margin: 20px 0 4px 0;
  left:-14px;
}

body.plans #content .column.plans .shoutout {
  position:relative;
  padding:10px 20px;
  margin:5px 30px 5px 0;
  font-size:17px;
  color:#3b3b3b;
  background-color:#ffffdc;
  overflow:hidden;
}

body.plans #content .column.plans .shoutout a {
  color:#3b3b3b;
}

body.plans #content .column.plans .whichplanisright {
  position:relative;
  height:44px;
  margin:40px 30px 5px 0;
  text-indent:-5000px;
  border-bottom:1px solid #cacaca;
  background:url(/images/pick_free_trial.png) no-repeat;
  overflow:hidden;
}

body.plans #content .column.plans .plan {
  position:relative;
  margin:0 30px 0 0;
  padding:10px 5px 13px 20px;
  color:#555;
  border-bottom:1px solid #ededed;
  overflow:hidden;
  -webkit-text-stroke: 0.5px transparent;
}

#tooltip {
  position: absolute;
  width: 380px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 5px 30px rgba(0,0,0,0.25);
  box-shadow: 0 5px 30px rgba(0,0,0,0.25);
  font-size: 12px;
  line-height: 15px;
}

body.plans #content .column.plans .plan:hover {
  background-color:#f4fce4;
  color: #444;
}


body.plans #content .column.plans p {
  font-size: 16px;
  margin-right: 25px;
}

body.plans #content .column.plans .plan p {
  font-size:14px;
  line-height:1.2em;
}

body.plans #content .column.plans .plan h3 {
  font-size:20px;
  color:#555;
}

body.plans #content h2 {
  font-size: 18px;
  font-weight: bold;
  -webkit-text-stroke: 0.5px transparent;
}

body.plans #content .column.plans .plan .minutessaved {
  position:absolute;
  top:22px;
  left:200px;
  width:250px;
  font-size: 17px;
  text-align:right;
  font-weight:normal;
  letter-spacing: 1px;
  cursor:pointer;
}

body.plans #content .column.plans .plan .minutessaved span {
  position:relative;
  top:-1px;
  font-weight:normal;
  font-size:10px;
  padding-bottom:1px;
  border-bottom: 1px solid #888;
}

body.plans #content .column.plans .plan input.signup {
  position:absolute;
  display:block;
  top:22px;
  left:490px;
  width:150px;
  height:33px;
/*  background:url(/images/plans-signup-button.png) no-repeat 0px -41px;*/
  text-indent:-5000px;
  border: none;
}

body.plans #content .column.plans .plan input.signup.selected {
  background:url(/images/plans-signup-button.png) no-repeat 0px -3px;
}


body.plans #content .column.plans .plan a.signup {
  position:absolute;
  display:block;
  top:22px;
  left:490px;
  width:125px;
  height:37px;
  background:url(/images/plans-signup-button.png) no-repeat 0px -41px;
  text-indent:-5000px;
}

body.plans #content .column.plans .plan a.signup:hover,
body.plans #content .column.plans .plan a.signup.selected {
  background:url(/images/plans-signup-button.png) no-repeat 0px -3px;
}

body.plans #content .column.plans .plan.free {
  color:#777;
  padding:20px 5px;
  font-size:14px;
  line-height:1.4em;
}

body.plans #content .column.plans .plan.free:hover {
  background: transparent;
  cursor: auto;
}

body.plans #content .column.plans .plan.free a {
  color:#777;
}

body.plans #content .column.plans .notsureyet {
  display:block;
  margin:30px 30px 20px 0;
  padding:0 0 0 5px;
  clear:both;
  overflow:hidden;
}

body.plans #content .column.plans .notsureyet a {
  color: #555;
}

body.plans #content .column.plans .notsureyet .left {
  float:left;
  width:290px;
  overflow:hidden;
}

body.plans #content .column.plans .notsureyet .right {
  float:right;
  width:345px;
  overflow:hidden;
}

body.plans #content .column.plans .notsureyet ul {
  font-size:13px;
  list-style: inside url(/images/plans-main-listitem.png);
  overflow:hidden;
}

body.plans #content .column.plans .notsureyet ul li {
  margin:0;
  padding:0;
  line-height:24px;
}

body.plans #content .column.plans .howdoesitwork {
  margin:20px 30px 30px 0;
  padding:15px;
  background-color:#f0f0f0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

body.plans #content .column.plans .howdoesitwork p {
  font-size:15px;
  margin-top:1em;
}

body.plans #content .column.plans .howdoesitwork p.first {
  margin-top: 3px;
}

body.plans #content .column.plans .howdoesitwork h3 {
  margin-bottom: 0px;
  margin-top: 10px;
}

body.plans #content .column.plans .howdoesitwork h2 {
  color: rgb(62, 62, 62);
  font-size: 22px;
  margin-bottom: 0px;
}

body.plans #content .column.plans .howdoesitwork ul {
  margin: 15px 0 0 25px;
  list-style: url(/images/plans-sidebar-listitem.png);
}


body.plans #content .column.sidebar {
  position: relative;
  width: 260px;
  height: 900px;
  background: url(/images/plans-sidebar-bg.png) no-repeat;
  overflow: hidden;
  float: right;
}

body.plans #content .column.sidebar img {
  position:relative;
  width:290px;
  height:60px;
  overflow:hidden;
  padding-top: 80px;
  padding-bottom: 30px;
  padding-left: 10px;
}

body.plans #content .column.sidebar h1.dontforget {
  position:relative;
  width: 240px;
  height: 80px;
  text-indent:-5000px;
  background:url(/images/plans-sidebar-dontforget.png) no-repeat;
  overflow:hidden;
}


body.plans #content .column.sidebar ul {
  padding:10px 10px 20px 40px;
  color:#676767;
  list-style: inside url(/images/plans-sidebar-listitem.png);
}

body.plans #content .column.sidebar ul li {
  margin:0;
  padding:0;
  line-height:24px;
}

body.plans #content .column.sidebar p.quote {
  padding:5px 10px 10px 40px;
  font-style:italic;
  color:#676767;
}

body.plans #content .column.sidebar p.quote span {
  display:block;
  font-size:13px;
  font-style:normal;
  text-align:right;
}

/* shoutout */


.try-rr {
  width:875px;
  height:73px;
  background:url(/images/tour-box.png) 0 0 no-repeat;
  z-index:100;
  margin:0 auto;
  position:relative;
  cursor:pointer;
}

.try-rr:hover {
  background:url(/images/tour-box.png) 0 -73px no-repeat;
}

.try-rr .perfect-for {
  display:block;
  width:985px;
  z-index:200;
  font-size:17px;
  line-height:1.5;
  float:left;
  margin:13px 0 0 15px;
}


.try-rr .perfect-for img {
  position:relative;
  display:inline;
  vertical-align:text-bottom;
  top: 5px;
  padding-right: 60px;
  left: 60px;
}

.main-actions {
  position:relative;
  height:80px;
  top:-19px;
  left: 12px;
  margin-bottom:-25px;
}

a.try-link-start,
a.try-link-start-shadow {
  display:block;
  width:975px;
  height:100px;
  line-height: 90px;
  text-indent:-5000px;
  margin-bottom: 0;
}

a.try-link-start {
  position:absolute;
  background: transparent url(/images/shoutout-tryrr.png) no-repeat;
}

a.try-link-start-shadow {
  position: absolute;
  background: transparent url(/images/shoutout-tryrr-shadow.png) no-repeat;
}

/* counter */
h4#things-count {
	width: 370px;
  margin: 10px 30px 30px 400px;
}

h4#things-count span {	
	margin: 0 1px;
	padding: 6px 12px;
	font-size: 1.8em;
	color: #fff;
	background: #333 url(../images/flip.png) repeat-x 0 50%;
	background: 
		url(../images/flip.png) repeat-x 0 50%, 
		-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #585858), color-stop(1.00, #222));
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 -1px 1px #000;
	overflow: auto;
}

h4#things-count span:after {
	position: absolute;
	top: 50%;
/*	content: ;*/
}

h4#things-count em {
	display: inline;
	margin: 8px 0 0 0;
	font-size: 1em;
	font-style: normal;
	color: #666;
	text-shadow: 0 1px 1px #fff;
}

.infoline {
  width:927px;
  height:41px;
  margin:20px auto 0 auto;
  text-align:center;
  overflow:hidden;
}

.infoline img {
  display:inline;
}

.infoline span {
  position:relative;
  top:-16px;
}

.infoline.blue {
  color:#1b809a;
  background: #fff url(assets/infolines-bg.png) no-repeat 0px 0px;
}

.infoline.blue a {
  color:#1b809a;
  text-decoration:underline;
}

.infoline.green {
  color:#4f830a;
  background: #fff url(assets/infolines-bg.png) no-repeat 0px -51px;
}

.infoline.green a {
  color:#4f830a;
  text-decoration:underline;
}

.infoline.blue a:active,
.infoline.green a:active {
  color:#555;
}


.quote {
  display:block;
  overflow:hidden;
  margin:0 0 10px 0;
  background-color: #c7e76c;
  padding-bottom: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.quote .quotechar {
  display:block;
  margin: 5px 0 -45px 15px;
  color: #ffffff;
  font: bold 700% Georgia, "Times New Roman", Times, serif;
}

.quote .custlink, .quote a {
  color:#558425;
  font-size: 14px;
}


.quote p {
  width:173px;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 8px 0 5px 25px;
  letter-spacing: 0.5px;
}

/*  FOOTER  */

#footer > p {
  margin: 0;
  text-align: center;
}

/*    HELPER STYLES                                 */

ul.blue-dot li {
  margin:0 0 0 20px;
  line-height:23px;
  list-style-image:url(assets/blue-dot.png);
  list-style-type:circle;
  list-style-position: outside;
}

ul.grey-dot li {
margin:0 0 0 20px;
  line-height:23px;
  list-style-image:url(assets/grey-dot.png);
  list-style-type:circle;
  list-style-position: outside;
}


fieldset {
  padding-top: 7px;
}

fieldset input {
  width: auto;
}

fieldset label {
  display: inline;
}

/* help form */

#helpform {
  margin-top: 40px;
}

#helpform > p {
  width: 600px;
  margin-bottom: 20px;
}

#helpform input[type="submit"] {
  padding: 8px 15px;
  font-weight: bold;
  line-height: 1;
  color: #444;
  border: none;
  text-shadow: 0 1px 1px rgba(255,255,255,.85);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#bbb));
  background-image: -moz-linear-gradient(0% 100% 90deg, #bbb, #eee);
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
  box-shadow: 0 1px 2px rgba(0,0,0,.5);
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 500px;
}

.helplabel {
  font-weight: bold;
  line-height: 1.4;
  color: rgba(0,0,0,.8);

}

.helpinput, .helptext {
  display: block;
  width:  250px;
  height: 22px;
  color: #666;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(white));
  background-image: -moz-linear-gradient(0% 12% 90deg, white, #999);
  background-color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: none;
  border-left: 1px solid silver;
  border-bottom: 1px solid silver;
  border-right: 1px solid silver;
  opacity: 0.9;
}

.helptext {
  width: 600px;
  height: 400px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% .7%, from(#999), to(white));
  background-image: -moz-linear-gradient(0% .7% 90deg, white, #999);
}