/* 

Author: Mr. Henry
Date: 2009-09-21

*/

/* @group Imports */

@import url(typography.css);

/* @end */


/* @group Testing Borders */
/* @end */


/* @group Structure */
body		        { padding: 0 40px; background-repeat: no-repeat; background-position: 280px 60px ; }

#content            { background: #FFF; min-height: 300px; }

.left	            { float: left; }
.right	            { float: right; }
.clear	            { clear: both; }
.hide	            { display: none; }

hr 		            { display:none; }
/* @end */


/* @group Header, Breadcrumb & Topnav */
#header             { position: relative; }
#header .logo       { display: block; float: left; width: 220px; height: 200px; background: url(../img/general/img-logo.png) no-repeat 0 0; text-indent: -8888px; }

.breadcrumb         { margin: 0 0 0 245px; padding: 20px 0; }

#topnav             { position: absolute; top: 0; left: 0; width: 980px; z-index:999; }
#topnav ul          { position: absolute; top: 0; right: 0; margin: 20px 0; padding: 0; list-style: none; }
#topnav li          { float: left; margin: 0 0 0 10px; }
#topnav li a        { display: block; padding: 5px; background: #d6d6d6; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#language           { list-style:none;background: #008da9 url(../img/icons/ico-arrow-right.png) no-repeat right 0.70em; width:90px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
#language .header   { display:block;padding: 5px 12px 5px 5px; }
#language ul        { display: none; position: relative; margin: 0; padding: 0;list-style:none; }
#language:hover ul  { display: block; }
#language li        { float: none; list-style:none; margin: 0; padding: 0; background: #008da9; width: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position:relative; }
#language li a      { display:block;background: none;padding: 5px 12px 3px 8px; }
#language span span { padding:0; }
/* @end */

/* @group Sidebar & Navigation */
#sidebar                        { clear: both; z-index:900; position:relative; }

#sidebar .nav                   { margin: 0; padding: 0; list-style: none; z-index:901; }
#sidebar .nav li                { width: 220px; z-index:902; }
#sidebar .nav li a              { display: block; border-bottom: 1px solid #ebebeb; padding: 8px 10px 12px 10px; width: 200px; height: 19px; background: #FFF; overflow:hidden; z-index:903; cursor:pointer; }
#sidebar .nav li:first-child a,
#sidebar .nav li.first a        { border-top: 1px solid #ebebeb; height: 18px; }
#sidebar .nav li.active         { margin-top: -1px; border-top: 1px solid #bcd8de; border-bottom: 1px solid #bcd8de; width: 100%; }
#sidebar .nav li.active a       { }
/* @end */


/* @group Page Content & Subnav */
body.page #content                      { float: left; margin: 0 0 20px 0; }
body.page #content .inner               { padding: 0 0 0 240px; width: 700px; position: relative; }

body.page #content .entry               { float: left; padding: 25px; width: 410px; background: #FFF; z-index:950; position: relative;}

body.page #content .gallery             { float: left; width: 460px; z-index:803; }
body.page #content .gallery img         { display: block; margin: 20px 0 0 0; border-top: 20px solid #FFF; border-bottom: 20px solid #FFF; }

body.page .subnav              { position: absolute; top: -42px; right: 0; margin: 0; padding: 0; width: 200px; list-style: none; z-index:951; }
body.page .subnav li           { }
body.page .subnav li a         { display: block; border-bottom: 1px solid #ebebeb; padding: 10px 10px 10px 10px; height: 19px; background: #FFF; }
body.page .subnav li.first     {  }
body.page .subnav li.active a   { border-top: 1px solid #bcd8de; border-bottom: 1px solid #bcd8de; height: 20px; background: url(../img/backgrounds/bg-white-80-percent.png); }

body.nav-items-4 #content.nav-item-0    { margin-top: -160px; }
body.nav-items-4 #content.nav-item-1    { margin-top: -120px; }
body.nav-items-4 #content.nav-item-2    { margin-top: -80px; }
body.nav-items-4 #content.nav-item-3    { margin-top: -40px; }

body.page #content .testimonials        { float:left; }
body.page #content .testimonial         { margin:20px 0 0 0;background:#f5f5f5; }
body.page #content .testimonial p       { margin:0 0 2px 0; }
body.page #content .testimonial_footer  { padding:15px 0 0 28px;background:transparent url(../img/backgrounds/bg_testimonials.png) no-repeat 32px 0;font-size:1.16em;color:#231f20; }
body.page #content .testimonial img     { float:left;margin:0 10px 0 0; }

body.page #content .block               { clear: both; position: relative; margin: 0 0 30px -240px; padding: 0 0 0 0; width: 700px; }
body.page #content .block .inner        { min-width: inherit; }

body.page #content #images h2           { padding-left: 270px; }
/* @end */


/* @group Projects Content & Subnav */
body.projects #content                  { padding: 20px 0; }
body.projects #content .inner           { min-width: 960px; position: relative; }

body.projects #content .overview .entry             { position: absolute; top: -221px; left: 480px; padding: 20px 20px 0 20px; width: 420px; height: 180px; background: #FFF; }
body.projects #content .overview .entry .filter     { position: absolute; bottom: -190px; left: 0; padding: 20px; width: 180px; height: 150px; background: #FFF; }

body.projects #content .overview .projects-entry      {z-index:980;}
body.projects #content .overview .entry select      { margin: 0 0 0.5em 0; }
body.projects #content .overview .entry .map        { position: absolute; bottom: -241px; left: 240px; padding: 20px 0; width: 220px; height: 200px; }
body.projects #content .overview .entry .map img    { border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; }
body.projects #content .overview .block             { float: left; margin: 0 20px 20px 0; width: 220px; position:relative; }
body.projects #content .overview .block h2          { padding: 10px 0 0 0; }
body.projects #content .overview .block a           { display: block; }
body.projects #content .overview .block img         { display: block; border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; width: 220px; height: 150px; }
body.projects #content .overview .block .title,
body.projects #content .overview .block .type,
body.projects #content .overview .block .year       { padding: 0 10px; }
body.projects #content .overview .second            { margin-right: 500px; }

body.projects #content .overview .cat               { background:#fff;height:170px; }
body.projects #content .overview .cat h2            { padding:0;margin:auto 0;font-size:2em;text-align:center;color:#333;text-transform:uppercase; }


body.projects #content .detail #intro                       { position: absolute; top: -260px; left: 260px; height: 220px; width:660px; }

body.projects #content .detail .block                       { position: relative; margin: 0 0 30px 0; padding: 0 0 0 240px; width: 700px; }
body.projects #content .detail .block .inner                { min-width: inherit; }
body.projects #content .detail .block .subnav               { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; width: 220px; list-style: none; }
body.projects #content .detail .block .subnav li a          { display: block; border-bottom: 1px solid #ebebeb; padding: 10px 10px 10px 10px; height: 19px; background: #FFF; }
body.projects #content .detail .block .subnav li.active a   { background: #f5f5f5; }

body.projects #content .detail .block .entry                { padding: 0 20px 20px 20px; background: #FFF; min-height: 350px; }
body.projects #content .detail #description .entry          { min-height: 400px; }

body.page #content .block .slideshow,
body.projects #content .detail .block .slideshow            { padding: 0px 0 10px 0; width: 700px; background: #FFF; }
body.page #content .block .slideshow-img,
body.projects #content .detail .block .slideshow-img        {list-style:none;padding:0;margin:0;width:700px;height:432px; position:relative;}
body.page #content .block .slideshow-img img,
body.projects #content .detail .block .slideshow-img img    {position:absolute;top:0;left:0;}
body.page #content .block .slideshow img,
body.projects #content .detail .block .slideshow img        { display: block; margin: 0 0 10px; }
body.page #content .block .slideshow .caption,
body.projects #content .detail .block .slideshow .caption   { margin: 0; padding: 0 20px; }
body.page #content .block .slideshow .position,
body.projects #content .detail .block .slideshow .position  { position: absolute; top: -35px; right: 0; }
body.page #content .block .slideshow-nav,
body.projects #content .detail .block .slideshow-nav        { position: absolute; top: 35px; left: 0; margin: 0; padding: 0; width: 220px; list-style: none; }
body.page #content .block .slideshow-nav .prev,
body.projects #content .detail .block .slideshow-nav .prev  { float: left; margin-right: 1px; width: 109px; overflow: hidden;font-size:.85em;position:relative; }
body.page #content .block .slideshow-nav .next,
body.projects #content .detail .block .slideshow-nav .next  { float: right; width: 110px; text-align: right;font-size:.85em;position:relative; }
.slideshow_ph                                               { width:109px;height:73px;position:absolute !important;top:0 !important;left:0 !important;padding:0 !important;margin:0 !important;border:1px solid #f1f1f1;color:#f1f1f1;text-align:center;font-size:2em;line-height:3.4em;display:none;cursor:default; }
.prev .slideshow_ph                                         { border-right:none !important; }
.next .slideshow_ph                                         { border-left:none !important; }

body.page #content .block .slideshow-nav img,
body.projects #content .detail .block .slideshow-nav img    { display: block; }
body.page #content .block .slideshow-nav .prev div,
body.page #content .block .slideshow-nav .next div,
body.projects #content .detail .block .slideshow-nav .prev div,
body.projects #content .detail .block .slideshow-nav .next div          { padding: 0 10px; }
body.page #content .block .slideshow .slideshow-nav,
body.projects #content .detail .block .slideshow .slideshow-nav         { width: 100%; position: relative; z-index: 10;}
body.page #content .block .slideshow .slideshow-nav a,
body.projects #content .detail .block .slideshow .slideshow-nav a       { display: block; position: absolute; top: 0; width: 150px; height: 410px; background: url(../img/buttons/sprite-slideshow-buttons.png) no-repeat 200px 0; text-indent: -8888px; }
body.page #content .block .slideshow .slideshow-nav .prev,
body.projects #content .detail .block .slideshow .slideshow-nav .prev   { left: 0; background-position: 20px 45%; }
body.page #content .block .slideshow .slideshow-nav .next,
body.projects #content .detail .block .slideshow .slideshow-nav .next   { right: 0; background-position: -180px 45%; text-align: left; }

body.projects #content .detail .block .floor-plan           { position: absolute; top: 35px; left: 0; }
body.projects #content .detail .block .floor-plan img       { border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; }

body.projects #content .detail .block .map                  { padding-left: 0; padding-right: 0; }
body.projects #content .detail .block .filter               { position: absolute; top: 35px; left: 0; width: 220px; }
body.projects #content .detail .block .filter div           { position: relative; }
body.projects #content .detail .block .filter label         { display: block; float: none; padding: 6px 25px 6px 0; width:auto; }
body.projects #content .detail .block .filter input.checkbox{ position: absolute; top: 0; right: 0; }

body.projects #content .detail .block form p                { clear: both; margin-bottom: 10px; }
body.projects #content .detail .block form p.intro          { margin-bottom: 2em; padding-left: 65px; }

body.projects #content .detail #units .entry                { padding-bottom: 0; }
body.projects #content .detail .block .units                { margin: 0; padding: 0; list-style: none; }
body.projects #content .detail .block .units li             { float: left; display: table-cell; vertical-align: middle; margin: 0 0 20px 0; padding: 20px; width: 280px; background: #f5f5f5; }
body.projects #content .detail .block .units li.odd         { margin: 0 20px 20px 0; }
body.projects #content .detail .block .units .quantity      { display: block; }
body.projects #content .detail .block .units .type          { display: block; }
body.projects #content .detail .block .units .price-range   { display: block; }

body.projects #content .project_contact_error               { color:#e10d0d; }

body.projects #content .block .spotlight                    { position:absolute; display:block; padding: 2%; width:96%; bottom:57px; left:0; color: #FFF; text-align: center;background: #008DA9;}
body.projects #content .block .spotlight .inner             {  line-height: 1.3em;}
/* @end */


/* @group Doormat */
#doormat                    { clear: both; border-top: 1px solid #d5d5d6; padding: 20px 20px 40px 20px; }
#doormat .col               { float: left; margin-right: 40px; }
#doormat .col ul            { margin: 1em 0 0 0; padding: 0; list-style: none; }
#doormat .col li            { padding: 0; margin: 0; }
/* @end */


/* @group Footer */
#footer                    { clear: both; margin: 0 0 20px -3px; border-top: 1px solid #d5d5d6; border-bottom: 1px solid #d5d5d6; padding: 20px 20px 0 20px; }
#footer p                  { margin:0;padding:0 0 0 3px;color:#231f20;font-size:12px; }
#footer .logo              { display:block;width:130px;height:83px;margin:0 0 10px 0;background:transparent url(../img/splash_logo.png) no-repeat 0 0;text-indent:-9999px;border:none; }
/* @end */

/* @group Maps */
#map-projects{width:700px;height:450px;}
#map_zones{display:none;}

.gmaps, .gmaps #map{width:100%;height:100%;margin:0;padding:0;}
.gmaps{overflow:hidden;}

.img_uri{border:none;}

.gmaps #map{z-index:900;}

.gmaps ul, .gmaps li{margin:0;padding:0;list-style:none;}

.gmaps #header{position:absolute;left:100px;top:0;width:224px;height:320px;background:transparent none;z-index:920;}
.gmaps #header h1{margin:0;padding:0;background:#fff none;}

.gmaps #logo {display:block;width:224px;height:178px;background:transparent url(../img/maps_logo.png) no-repeat 0 0;text-indent:-9999px;border:none;}

.gmaps .nav a{ display: block; padding: 8px 10px 12px 10px; height: 19px; font-size:1.3em; color:#7f7f83; background: #FFF; overflow:hidden; cursor:pointer; }
.gmaps .nav li{margin:1px 0 0 0;padding:0;}

.gmaps .box{position:absolute;padding:28px 18px 28px 18px;background:#fff none;border:5px solid #008da9;z-index:910;cursor:default;}
.gmaps .box h2{font-size:2.5em;color:#008da9;margin:0 0 18px 0;}
.gmaps .box h3{font-size:1.5em;color:#008da9;margin:0 0 8px 0;padding:8px 0 0 0;}
.gmaps .box p{color:#585858;margin:0 0 10px 0;line-height:1.5em;}
.gmaps .box a{color:#666;border-bottom:1px solid #666;text-decoration:none;}
.gmaps .box a:hover{border-bottom:1px solid #999;}

.gmaps #legend{right:1.5%;bottom:2%;width:289px;height:150px;padding:18px;z-index:911;}
  .gmaps #legend h3{padding:0 0 5px 0;}
  .gmaps #legend label{font-size:1.16em;color:#494949;width:205px;display:block;float:left;padding:0;}
  .gmaps #legend input{float:left;}
  .gmaps #legend p{font-size:.91em;}
  .gmaps #legend p label{width:80px;}
  .gmaps #legend select{width:143px;}
  .gmaps #legend li{margin:0 0 1em 0;background:transparent url(../img/icons/sprite_circles.png) no-repeat 99% 0;}
  .gmaps #legend .filter_2{background-position:99% 36.5%;}
  .gmaps #legend .filter_3{background-position:99% 74%;}

.gmaps #info{right:auto;bottom:auto;left:328px;top:178px;width:580px;height:300px;z-index:912;}
  .gmaps #info .description{overflow-y:auto;padding:5px;height:220px;margin:0 0 15px 0;}
  
/* @end */

/* @group Splash */
.splash{background:#fff;}
#splash_wrapper{width:868px;height:580px;position:absolute;left:50%;top:50%;margin:-290px 0 0 -434px;}
#splash{width:868px;height:580px;position:relative;}


#splash_wrapper.coming_soon{width:1010px;height:630px;margin:-315px 0 0 -505px;}

  #splash #logo{ display:block;width:130px;height:83px;background:transparent url(../img/splash_logo.png) no-repeat 0 0;text-indent:-9999px;border:none;}
  
  #splash .item{position:absolute;top:0;left:0;padding:40px 0 0 0;}
  #splash .item_1{top:55px;left:0;}
  #splash .item_2{top:10px;left:220px;}
  #splash .item_3{top:68px;left:440px;}
  #splash .item_4{top:0;left:660px;}
  
  #splash .thumb{display:block;width:200px;height:400px;background:transparent none no-repeat left center;text-indent:-9999px;border:1px solid #d4d4d4;}
  #splash .item_2 .thumb{height:360px;}
  
  #splash h2{font-size:1.4em;line-height:1.1em;width:164px;padding:18px;}
  #splash p{margin:0 0 2.4em 0;font-size:1.16em;line-height:1.6em;color:#333;}
  #splash strong{color:#008da9;}
  #splash .description{width:236px;height:360px;background:#fff none;padding:20px;}
  #splash .proceed{display:block;position:absolute;right:18px;bottom:18px;width:29px;height:29px;background:transparent url(../img/splash_button.png) no-repeat 0 0;text-indent:-9999px;border:0;}
  
  #splash .overlay{}
  #splash .overlay .thumb{border:1px solid #d4d4d4;}
  #splash .overlay .thumb,#splash .overlay-open .thumb{width:820px;height:400px !important;}
  #splash .overlay .description{display:block;position:relative;float:right;text-indent:1px;}
  
  #language_picker{position:absolute;bottom:35px;right:6px;margin:0;padding:0;width:100px;list-style:none;}
  #language_picker li{list-style:none;}
/* @end */

/* @group Error */
body.error { padding: 50px; }
body.error #logo{ display:block;margin-bottom: 50px; width:130px;height:83px;background:transparent url(../img/splash_logo.png) no-repeat 0 0;text-indent:-9999px;border:none;}
/* @end */


/* @group Misc */
label                   { display: block; float: left; padding: 10px 0; width: 75px; }
input.text              { float: left; border: 1px solid #dddddd; margin: 0 20px 0 0; padding: 8px; width: 200px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
textarea                { border: 1px solid #dddddd; padding: 8px; width: 504px; height: 120px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
textarea.contact        { width:310px; }
input.text:focus        { border-color: #aaa; }
button.submit           { margin-left: 65px; border: none; padding: 8px; background: #008da9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
.loading                { margin-left:10px; }
.LV_validation_message  { display: none; }
.LV_invalid_field       { border-color: #e35c48 !important; background-color: #f9e4e1; }
/* @end */