@import url("http://hello.myfonts.net/count/2a34f3")
@charset "utf-8";
/* CSS Document */
  
@font-face {font-family: 'Gotham'; src: url('fonts/GothamHTF-Book.woff') src: url('fonts/GothamHTF-Book.woff') format('woff'), url('fonts/GothamHTF-Book.eot') format('embedded-opentype'), url('fonts/GothamHTF-Book.svg') format('svg');}

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

#areaMap {position:absolute;top:0;right:0;z-index:20;width:940px;height:1000px;}


#areaMap.helensleeStage1 {background:url('../images/helenslee_stage_1.png') no-repeat;width:701px;height:636px;}
#areaMap.helensleeStage2 {background:url('../images/helenslee_stage_2.png') no-repeat;width:701px;height:636px;}
#areaMap.helensleeStage3 {background:url('../images/helenslee_stage_3.png') no-repeat;width:701px;height:636px;}
#areaMap.helensleeStage4 {background:url('../images/helenslee_stage_4.png') no-repeat;width:701px;height:636px;}
#areaMap.helensleeStage5 {background:url('../images/helenslee_stage_5.png') no-repeat;width:701px;height:636px;}
#areaMap.helensleeStage6 {background:url('../images/helenslee_stage_6.png') no-repeat;width:701px;height:804px;}
#areaMap.helensleeStage7 {background:url('../images/helenslee_stage_7.png') no-repeat;width:701px;height:716px;}
#areaMap.helensleeStage8 {background:url('../images/helenslee_stage_8.png') no-repeat;width:701px;height:716px;}
#areaMap.helensleeStage9 {background:url('../images/helenslee_stage_9.png') no-repeat;width:701px;height:716px;}
#areaMap.helensleeStage10 {background:url('../images/helenslee_stage_10.png') no-repeat;width:701px;height:716px;}
#areaMap.helensleeStage11 {background:url('../images/helenslee_stage_11.png') no-repeat;width:701px;height:716px;}
#areaMap.hitchenStage1 {background:url('../images/hitchen_stage_1.png') no-repeat;width:701px;height:716px;}
#areaMap.hitchenStage2 {background:url('../images/hitchen_stage_2.png') no-repeat;width:701px;height:716px;}
#areaMap.hitchenStage3 {background:url('../images/hitchen_stage_3.png') no-repeat;width:701px;height:850px;}
#areaMap.hitchenStage4 {background:url('../images/hitchen_stage_4.png') no-repeat;width:701px;height:510px;}
#areaMap.hitchenStage5 {background:url('../images/hitchen_stage_5.png') no-repeat;width:701px;height:850px;}
#areaMap.hitchenStage6 {background:url('../images/hitchen_stage_6_soldout.png') no-repeat;width:701px;height:821px;}
#areaMap.hitchenStage7 {background:url('../images/hitchen_stage_7_soldout.png') no-repeat;width:701px;height:701px;}
#areaMap.hitchenStage8 {background:url('../images/hitchen_stage_8_soldout.png') no-repeat;width:701px;height:861px;}
#areaMap.hitchenStage9 {background:url('../images/hitchen_stage_9_soldout.png') no-repeat;width:701px;height:701px;}
#areaMap.hitchenStage10 {background:url('../images/hitchen_stage_10_soldout.png') no-repeat;width:701px;height:821px;}
#areaMap.hitchenStage11 {background:url('../images/hitchen_stage_11_soldout.png') no-repeat;width:701px;height:861px;}
#areaMap.hitchenStage12 {background:url('../images/hitchen_stage_12_210421.png') no-repeat;width:701px;height:861px;}
#areaMap.hitchenStage13 {background:url('../images/hitchen_stage_13_soldout.png') no-repeat;width:941px;height:1001px;}
#areaMap.hitchenStage14 {background:url('../images/hitchen_stage_14_soldout.png') no-repeat;width:701px;height:861px;}
#areaMap.hitchenStage15 {background:url('../images/hitchen_stage_15_140225.png') no-repeat;width:941px;height:701px;}
#areaMap.hitchenStage16 {background:url('../images/hitchen_stage_16_140225.png') no-repeat;width:701px;height:861px;}
#areaMap.hitchenStage17 {background:url('../images/hitchen_stage_17_140225.png') no-repeat;width:941px;height:741px;}
#areaMap.hitchenStage18 {background:url('../images/hitchen_stage_18_190825.png') no-repeat;width:701px;height:861px;}


#areaMap.gatewaybusinesspark {background:url('../images/gateway_business_park.png') no-repeat;width:701px;height:810px;}
#areaMap.gatewaybusinessparkupdate {background:url('../images/gateway_business_park_update.png') no-repeat;width:701px;height:810px;}
#areaMap.gatewaybusinessparkfull {background:url('../images/gateway_business_park_210421.png') no-repeat;width:941px;height:941px;}

#areaMap article {cursor:pointer;}

.section {font-family: 'Gotham', sans-serif; font-size:14px; src: url('fonts/GothamHTF-Medium.eot'); font-weight: 400 ;padding:3px;display:inline-block;position:absolute;color:#fff;/*background:rgba(0,180,0,0.5);*/}
.section:hover {color:#fff;}
.section:hover .sectionPopout, .section.hoverEffect .sectionPopout {display:block;}
.section.hoverEffect .sectionPopout {display:block;height:210px;bottom:0px;z-index:200;}

.section .sectionPopout {color:#fff;display:none;position:absolute;width:400px;height:170px;bottom:40px;left:-150px;z-index:100;}
.section .sectionPopout span {display:block;position:absolute;width:400px;height:170px;border:solid 2px;background:#fff;}

.section .sectionPopout h2.lotHead {font-weight:600 !important; font-size:24px;  src: url('fonts/GothamHTF-Medium.eot'); height:50px; color:#fff; padding:15px 0 0 15px; margin:0 0 15px 0;}

/* General popout styles */
.section .sectionPopout span p, .section .sectionPopout p {display:block;padding-top:0; margin: 0 0 0 115px; font-size:14px; line-height: 16px; color: #000; font-family: 'Gotham'; src: url('fonts/GothamHTF-Book.eot'); font-weight: 400;}
.section .sectionPopout a {text-decoration:none;color:#000;display:inline-block;padding:0; margin: 0 0 0 115px; font-size:14px; font-family: 'Gotham'; src: url('fonts/GothamHTF-Book.eot'); font-weight: 400;}
.section .sectionPopout a:hover {color:#000;border-bottom:dotted 1px #000;}
.section .sectionPopout p.lotSubHead, .section .sectionPopout p.lotArea {font-weight:500;}
.section .sectionPopout span p {margin-right:40px;}

.section .sectionPopout div.saleState {position:absolute;background:url('../images/sprite_lots.png') no-repeat;overflow:none;text-indent:-10000px;}

.section .sectionPopout p.lotArea {display:inline-block;margin:0 0 0 15px;position:relative;font-size:18px; font-family: 'Gotham'; src: url('fonts/GothamHTF-Book.eot');color:#fff;}

/* popout sold states */



.section.forsale .sectionPopout span {border-color:#c6bd80;}
.section.forsale .sectionPopout h2 {background:#c6bd80;}
.section.forsale .sectionPopout div.saleState {left:21px;top:70px;width:81px;height:80px;background-position:-298px -10px;}
.forsale, .forsale .lotHead, .forsale .lotArea, .forsale sup {color:#fff;}
.lotPrice  {color:#000 !important; font-weight:600 !important; font-size:18px !important;  * line-height: 14px !important;  margin: 0px 0px 5px 115px !important;}

/*
.section.hold .sectionPopout span {background:#a9a2a7;border-color:#000;}
.section.hold .sectionPopout h2 {background:#a9a2a7;}
.section.hold .sectionPopout div.saleState {left:10px;top:45px;width:100px;height:100px;background-position:-100px -0px;}
.hold, .hold .lotHead, .hold .lotArea, .hold {color:#000 !important;}
*/

.section.contract .sectionPopout span {border-color:#000;}
.section.contract .sectionPopout h2 {background:#000;}
.section.contract .sectionPopout div.saleState {left:16px;top:67px;width:89px;height:81px;background-position:-677px -10px;}
.contract, .contract .lotHead, .contract .lotArea, .contract {color:#fff !important;}

.section.sold .sectionPopout span {border-color:#c73318;}
.section.sold .sectionPopout h2 {background:#c73318;}
.section.sold .sectionPopout div.saleState {left:21px;top:70px;width:80px;height:80px;background-position:-109px -10px;}
.sold, .sold .lotHead, .sold .lotArea,.sold {color:#fff !important;}

.section.lease .sectionPopout span {border-color:#c6bd80;}
.section.lease .sectionPopout h2 {background:#c6bd80;}
.section.lease .sectionPopout div.saleState {left:16px;top:67px;width:89px;height:81px;background-position:-860px -9px;}
.lease, .lease .lotHead, .lease .lotArea, .lease {color:#000 !important; font-weight: 500;}

.section.retail .sectionPopout span {border-color:#c6bd80;}
.section.retail .sectionPopout h2 {background:#c6bd80;}
.section.retail .sectionPopout div.saleState {left:16px;top:67px;width:89px;height:81px;background-position:-769px -9px;}
.lease, .retail .lotHead, .retail .lotArea, .retail {color:#000 !important; font-weight: 500;}

.section.design .sectionPopout span {border-color:#6e321a;}
.section.design .sectionPopout h2 {background:#6e321a;}
.section.design .sectionPopout div.saleState {left:16px;top:67px;width:89px;height:81px;background-position:-389px -10px;}
.design, .design .lotHead, .design .lotArea, .design {color:#fff !important;}

.section.show .sectionPopout span {border-color:#000;}
.section.show .sectionPopout h2 {background:#000;}
.section.show .sectionPopout div.saleState {left:16px;top:67px;width:89px;height:81px;background-position:-199px -10px;}
.show, .show .lotHead, .show .lotArea, .show {color:#fff !important;}

.mapContainer {width:941px;position:relative;clear:both;min-height:1001px;}
.mapInfo {width:200px;}
.mapKey {margin:20px 0;}
.mapKey h2 {font-size:14px;font-weight:bold;margin:0;}
.mapKey h2 span {display:inline-block;width:40px;height:14px;margin:3px 10px 0 0;float:left;}
.mapInfo a {font-size: 14px; color: #974806;font-weight:bold;}
.mapHolder{/*top: 0px; right: 0px;*/ position: relative; margin:0 auto;width:720px;height:1001px;}
.mapHolderwide{/*top: 0px; right: 0px;*/ position: relative; margin:0 auto;width:941px;height:1001px;}