@import url("http://hello.myfonts.net/count/2a34f3")
@charset "utf-8";
/* CSS Document */
  
@font-face {font-family: 'DINNextLTPro-Bold';src: url('../webfonts/2A34F3_0_0.eot');src: url('../webfonts/2A34F3_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2A34F3_0_0.woff') format('woff'),url('../webfonts/2A34F3_0_0.ttf') format('truetype');}


body, html {position:relative;width:100%;height:100%;padding:0;margin:0;}
#areaMap {position:absolute;top:0;right:0;z-index:20;width:701px;height:900px;}

#areaMap.bartlett_block {background:url('../images/Bartlett_block_250621.png') no-repeat;width:700px;height:700px;}
#areaMap.wainui_road {background:url('../images/Wainui_Rd_250323.png') no-repeat;width:700px;height:700px;}
#areaMap.arran_point_stage_1 {background:url('../images/arran_point_stage_1.png') no-repeat;width:700px;height:561px;}
#areaMap.arran_point_stage_2 {background:url('../images/arran_point_stage_2.png') no-repeat;width:700px;height:561px;}
#areaMap.arran_point_stage_3 {background:url('../images/arran_point_stage_3.png') no-repeat;width:700px;height:561px;}
#areaMap.arran_point_stage_4 {background:url('../images/arran_point_stage_4.png') no-repeat;width:700px;height:561px;}
#areaMap.arran_point_stage_5 {background:url('../images/arran_point_stage_5.png') no-repeat;width:700px;height:561px;}
#areaMap.arran_hills_stage_1 {background:url('../images/arran_hills_stage_1.png') no-repeat;width:700px;height:700px;}
#areaMap.arran_hills_stage_2 {background:url('../images/arran_hills_stage_2_271020.png') no-repeat;width:920px;height:700px;}
#areaMap.arran_hills_stage_3 {background:url('../images/arran_hills_stage_3.png') no-repeat;width:700px;height:700px;}
#areaMap.arran_hills_stage_4 {background:url('../images/arran_hills_stage_4.png') no-repeat;width:700px;height:700px;}
#areaMap.arran_hills_stage_5 {background:url('../images/arran_hills_stage_5.png') no-repeat;width:700px;height:800px;}
#areaMap.arran_hills_stage_6 {background:url('../images/arran_hills_stage_6_070421.png') no-repeat;width:700px;height:800px;}
#areaMap.arran_hills_stage_7 {background:url('../images/Arran_Hills_Stage_P6-1_260923.png') no-repeat;width:700px;height:800px;}
#areaMap.arran_hills_stage_8 {background:url('../images/Arran_Hills_Stage_P6-2_100325.png') no-repeat;width:700px;height:800px;}

#areaMap.bonair_stage_1 {background:url('../images/bonair_stage_1.png') no-repeat;width:700px;height:561px;}
#areaMap.bonair_stage_2 {background:url('../images/bonair_stage_2.png') no-repeat;width:700px;height:561px;}
#areaMap.bonair_stage_1A {background:url('../images/bonair_stage_1A.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_1B {background:url('../images/bonair_stage_1B.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_1C {background:url('../images/bonair_stage_1C.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_1D {background:url('../images/bonair_stage_1d.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_1E {background:url('../images/bonair_stage_1e.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_2A {background:url('../images/bonair_stage_2A.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_2B {background:url('../images/bonair_stage_2B.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_2C {background:url('../images/bonair_stage_2c.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_2D {background:url('../images/bonair_stage_2d.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_3A {background:url('../images/bonair_stage_3a.png') no-repeat;width:700px;height:1000px;}
#areaMap.bonair_stage_3B {background:url('../images/bonair_stage_3b.png') no-repeat;width:700px;height:1000px;}
#areaMap.bonair_stage_3C {background:url('../images/bonair_stage_3c.png') no-repeat;width:700px;height:1000px;}
#areaMap.bonair_stage_4A {background:url('../images/bonair_stage_4a.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_4B {background:url('../images/bonair_stage_4b.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_4C {background:url('../images/bonair_stage_4c.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_4D {background:url('../images/bonair_stage_4d.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_4E {background:url('../images/bonair_stage_4e.png') no-repeat;width:700px;height:560px;}
#areaMap.bonair_stage_5 {background:url('../images/bonair_stage_5.png') no-repeat;width:700px;height:561px;}
#areaMap.bonair_stage_6 {background:url('../images/bonair_stage_6.png') no-repeat;width:700px;height:561px;}
#areaMap.ridgedale_stage_2b1 {background:url('../images/ridgedale_stage_2b1.png') no-repeat;width:700px;height:561px;}
#areaMap.ridgedale_stage_2b2 {background:url('../images/ridgedale_stage_2b2.png') no-repeat;width:700px;height:701px;}
#areaMap.ridgedale_stage_3a {background:url('../images/ridgedale_stage_3a.png') no-repeat;width:700px;height:561px;}
#areaMap.ridgedale_stage_3b {background:url('../images/ridgedale_stage_3b.png') no-repeat;width:700px;height:561px;}
#areaMap.ridgedale_stage_3c {background:url('../images/ridgedale_stage_3c.png') no-repeat;width:700px;height:561px;}
#areaMap.ridgedale_stage_3d {background:url('../images/ridgedale_stage_3d.png') no-repeat;width:700px;height:561px;}
#areaMap.ridgedale_stage_3e {background:url('../images/ridgedale_stage_3e.png') no-repeat;width:700px;height:780px;}
#areaMap.ridgedale_stage_4b {background:url('../images/ridgedale_stage_4b.png') no-repeat;width:700px;height:560px;}
#areaMap.ridgedale_stage_4a {background:url('../images/ridgedale_stage_4a.png') no-repeat;width:700px;height:560px;}
#areaMap.ridgedale_stage_4c {background:url('../images/ridgedale_stage_4c.png') no-repeat;width:700px;height:900px;}
#areaMap.ridgedale_stage_4d {background:url('../images/ridgedale_stage_4d.png') no-repeat;width:700px;height:620px;}
#areaMap.ridgedale_playground {background:url('../images/Ridgedale-Play-Ground.png') no-repeat;width:700px;height:560px;}
#areaMap.seaview_stage_5 {background:url('../images/seaview_stage_5.png') no-repeat;width:700px;height:560px;}
#areaMap.seaview_stage_7 {background:url('../images/seaview_stage_7.png') no-repeat;width:700px;height:561px;}
#areaMap.seaview_stage_8 {background:url('../images/seaview_stage_8.png') no-repeat;width:700px;height:560px;}
#areaMap.seaview_stage_9 {background:url('../images/seaview_stage_9.png') no-repeat;width:700px;height:810px;}

#areaMap article {cursor:pointer;}

.section {font:14px Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;padding:5px;display:inline-block;position:absolute;color:#fff;/*background:rgba(0,180,0,0.5);*/}
.section:hover {color:#eee;}
.section:hover .sectionPopout, .section.hoverEffect .sectionPopout {display:block;}
.section.hoverEffect .sectionPopout {display:block;height:210px;bottom:0px;z-index:200;}

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

.section .sectionPopout h2.lotHead {font:26px DINNextLTPro-Bold;height:40px;color:#fff;padding:7px 0 0 13px;margin:0 0 20px 0;}

/* General popout styles */
.section .sectionPopout span p, .section .sectionPopout p {display:block;padding:0;margin:0 0 0 114px;font:12px/16px Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.section .sectionPopout a {text-decoration:none;color:#000;border-bottom:dotted 1px #fff;display:inline-block;padding:0;margin:0 0 0 114px;font:12px Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.section .sectionPopout a:hover {color:#333;border-bottom:dotted 1px #000;}
.section .sectionPopout p.lotSubHead, .section .sectionPopout p.lotArea {font-weight:700;}
.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 20px;position:relative;font:16px Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;}

/* popout sold states */



.section.spec .sectionPopout span {border-color:#CC8752;}
.section.spec .sectionPopout h2 {background:#CC8752;}
.section.spec .sectionPopout div.saleState {left:16px;top:67px;width:91px;height:81px;background-position:-10px -10px;}

.section.sold .sectionPopout span {border-color:#D56852;}
.section.sold .sectionPopout h2 {background:#D56852;}
.section.sold .sectionPopout div.saleState {left:21px;top:70px;width:81px;height:71px;background-position:-108px -16px;}

.section.show .sectionPopout span {border-color:#404141;}
.section.show .sectionPopout h2 {background:#404141;}
.section.show .sectionPopout div.saleState {left:16px;top:67px;width:91px;height:81px;background-position:-199px -10px;}

.section.forsale .sectionPopout span {border-color:#D3CD9F;}
.section.forsale .sectionPopout h2 {background:#D3CD9F;}
.section.forsale .sectionPopout div.saleState {left:21px;top:70px;width:82px;height:81px;background-position:-297px -10px;}
.forsale, .forsale .lotHead, .forsale .lotArea, .forsale sup {color:#333 !important;}
.section.forsale:hover {color:#000;}

.section.design .sectionPopout span {border-color:#926855;}
.section.design .sectionPopout h2 {background:#926855;}
.section.design .sectionPopout div.saleState {left:16px;top:67px;width:90px;height:81px;background-position:-389px -10px;}

.section.contract .sectionPopout span {border-color:#404141;}
.section.contract .sectionPopout h2 {background:#404141;}
.section.contract .sectionPopout div.saleState {left:21px;top:70px;width:82px;height:81px;background-position:-489px -10px;}

.mapContainer {width:901px;position:relative;clear:both;min-height:620px;}
.mapContainerShallow {width:901px;position:relative;clear:both;min-height:300px;}
.mapInfo {width:200px;}
.mapInfoWide {width:901px;}
.mapKey {margin:20px 0;}
.mapKey h2 {font-size:16px;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:710px;height:980px;}