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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}












html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
    font-family: 'unica_dotsregular';
    src: url('unica_dot-webfont.woff2') format('woff2'),
         url('unica_dot-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rattan_condoregular';
    src: url('rattan_condo-webfont.woff2') format('woff2'),
         url('rattan_condo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'unica_condoregular';
    src: url('unica_condo-webfont.woff2') format('woff2'),
         url('unica_condo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: 'unica_condoregular', Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    width: 100%;
    height:100%;
    background-color: black;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /*   background-image: url("bg3.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;*/
  }




#listings {
width: 50%;
margin-right: -10%;
padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
float: left;
vertical-align: top;
}





p {
  font-family: 'unica_condoregular';
  font-size: 13px;
  line-height: 17px;
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
  color: rgba(255,255,255,0.8);
  letter-spacing: 0.04em;
  margin-bottom: 15px;
}

.dot {
  font-family: 'unica_dotsregular';
  letter-spacing: -0.1em;
  margin-right: 6px;
}

.rattan {
  font-family: 'rattan_condoregular';
  text-transform: uppercase;
  font-size: 11px;
}

.outdent {
  margin-left: 23px;
  text-indent: -23px;
}

.outdent2 {
  margin-left: 35px;
  text-indent: -35px;
}



.tile {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
        -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index: 1;
          position: relative;
}

.tiletape {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
        -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index: 10;
}

.tilex {
  position: relative;
  top: 60px;
  text-align: left;
  padding-left: 35px;
  width: 100%;
  margin-top: -30px;
  display: block;
          -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index: 10;

}

.tiley {
  position: absolute;
  width: 100%;
top: 55%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
  text-align: center;
  padding-left: 0px;
          -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index: 10;
}

.tile2 {
  margin: 0;
  padding: 10px;
  display: block;
  width: 100%;
  background-image: url("bg.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: center bottom;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  }

  .tile3 {
  margin: 0;
  padding: 10px;
  display: block;
  width: 100%;
  background-image: url("bg2.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: center bottom;
          -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  }

.chunk {
  width: 100%;
          -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index: 10;

}

.gallery {
  display: inline-block;
  width: 280px;
  vertical-align: top;
  padding: 5px;
}





a.address:link { text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,0.4); color: rgba(255,255,255,0.8); }
a.address:active { text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,0.4); color: rgba(255,255,255,0.8); }
a.address:visited { text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,0.4); color: rgba(255,255,255,0.8); }
a.address:hover { text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,0.2); color: rgba(255,255,255,0.2); }

a:link { text-decoration: none; color: rgba(255,255,255,0.8); } 
a:active { text-decoration: none; color: rgba(255,255,255,0.8); }
a:visited { text-decoration: none; color: rgba(255,255,255,0.8); }
a:hover { text-decoration: none; color: rgba(255,255,255,0.2); }