* { padding: 0; margin: 0; border: 0;}

/*html { height: 100%; margin-bottom: 1px; }*/
html { overflow-y : scroll; } /* better overflow */

body {
  min-width: 1200px;
  font-family:"Helvetica";
}

#fullbg {
  background: #1F1407 url(images/full-bgm.jpg);
  background-repeat: repeat-x;
}

#fullbg-ready {
  background: #1F1407 url(images/full-bgm-ready.jpg);
  background-repeat: repeat-x;
}

#simplebg {
  background: #1F1407 url(images/short-bgm.jpg);  
  background-repeat: repeat-x;
}

#top {
  background-image: url(images/wood-top.png);
  background-repeat: repeat-x;
  background-position: center top;
  min-width: 1200px;
}

#bottom {
  background-image: url(images/wood-bottom.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  min-width: 1200px;
}

#short-content {
  min-width: 1200px;
  position: relative;
  margin: 0px auto;
  width: 1200px;
  height: 1352px;
}

.content {
  min-width: 1200px;
  position: relative;
  margin: 0px auto;
  width: 1200px;
}

#content {
  height: 1809px;
}

#content-ready {
  height: 1329px;
}

#content-short {
  height: 900px;
}

#ipad, #ipad-blank {
  position: absolute;
  top: 5px;
  left: 75px;
}

.ipad-message {
  position: absolute;
  top: 260px;
  left: 75px;
  width: 728px;
  text-align: center;
  color: #fff;
}

.ipad-message p {
  font-size: 16px;
  line-height: 22px;
}

h1 {
  position: absolute;
  top: 91px;
  left: 814px;
  background-image: url(images/recipy-logo.png);
  background-repeat: no-repeat;
  width: 324px;
}

h2#tagline {
  position: absolute;
  top: 215px;
  left: 814px;
  background-image: url(images/recipy-tagline.png);
  background-repeat: no-repeat;
  font-size: 7px;
  height: 33px;
  width: 324px;
  text-indent: -9999px;
}

#description {
  position: absolute;
  top: 248px;
  left: 814px;
  background-image: url(images/recipy-description.png);
  background-repeat: no-repeat;
  font-size: 17px;
  height: 72px;
  width: 324px;
  text-indent: -9999px;
}

#social {
  position: absolute;
  top: 332px; /*348, 422*/
  left: 820px; /*814*/
}

#appstore {
  position: absolute;
  top: 475px;
  left: 814px;
}

#appstore:hover {
  background-image: url(images/csg-4c0360cb6f8e0.png);
}

h2#benefits {
  position: absolute;
  top: 634px;
  left: 291px;
  height: 30px;
  width: 622px;
  background-image: url(images/how-recipy-can-help.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#line1l {
  position: absolute;
  top: 650px;
  left: 100px;
  height: 4px;
  width: 184px;
  background-image: url(images/line1-left.png);
  background-repeat: no-repeat;
}

#line1r {
  position: absolute;
  top: 650px;
  left: 922px;
  height: 4px;
  width: 183px;
  background-image: url(images/line1-right.png);
  background-repeat: no-repeat;
}

#benefits-list {
  position: absolute;
  top: 686px;
  left: 100px;
  height: 279px;
  width: 420px;
  background-image: url(images/recipy-benefits.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#benefits-list li {
  list-style: none;
}

#screen1 {
  position: absolute;
  top: 690px;
  left: 537px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -3px -901px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen2 {
  position: absolute;
  top: 690px;
  left: 683px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -149px -901px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen3 {
  position: absolute;
  top: 690px;
  left: 829px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -295px -901px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen4 {
  position: absolute;
  top: 690px;
  left: 974px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -440px -901px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen5 {
  position: absolute;
  top: 835px;
  left: 537px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -3px -1046px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen6 {
  position: absolute;
  top: 835px;
  left: 683px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -149px -1046px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen7 {
  position: absolute;
  top: 835px;
  left: 829px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -295px -1046px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen8 {
  position: absolute;
  top: 835px;
  left: 974px;
  height: 124px;
  width: 124px;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -440px -1046px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#screen1:hover  {
  background-position: -3px -576px;
  background-image: url(images/csg-4c036386a1526.png);
}
#screen2:hover  {
  background-position: -149px -576px;
  background-image: url(images/csg-4c036386a1526.png);
}
#screen3:hover  {
  background-position: -295px -576px;
  background-image: url(images/csg-4c036386a1526.png);
}
#screen4:hover  {
  background-position: -440px -576px;
  background-image: url(images/csg-4c036386a1526.png);
}

#screen5:hover  {
  background-position: -3px -721px;
  background-image: url(images/csg-4c036386a1526.png);
}
#screen6:hover  {
  background-position: -149px -721px;
  background-image: url(images/csg-4c036386a1526.png);
}
#screen7:hover  {
  background-position: -295px -721px;
  background-image: url(images/csg-4c036386a1526.png);
}
#screen8:hover  {
  background-position: -440px -721px;
  background-image: url(images/csg-4c036386a1526.png);
}

#line2l {
  position: absolute;
  top: 1012px;
  left: 100px;
  height: 4px;
  width: 323px;
  background-image: url(images/line2-left.png);
  background-repeat: no-repeat;
}

#line2r {
  position: absolute;
  top: 1012px;
  left: 782px;
  height: 4px;
  width: 323px;
  background-image: url(images/line2-right.png);
  background-repeat: no-repeat;
}

h2#testimonials {
  position: absolute;
  top: 995px;
  left: 427px;
  height: 34px;
  width: 348px;
  background-image: url(images/what-others-say-about-recipy.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#line3, #line3a {
  position: absolute;
  top: 1375px;
  left: 100px;
  height: 4px;
  width: 1006px;
  background-image: url(images/line3.png);
  background-repeat: no-repeat;
}

#line3a {
  top: 1000px;
}

#contest-ready {
  position: absolute;
  top: 1049px;
  left: 232px;
  height: 197px;
  width: 199px;
  background-image: url(images/csg-4c036386a1526.png);
  background-repeat: no-repeat;
  background-position: 0 -286px;
  text-indent: -9999px;
}

#contest-ready:hover {
/*  z-index: 2;*/
  background-image: url(images/csg-4c036386a1526.png);
  background-position: 0 0;
}

#presskit---buy-now {
  position: absolute;
  top: 1419px;
  left: 145px;
  height: 217px;
  width: 271px;
  background-image: url(images/presskit---buy-now.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#presskit {
  position: absolute;
  top: 1416px;
  left: 142px;
  height: 223px;
  width: 190px;
  background-image: url(images/presskit---buy-now.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#presskit:hover {
  z-index: 2;
  background-image: url(images/presskit---buy-now-highlight1.png);
}

#buynow {
  position: absolute;
  top: 1513px;
  left: 292px;
  height: 140px;
  width: 128px;
  background-image: url(images/presskit---buy-now.png);
  background-repeat: no-repeat;
  background-position: -150px -97px;
  text-indent: -9999px;
}

#buynow:hover {
  background-image: url(images/presskit---buy-now-highlight2.png);
}

.tweet {
  position: absolute;
  height: 122px;
  width: 106px;
  background-image: url(images/csg-4c036386a1526.png);
  background-repeat: no-repeat;
  background-position: 0 -1628px;
  text-indent: -9999px;
}

#tweet-ready {
  top: 1049px;
  left: 809px;
}

#tweet {
  top: 1529px;
  left: 809px;
}

.tweet:hover {
  z-index: 2;
  background-image: url(images/csg-4c036386a1526.png);
  background-position: 0 -1236px;
}

.follow {
  position: absolute;
  height: 146px;
  width: 143px;
  background-image: url(images/csg-4c036386a1526.png);
  background-repeat: no-repeat;
  background-position: -93px -1614px;
  text-indent: -9999px;
}

.follow:hover {
  background-image: url(images/csg-4c036386a1526.png);
  background-position: -93px -1418px;
}

#follow-ready {
  top: 1035px;
  left: 902px;
}

#follow {
  top: 1515px;
  left: 902px;
}

#recipy-support {
  position: absolute;
  top: 1409px;
  left: 436px;
  height: 325px;
  width: 337px;
  background-image: url(images/recipy-support.png);
  background-repeat: no-repeat;
}

#support-email {
  position: absolute;
  top: 56px;
  left: 28px;
  height: 18px;
  width: 194px;
  padding: 3px 3px;
  background-color: transparent;
  font-size: 14px;
}

#support-message {
  position: absolute;
  top: 130px;
  left: 28px;
  height: 115px;
  width: 279px;
  padding: 0 3px;
  background-color: transparent;
  font-size: 15px;
}

#support-send {
  position: absolute;
  top: 266px;
  left: 21px;
  height: 34px;
  width: 106px;
  background-image: url(images/send.png);
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -9999px;
}

#support-send:hover {
  background-image: url(images/send-highlight.png);
}

#support-confirmation {
  position: absolute;
  top: 1459px;
  left: 480px;
  display: none;
}

#support-loading {
  position: absolute;
  top: 1551px;
  left: 584px;
  height: 40px;
  width: 40px;
  overflow: hidden;
  display: none;
}

#support-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('images/loading.png');
}

.recipy-email {
  position: absolute;
 }

#recipy-email {
  top: 1422px;
  left: 798px;
  height: 74px;
  width: 250px;
  background-image: url(images/recipy-email.png);
  background-repeat: no-repeat;
}

#recipy-email-ready {
  top: 488px;
  left: 815px;
  height: 120px;
  width: 265px;
  background-image: url(images/email-ready2.png);
  background-repeat: no-repeat;
}

#recipy-email #email-email {
  position: absolute;
  top: 34px;
  left: 12px;
  height: 18px;
  width: 192px;
  padding: 3px 3px;
  background-color: transparent;
  font-size: 14px;
}

#recipy-email-ready #email-email {
  position: absolute;
  top: 72px;
  left: 15px;
  height: 18px;
  width: 193px;
  padding: 3px 3px;
  background-color: transparent;
  font-size: 14px;
  color: #fff08a;
}

#recipy-email-ready #email-name {
  position: absolute;
  top: 39px;
  left: 15px;
  height: 18px;
  width: 193px;
  padding: 3px 3px;
  background-color: transparent;
  font-size: 14px;
  color: #fff08a;
}

#email-send {
  position: absolute;
  height: 65px;
  width: 31px;
  background-image: url(images/csg-4c036a084254c.png);
  background-position: 0 -424px;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -9999px;
}

#recipy-email #email-send {
  top: 31px;
  left: 211px;
}

#recipy-email-ready #email-send {
  top: 33px;
  left: 220px;
}

#email-send:hover {
  background-image: url(images/csg-4c036a084254c.png);
  background-position: 0 -309px;
}

.email-confirmation {
  position: absolute;
  display: none;
  z-index: 3;
}

#email-confirmation {
  top: 1322px;
  left: 798px;
}

#email-confirmation-ready {
  top: 422px;
  left: 830px;
}

.email-loading {
  position: absolute;
  height: 40px;
  width: 40px;
  overflow: hidden;
  display: none;
}

#email-loading {
  top: 1439px;
  left: 903px;
}

#email-loading-ready {
  top: 532px;
  left: 938px;
}

.email-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('images/loading.png');
}

#email-email-error {
  position: absolute;
  top: -24px;
  left: 47px;
  color: red;
  padding: 4px 10px;
  background: white;
  display: none;
}

#support-email-error {
  position: absolute;
  top: 28px;
  left: 78px;
  color: red;
  display: none;
}

#support-message-error {
  position: absolute;
  top: 102px;
  left: 103px;
  color: red;
  display: none;
}

.recipy-footer {
  position: absolute;
  left: 275px;
  height: 38px;
  width: 371px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-shadow: 0px 1px 0px #f3be6a;
}

#recipy-footer {
  top: 1771px;\
}

#recipy-footer-ready {
  top: 1291px;
}

#recipy-footer-short {
  top: 862px;
}

.recipy-footer a, .recipy-footer a:visited {
  color: #000;
  text-decoration:none;
}

.recipy-footer a:hover, .short-recipy-footer a:hover {
  color: #000;
  text-decoration: underline;
}

#write-review {
  position: absolute;
  top: 1016px;
  left: 1010px;
  height: 19px;
  width: 95px;
  color: #83702a;
  font-size:12px;
}

#write-review a, #write-review a:visited {
  color: #83702a;
  text-decoration:none;
}

#write-review a:hover {
  text-decoration: underline;
  color: #e5c143;
}


#reviews {
/*  display: table;*/
}

.review {
  color: #fff;
  text-align: center;
  padding: 0 20px 0 20px;
  font-size:14px;
  font-weight: bold;
  display: table;
/*  display: table-cell;*/
/*  vertical-align: middle;*/
}

.review-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.review-author {
  color: #83702a;
  font-size:12px;
}

.review a, .review:visited {
  color: #83702a;
  font-size:12px;
  text-decoration: none;
}

.review a:hover {
  color: #e5c143;
  text-decoration: underline;
}

.review p {
  padding: 0 18px 0 18px;
}

#review1 {
  position: absolute;
  top: 1041px;
  left: 137px;
  height: 100px;
  width: 459px;
}

#review2 {
  position: absolute;
  top: 1041px;
  left: 596px;
  height: 100px;
  width: 459px;
}

#review3 {
  position: absolute;
  top: 1141px;
  left: 137px;
  height: 100px;
  width: 459px;
}

#review4 {
  position: absolute;
  top: 1141px;
  left: 596px;
  height: 100px;
  width: 459px;
}
#review5 {
  position: absolute;
  top: 1241px;
  left: 137px;
  height: 100px;
  width: 459px;
}

#review6 {
  position: absolute;
  top: 1241px;
  left: 596px;
  height: 100px;
  width: 459px;
}

.tomato {
  position: absolute;
  left: -32px;
  height: 220px;
  width: 332px;
  background-image: url(images/tomato.png);
  background-repeat: no-repeat;
}

#tomato-ready {
  top: 1109px;
}

#tomato {
  top: 1589px;
}

#tomato-short {
  top: 680px;
}

.knife {
  position: absolute;
  top: 1625px;
  left: 640px;
  height: 184px;
  width: 560px;
  background-image: url(images/knife.png);
  background-repeat: no-repeat;
}

#knife {
  top: 1625px;
}

#knife-ready {
  top: 1145px;
}

#knife-short {
  top: 716px;
}

#coming-soon {
  position: absolute;
  top: 6px;
  left: 117px;
  height: 91px;
  width: 83px;
  background-image: url(images/coming-soon.png);
  background-repeat: no-repeat;
}

.note-text {
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  padding: 70px 20px 20px 20px;
}

.note {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 244px;
  width: 244px;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
  background-image: url(images/yellow-note-200.png);
  background-repeat: no-repeat;
}

.note-r {
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
}

.note-tl {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 22px;
  width: 22px;
  background-image: url(images/yellow-tl.png);
  background-repeat: no-repeat;
}

.note-t {
  position: absolute;
  top: 0px;
  left: 22px;
  height: 22px;
  width: 200px;
  background-image: url(images/yellow-t.png);
  background-repeat: no-repeat;
}


.note-tr {
  position: absolute;
  top: 0px;
  left: 222px;
  height: 22px;
  width: 22px;
  background-image: url(images/yellow-tr.png);
  background-repeat: no-repeat;
}


.note-cl {
  position: absolute;
  top: 22px;
  left: 0px;
  height: 200px;
  width: 22px;
  background-image: url(images/yellow-cl.png);
  background-repeat: no-repeat;
}


.note-c {
  position: absolute;
  top: 22px;
  left: 22px;
  height: 200px;
  width: 200px;
  background-image: url(images/yellow-c.png);
  background-repeat: no-repeat;
}


.note-cr {
  position: absolute;
  top: 22px;
  left: 222px;
  height: 200px;
  width: 22px;
  background-image: url(images/yellow-cr.png);
  background-repeat: no-repeat;
}


.note-bl {
  position: absolute;
  top: 222px;
  left: 0px;
  height: 22px;
  width: 22px;
  background-image: url(images/yellow-bl.png);
  background-repeat: no-repeat;
}


.note-b {
  position: absolute;
  top: 222px;
  left: 22px;
  height: 22px;
  width: 200px;
  background-image: url(images/yellow-b.png);
  background-repeat: no-repeat;
}


.note-br {
  position: absolute;
  top: 222px;
  left: 222px;
  height: 22px;
  width: 22px;
  background-image: url(images/yellow-br.png);
  background-repeat: no-repeat;
}

.notice {
  width:600px;
  overflow:auto;
}

.notice p {
  margin: 10px 10px;
}