/* HTML5 Boilerplate */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
th {
    padding:2px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input {width:90%;}
input[type=submit] {text-align: center;float:none;}


body { font:13px/1.231 sans-serif; *font-size:small;font-family: 'Open Sans', sans-serif; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea { color: #000; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


 /* Primary Styles
Author: Kenneth Love
*/

ul, ol {
  list-style-position: inside;
}

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

header {
  /*display:none;*/
  margin:35px 0 12px;
}
header:first-child { display:block; }
  header h1,
  header h2 {
    font-size: 2.2em;
  }
  header h2 {
    font-size:0.9em;
    font-weight:normal;
  }

  header h3 {
    font-size: 1.4em;
  }

footer {
  font-size:0.7em;
  line-height:18px;
  margin-top:12px;
  overflow:hidden;
}
  footer p {
    float:left;
    padding-right:10px;
  }

fieldset {
  margin-bottom:20px;
}
  fieldset legend {
    font-size:14px;
    font-weight:bold;
    padding:10px 0;
  }
  fieldset:first-child legend { padding-top:0; }

#contact_details {
  text-align:center;
}
  #contact_details p {
    margin: 12px 0;
  }
  #contact_details p#address {
    font-style: normal;
    margin-top:0
  }
  #contact_details h3 {
    font-size: 0.8em
  }
  #contact_details h4 {
    font-size: 0.7em
  }

#community_amenities_title {
  clear:both;
  margin:12px 0;
  text-align:center;
}
#community_amenities {
  list-style-position:outside;
  overflow:hidden;
  padding-left:1em;
}
  #community_amenities li {
    float:left;
    margin-left:2%;
    width:47%;
  }
.csscolumns #community_amenities {
  list-style: disc inside;
  overflow:visible;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  text-align: left;
}
  .csscolumns #community_amenities li {
    float:none;
    margin-left:0;
    padding-left:1em;
    text-indent:-1em;
    width:100%;
  }

#community_photos {
  margin-top:12px;
}
  #community_photos td {
    height:75px;
    width:30%;
    padding-bottom:15px;
    padding-right:2%;
  }

#floorplans td {
  font-size:0.85em;
  padding-bottom:12px;
  padding-left:1%;
}
  #floorplans li h4 {
    font-size:1.1em;
    text-decoration:underline;
  }

#floorplan_features_title {
  margin:12px 0;
  text-align:center;
}
#floorplan_features {
  list-style-position:outside;
  overflow:hidden;
  padding-left:1em;
}
  #floorplan_features li {
    float:left;
    margin-left:3%;
    width:30%;
  }
.csscolumns #floorplan_features {
  list-style: disc inside;
  overflow:visible;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
  .csscolumns #floorplan_features li {
    float:none;
    margin-left:0;
    padding-left:1em;
    text-indent:-1em;
    width:100%;
  }

#maps {
  clear:both;
  overflow:auto;
}
h3.map {
  text-align:left;
}
#community_map td,
#direction_map td {
  padding-bottom:12px;
  vertical-align:middle;
  width:50%;
}
#direction_map td h4 { margin-top:10px; }

#qr {
  display:inline;
  float:left;
  font-size:10px;
  width:132px;
}
#qr.alone {
  display:block;
  float:none;
  margin-top:24px;
}

#directions h4 { margin-top:12px; }

#corporation_branding{
  text-align:center;
}

/* New Styles */
table {
width: 600px;
}
#floorplans {
  width:600px;
}
#floorplans tbody {
  width:100%;
  display:block;
  text-align:center;
}

#floorplans tr {
  width: 50%;
  dislpay:inline;
}

#floorplans td {
  display:inline-block;
}
#floorplans input {
  text-align:center;
  width:100%;
}

#bg { position: fixed; top: 0; left: 0; z-index:-10;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

}

article#page1 {
  width:600px;
}
#container {
  margin:0 auto;
  width: 320px;
}

#container {
    background-color: #FFF;
    background:@bgcolor - #111;
    background:rgba(270, 270, 270, 0.9);
    .box-shadow(1px 1px 1px #333);
    .border-radius(4px);
    min-height:130px;
    padding:10px;
    text-align:center;
    z-index:10000000;
    border: 1px solid #000;
    width:600px;
}
#id_style_simple {
  width: auto;
}
#id_style_custom {
  width: auto;
}

.csscolumns #floorplan_features li {
padding left:0em;
}
.csscolumns #floorplan_features {margin-left: 0;}
.csscolumns #floorplan_features li {text-align: left;}

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}


@media only screen and (min-width: 320px) and (max-width: 767px){
  #container {
    width: 290px;
  }
  table {
  width: 290px;
}
#floorplans {
  width: 290px
}
#community_map {
  display: block;
}
#direction_map {
  display: block;
}
#maps {
  width: 290px;
}
#maps tr td {
  display: block;
}
.csscolumns #floorplan_features {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  padding-left: 0em;
  margin-left: 0em;
}
.csscolumns #community_amenities {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  padding-left: 0em;
  margin-left: 0em;
}
#community_photos td {
  padding-right:0px;
}

}



@media screen and (max-device-width: 479px) {


  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  /* a:after { content: " (" attr(href) ")"; } */
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  /*@page { margin: 0.5cm; }*/
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #container article {
    height:9.15in;
    page-break-before: always;
    position:relative;
  }
  #container article:first-child {
    height:8in;
    page-break-before: avoid;
  }
    #container article footer {
      bottom:0;
      clear:both;
      position:absolute;
    }
  input, label { display:none; }
  #floorplan_features { page-break-before:auto; page-break-after:auto;}

  #maps {
    clear:both;
    overflow:auto;
    width:100%;
  }
  #page1 {
    height:auto !important;
    text-align: center;
  }
  #page3 header {
    float:none;
  }
}

/* adjustment for retina displays */
@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #floorplans input {
  text-align:center;
  width:50px;
  }
  header h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  #floorplans input {
  text-align:center;
  width:50px;
  margin-left:10px;
  }
  header h3 {
    font-size: 16px;
  }
}