/*
  CSS Document
  Author: Digitalmonk Studio { digitalmonkstudio.com }

*/

@font-face
{
font-family: SegoeRegular;
src: url('../font/SegoeRg.ttf');

}


/* reset */
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
input, select {vertical-align: middle;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}


html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

html, body {height:100%; margin: 0; padding: 0; }

body {
    font-family: SegoeRegular;
    background: #fdad04 url("../images/bg2.jpg") repeat-x;
}

#purchase_copy {
 font-family: SegoeRegular;
}

#smb-wrapper {
    marin:0;
    padding:0;
    text-align: center;
}

#smb-image {
    width: 1014px;
    height: 576px;
    margin: auto;
    background: url("../images/sb-image.jpg") no-repeat;
    border-top: 1px solid;
    overflow: hidden;
    z-index: 2;

}


#smb-map-points {
    position: absolute;
    left: auto;
    z-index: 3;
    margin: auto;
    top:0px;

}

#smb-map-overlay {
    width: 1014px;
    height: 576px;
    background: url("../images/sb-overlay.jpg") no-repeat;
    margin: auto;
    position: relative;
    left: 9px;
    top:-166px;
    z-index: 4;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
}

#smb-nav {
   width: 1000px;
   margin: auto;
}

#smb-nav ul {
    list-style: none;
}

#smb-nav li {
 text-transform: uppercase;
 float: left;
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out;
 -ms-transition:all 0.5s ease-in-out;
}


#smb-nav ul a {
 padding: 9px 9px;
 display: block;
 text-decoration: none;
 font-size: 18px;
 font-weight: normal;
 color: #FFF;
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out;
 -ms-transition:all 0.5s ease-in-out;
}

#smb-nav ul a:hover {
    background-color: #000;
}

#contact_sub {
   position: relative;
   right: -777px;
   top:-127px;
   z-index: 90;
   display: none;
}


#contact_sub li, #projects_sub li, #partners_sub li {
    clear: both;
    background-color: #a48647;
    display: block;
    min-width: 222px;
    text-align: left;
}

#projects_sub {
   position: relative;
   left: 72px;
   top:-86px;
   z-index: 90;
   display: none;
}

#partners_sub {
   position: relative;
   left: 200px;
   top:-86px;
   z-index: 90;
   display: none;
}



#project_copy {
    padding: 80px 40px 20px 100px;
    color: #f1f1ef;
    font-family: SegoeRegular;
}

.active {
    background-color: #000;
}

.hide {

    opacity: 0;

}

.show {
    opacity: 1;

}

.map-point {
    width: 44px;
    height: 44px;
    cursor: pointer;
    background: url("../images/mag-ico.png") no-repeat;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
}

.infoPopup {
    background: #52525a url("../images/info-ico.png") no-repeat 10px 10px;
    color: #fff;
    position: absolute;
    display: inline-block;
    text-align: left;
    top:300px;
    left: 20px;
    padding: 20px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
}

.infoPopup #phaseInfo {
    color: #c0c0ca;
}

.infoPopup #phaseInfo a {
 color: #c0c0ca;
}

.infoPopup #phaseInfo p {
    color: #fbab04;
}

#updatesWrapper {
    background: url("../images/updatefrm-bg.png") no-repeat;
    width: 351px;
    height: 192px;
    z-index: 20;
    position: absolute;
    top:-166px;
    margin-left:10px;

    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    text-align: left;
}

#updatesWrapper input {
  height: 20px;
  clear: both;
  background: none;
  margin-bottom: 6px;
  width:260px;
  border: none;

}

#updatesWrapper form {
    padding-top: 76px;
    padding-left: 74px;
}


#viewToggleSelection {
    text-align: left;
    color: #fff;
    position: relative;
    bottom:234px;
    right: -440px;
    width:220px;
    z-index: 2;

   /* bottom:190px;
    right: -780px; */
}


#viewToggleSelection ul {
    list-style: none;
}

#viewToggleSelection li {
     text-transform: uppercase;
     float: left;
    background: #a48647;
}

#viewToggleSelection ul a {
    font-size: 14px;
    padding: 6px 6px;
    color:#fff;
    display: block;
    cursor: pointer;
}

#viewToggleSelection ul a:hover {
    background-color: #262525;
}

#viewToggleSelection ul a:first-child {
    border-right: 1px solid #262525;
}


#flooorPlanWrapper {

}
#floorSelectDiv {
    float: left;
    padding-top: 130px;
    padding-left: 100px;
}

#floorDisplay {
    -webkit-transition:all 0.3s ease-in-out;
          -moz-transition:all 0.3s ease-in-out;
          -o-transition:all 0.3s ease-in-out;
          -ms-transition:all 0.3s ease-in-out;
}



#sectionWnd {
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    position: relative;
    top:100px;
}

.sectionWrapper {
    background-color: #52525a;
    width: 928px;
    height: 390px;
    margin: auto;
    margin-top: 90px;
    text-align: left;
}

.sectionProject {
    background: #52525a url("../images/bg-project.png") no-repeat;
}

.sectionPartners {
    background: #52525a url("../images/bg-partners.png") no-repeat;
}

.sectionFloorPlan {
    background: #52525a url("../images/bg-floorplan.png") no-repeat;
}

.sectionGallery {
    background: #52525a url("../images/bg-gallery.png") no-repeat;
}

.sectionContact {
    background: #52525a url("../images/bg-contact.png") no-repeat;
}


.sectionSchedule {
    background: #52525a url("../images/bg-schedule.png") no-repeat;
}


#fp_label{
    position: absolute; bottom:45%;color: #e29b05;font-size: 70px; font-family: "Arial Narrow", Arial, sans-serif;
}

#fp_detail {
    position: absolute;bottom:-52px; width: 528px; height: 110px; background: url('../images/bg-unitdetails.png') no-repeat;
}

#smb-nav li, a {
    -webkit-transition:all 0.5s ease-in-out;
       -moz-transition:all 0.5s ease-in-out;
       -o-transition:all 0.5s ease-in-out;
       -ms-transition:all 0.5s ease-in-out;
}

.floorplanSelection {
    display: block;
    clear: both;
    margin-left: 120px;
   padding-top: 150px;
}
.floorplanSelection p {
    color: #fbab04;
}

.overlay
{
   background-color: #000;
   opacity: .7;
   filter: alpha(opacity=70);
   position: absolute; top: 0; left: 0;
   width: 100%; height: 110%;
   z-index: 99;
}
#tower-browser {

    left: 90px;
    bottom: 210px;

}

#tower-browser li {
    font-size: 11px;
}


#gallery-item-desc {
          height: 30px; width:100%; position: relative; bottom: -2px;
          font-family: Arial;
          font-size: 12px; color: #fff;
          background: url("../images/info-ico.png") right no-repeat;
          text-align: right;
          padding: 0px;
          margin: 0px;
      }

#gallery-item-desc p {
    font-size: 14px;
}


/* DEVELOPMENT SCHEDULE ---- */

table.schedule {
    font-family: 'HelveticaNeue', Arial, sans-serif !important;
    font-size: 14px;
    height:100%;
}

tr.title {
  color: #fff;
  font-weight: 100;
  padding: 6px;
}

td {
   padding: 4px;
   padding-left: 12px;
}

tr.content {
  background-color: #a48647;
  color:#fff;
  font-size: 13px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height: 18px;

}

td.content_detail {
  width: 200px;
}


#partners_list img {
  margin:4px;

}