@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Nunito:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600italic,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

body { margin:0; padding:0; font-family: 'Nunito', sans-serif; }
p, h1, h2, h3, h4, h5, h6 { padding:0; margin:0; line-height:normal; }
.clear{clear:both;}

.hide { display:none; visibility:hidden; }
#subnav { padding:11px 0px; margin-bottom:0px; }
.map_icon, .map-icon {position:absolute; cursor:pointer; }
#mapWrapper { width:900px; margin:0 auto; height:773px; overflow:hidden; background:#fff; padding-bottom:4px; /**border:#fff solid 4px; -moz-box-shadow: 0px 0px 8px #d1d1d1; -webkit-box-shadow: 0px 0px 8px #d1d1d1; box-shadow: 0px 0px 8px #d1d1d1;**/ /* For IE 8  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d1d1d1')";*/ /* For IE 5.5 - 7  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d1d1d1');*/ }

#coordinates { background:rgba(255,255,255,.9); padding:10px; position:fixed; top:0px; left:0px; border-bottom-right-radius:10px; color:#000; z-index:1; font-size:16px; line-height:1.3; }


#mapNav { text-align:center; }
#mapNav ul, #mapNav ul li{ padding:0px; margin:0px; list-style:none; }
#mapNav ul { display:inline-block; }
#mapNav li { display:inline-block; background:#1f7500; }
#mapNav li.active { background:#4e9c34; }
.mapSubNav { background:#587E5D; width:900px; height:39px; overflow:hidden; text-align:center; position:relative; z-index:2; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mapSubNav p { color:#ffffff!important; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; line-height:12px!important; font-size:18px!important; padding-top:6px; }
.mapSubNav ul, .mapSubNav ul li{ padding:0px; margin:0px; list-style:none; height:24px; background:none; }
.mapSubNav ul li{ float:left; color:#ffffff!important; font-family: 'Open Sans Condensed', sans-serif;!important; line-height:12px!important; font-size:15px!important; padding:6px 0px 0px 0px; margin-right:20px; margin-top:7px; cursor:pointer; background: url(/images/interface/map/bkg_li.png) no-repeat ; }
.mapSubNav ul li a{color:#ffffff!important; font-size:18px!important;}
.mapSubNav ul li.active{ background-position:0px -23px; color:#ffffff; }
.mapSubNav ul li a{padding-left:14px;}
.mapSubNav ul { display:inline-block; text-align:center; }
.mapSubNav li { display:inline-block; }
#mkt_print { width:28px; height:28px; cursor:pointer; position:absolute; right:10px; top:5px; }
#site_print { width:28px; height:28px; cursor:pointer; position:absolute; right:10px; top:15px; }

#btn_view1 { background:url(/images/interface/map/btn_view1.png) no-repeat; width:142px; }
#btn_view2 { background:url(/images/interface/map/btn_view2.png) no-repeat; width:146px; }
#btn_view3 { background:url(/images/interface/map/btn_view3.png) no-repeat; width:142px; }
#btn_view1, #btn_view2, #btn_view3 { height:34px; background-position:0px -34px; }
#btn_view1:hover, #btn_view2:hover, #btn_view3:hover { background-position:0px -68px; }
#btn_view1.active, #btn_view2.active, #btn_view3.active, #btn_view1.active:hover, #btn_view2.active:hover, #btn_view3.active:hover { background-position:0px 0px; }

#tabs-1 { background:url(/images/interface/map/view1_base.jpg) no-repeat; }
#tabs-2 { background:url(/images/interface/map/view2_base.png) no-repeat bottom; }
#tabs-3 { background:url(/images/interface/map/view3_base.svg) no-repeat; }
#tabs-1, #tabs-2, #tabs-3 { clear:both; width:900px; height:739px; background-position:0px 39px; }
.mapContent { width:900px; height:700px; margin:0 auto; position:relative; z-index:3; }
.innerShadow {position:absolute;}

/**LAYERS**/
.gpx_map_overlay, #gpx_view1_radial, #gpx_view1_top, #gpx_view1_radius, #gpx_view1_airports, #gpx_view1_ports, #gpx_view1_roads, #gpx_view2_top, #gpx_view2_ports, #gpx_view2_airports, #gpx_view2_cities, #gpx_view2_radius, #gpx_view2_roads, #gpx_view2_rail, #gpx_view3_top, #gpx_view3_radius, #gpx_view3_roads, #gpx_view3_rail, #gpx_view3_airports, #gpx_view3_industrial, #gpx_view3_buildings, #gpx_view3_power, #gpx_view3_water, #gpx_view3_sewer, #gpx_view3_gas, #gpx_view3_telecom { position:absolute; width:100%; }
#gpx_view1_base, #gpx_view2_base, #gpx_view3_base { position:absolute; }

/**INDUSTRIAL SITES**/
#siteWrapper{height:739px; width:900px;}
.siteContent { width:900px; height:500px; margin:0 auto; position:relative; }

#infoBox{background-color:#b4b8af; height:170px; width: 860px; padding:15px 20px; color:#ffffff; font-family: 'Open Sans', sans-serif; }

#infoBox h1{color:#5d5959; font-size:15px; line-height:17px; font-family: 'Open Sans', sans-serif;}
#infoBox h1 a { color:#5d5959; text-decoration:none; }
#infoBox h1 a:hover { text-decoration:underline; }
#infoBox h2{font-size:12px; color:#3e68a2;font-family: 'Open Sans Condensed', sans-serif; font-weight:600; font-style:italic; line-height:14px;}
.infoHeading{float:left; width:320px; border-right: #ffffff solid 3px;}
.infoHeading, .infoHeading p {color:#5d5959; }
.infoUtilities{float:right; width:500px; padding-left:36px;}

#siteHeritage{background:url(/images/interface/map/heritage_base.jpg) no-repeat;}
#siteGovernor{background:url(/images/interface/map/governor_base.jpg) no-repeat;}
#siteWateree{background:url(/images/interface/map/wateree_base.jpg) no-repeat;}
#siteSteeplechase{background:url(/images/interface/map/steeplechase_base.jpg) no-repeat;}
#siteCscmegasite{background:url(/images/interface/map/cscmegasite_base.jpg) no-repeat;}
#siteHeritage, #siteGovernor, #siteWateree, #siteSteeplechase, #siteCscmegasite{clear:both; width:900px; height:539px;background-position:0px 39px;}

.electricity{background:url(/images/interface/map/icon_electric.png) top left no-repeat;padding-left:18px; float:left; width:232px;}
.gas{background:url(/images/interface/map/icon_gas.png) top left no-repeat;padding-left:18px; float:left; width:232px;}
.water{background:url(/images/interface/map/icon_water.png) top left no-repeat;padding-left:18px; float:right; width:232px;}
.sewer{background:url(/images/interface/map/icon_wastewater.png) top left no-repeat;padding-left:18px; float:right; width:232px;}
.telecom{background:url(/images/interface/map/icon_telecom.png) top left no-repeat;padding-left:18px; float:left; width:232px;}

.electricity, .gas, .water, .sewer, .telecom { padding-bottom:10px; font-size:12px; font-weight:bold; line-height:17px; }

#mktPageWrapper { position:absolute; width:900px; height:739px; z-index:10; transition:.5s ease; left:0px; }
#mktPageWrapper.offscreen { left:900px !important; }
#mktPageClose { position:absolute; width:900px; height:739px; z-index:11; cursor:pointer; }
#mktPageContent { position:relative; width:900px; height:739px; background:#fff; margin: 34px 0px 97px 0px; z-index:12; }
#btn_mktPageClose { position:absolute; top:12px; right:12px; z-index:13; cursor:pointer; }

/**PANO STUFF**/

/*Pano Wrapper - local*/
.modal-dialog.wide { max-width:750px; }
.pano-frame { border:none; width:720px; height:500px; }
.panoWrapper{display:block; position:absolute; font-size:15px!important;}
#hideContact { display:none; }
#leftTopNav, .panoNav{ list-style:none; font-weight:bold; float:right; width:100%; max-width:18px; font-family: 'Open Sans Condensed', sans-serif; font-size:12px!important; padding:0px; margin:0px; }
#leftTopNav li, .panoNav li{ float:left; position:relative; padding:0; margin:0; font-size:16px!important;}
#leftTopNav a, .panoNav a{ display:block; color:#fff !important; text-decoration:none; }
#leftTopNav a:hover, .panoNav a:hover{ color:#fff; text-decoration:underline; }
.panoTrigger { /*border-top-left-radius:15px; border-top-right-radius:15px;*/ }
.panoTrigger img, #static-wrapper .panoTrigger img { max-width:30px !important; width:30px !important; height:auto !important; }
#topnav3 { background-repeat:no-repeat; }

/*LEFT TOP NAV DROPDOWN*/
#leftTopNav ul, .panoNav ul{ background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ list-style:none; position:absolute; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ }
#leftTopNav ul li, .panoNav ul li{ /*padding-top:1px;  Introducing a padding between the li and the a give the illusion spaced items */ float:none; }
#leftTopNav ul li:hover, .panoNav ul li:hover{ background:#000; }
#leftTopNav ul li ul li, .panoNav ul li ul li{  }
.nowhitespace ul a{ white-space:nowrap;/*  Stop text wrapping and creating multi-line dropdown items */ }
#leftTopNav li:hover ul, .panoNav li:hover ul{ /* Display the dropdown on hover */ left:0; /* Bring back on-screen when needed */ background:#4e9c34; padding:5px 15px 10px 15px; }
#leftTopNav li:hover a, .panoNav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ background:#4e9c34; text-decoration:underline; }
#leftTopNav li:hover ul a, .panoNav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ text-decoration:none; }
#leftTopNav li:hover ul li a:hover, .panoNav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ text-decoration:underline; }
#leftTopNav td, .panoNav td{ padding:0px 20px 20px 20px; min-width:90px; }
#leftTopNav p, .panoNav p{ padding-bottom:10px; line-height:15px; }
#leftTopNav th, .panoNav th{ color:#78d2fb; text-align:left; font-size:13px; font-weight:bold; padding:10px 20px; min-width:90px; white-space:nowrap; }

/**RESPONSIVE**/
#mapOuterWrapper { position: relative; padding-bottom: 86.3%; height: 0; overflow: hidden; }
.mapFrame { width:900px; height: 777px; margin:0 auto; transition:.5s ease;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

@media screen and (min-width: 240px) {
  .mapFrame {
  -webkit-transform: scale(.25);
  transform: scale(.25);
  }
}
@media screen and (min-width: 320px) {
  #mapOuterWrapper { padding-left:4px; }
  .mapFrame {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  }
}
@media screen and (min-width: 375px) {
  .mapFrame {
  -webkit-transform: scale(.39);
  transform: scale(.39);
  }
}
@media screen and (min-width: 384px) {
  .mapFrame { 
  -webkit-transform: scale(.4);
  transform: scale(.4);
  }
}
@media screen and (min-width: 414px) {
  #mapOuterWrapper { padding-left:13px; }
  .mapFrame { 
  -webkit-transform: scale(.43);
  transform: scale(.43);
  }
}
@media screen and (min-width: 480px) {
  #mapOuterWrapper { padding-left:3px; }
  .mapFrame { 
  -webkit-transform: scale(.5);
  transform: scale(.5);
  }
}
@media screen and (min-width: 568px) {
  #mapOuterWrapper { padding-left:10px; }
  .mapFrame { 
  -webkit-transform: scale(.59);
  transform: scale(.59);
  }
}
@media screen and (min-width: 600px) {
  #mapOuterWrapper { padding-left:10px; }
  .mapFrame { 
  -webkit-transform: scale(.625);
  transform: scale(.625);
  }
}
@media screen and (min-width: 667px) {
  #mapOuterWrapper { padding-left:15px; }
  .mapFrame {
  -webkit-transform: scale(.69);
  transform: scale(.69);
  }
}
@media screen and (min-width: 736px) {
  #mapOuterWrapper { padding-left:17px; }
  .mapFrame { 
  -webkit-transform: scale(.76);
  transform: scale(.76);
  }
}
@media screen and (min-width: 768px) {
  #mapOuterWrapper { padding-left:23px; }
  .mapFrame { 
  -webkit-transform: scale(.8);
  transform: scale(.8);
  }
}
@media screen and (min-width: 960px) {
  #mapOuterWrapper { padding-left:0px; padding-bottom:30px; height:777px; }
  .mapFrame { 
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

@media screen and (min-width: 1140px) {
  /*#mapOuterWrapper { padding-left:0px; padding-bottom:0px; height:985px; }
  .mapFrame { 
  position: absolute;
  -webkit-transform: scale(1.27);
  transform: scale(1).27;
  }*/
}

@media print {
  .mapSubNav, #site_print { display:none; height:0px; }
  #mktPageContent { margin:0; }
}