@font-face {
    font-family: 'Museo300';
    src: url('Museo300-Regular-webfont.eot');
    src: url('Museo300-Regular-webfont.eot?iefix') format('eot'),
         url('Museo300-Regular-webfont.woff') format('woff'),
         url('Museo300-Regular-webfont.ttf') format('truetype'),
         url('Museo300-Regular-webfont.svg#webfontBsA9EFUC') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  padding: 0;
  margin: 0;
  background: #938a7f url(../images/bg_wood.jpg) center center repeat;
}
img {
  border: 0;
}

/** Home **/
.home .wrapper {
  background: url(../images/bg_homepage.png) top center no-repeat;
  height: 993px;
  margin: 0 auto;
}
.home .content {
  width: 823px;
  height: 636px;
  margin: 0 auto;
  padding: 190px 0 0 0;
  position: relative;
}
#slides {
  position: relative;
  width: 823px;
  height: 359px;
  overflow: hidden;
}
#slides img {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
}

#slides img.active {
  z-index:10;
}

#slides img.last-active {
  z-index:9;
}
.saveTheDate {
  position: absolute;
  left: 489px;
  top: 152px;
  z-index: 20;
}
.thrice {
  margin-top: 34px;
  width: 100%;
  height: 234px;
}
.thrice .col1 {
  float: left;
  margin: 4px 0 0 16px;
  width: 288px;
}
.thrice .col2 {
  float: left;
  margin: 6px 0 0;
  width: 276px;
}
.thrice .col3 {
  float: left;
  margin: 0;
}
.footer {
  width: 888px;
  margin: 31px auto;
  position: relative;
  left: -8px;
}

/** Proposal **/
.proposal .wrapper {
  background: url(../images/bg_proposal.png) top center no-repeat;
  height: 897px;
  margin: 0 auto;
}
.proposal .content {
  width: 823px;
  height: 636px;
  margin: 0 auto;
  padding: 190px 0 0 0;
  position: relative;
}
.theStory {
  font-family: Museo300, Times, Times New Roman, serif;
  font-size: 14px;
  line-height: 20px;
  background: #fff;
  width: 348px;
  height: 429px;
  border: 2px solid #959a99;
  padding: 15px 15px 15px 25px;
  color: #000;
  overflow: auto;
  position: absolute;
  top: 273px;
  left: 17px;
}
.theBook {
  position: absolute;
  top: 273px;
  left: 425px;
}
.homeBtn {
  position: absolute;
  top: 154px;
  left: 742px;
}

/** Common **/
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}

/** SimpleModal **/
#simplemodal-data {width: 100%; height: 100%; overflow: hidden;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:95%; width:95%; color:#bbb; background-color:#333; border:4px solid #000; padding:0;}
#simplemodal-container a.modalCloseImg {
    background: url("../images/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -16px;
    top: -15px;
    width: 25px;
    z-index: 3200;
}