* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html {
	
}

body {
	margin:0;
	padding:0;
	background-color:#ccc;
	font-family: FuturaLTPro-Book;
	font-weight: normal;
	font-style: normal;
}

/* -- links & fonts --*/

.book { 
	font-family: FuturaLTPro-Book;
	font-weight: normal;
	font-style: normal;
}

.bold { 
	font-family: FuturaLTPro-Bold;
	font-weight: normal;
	font-style: normal;
}

a img {
	border:none;
}

a {
	text-decoration: none;
	color:#FF8800;
}

h1, h2, h3, h4, h5, h6 {
	font-family: FuturaLTPro-Book;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #FF8800;
}

h5 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

/* -- structure --  */

.slides {
	width: 780px;
	height: 338px;
}

.wrap {
	position: relative;
	width: 1000px;
	height: 700px;
	overflow: auto;
	margin: 20px auto;
	background-image: url("../img/bg.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

.wrap2 {
	position: relative;
	width: 1000px;
	height: 60px;
	overflow: auto;
	margin: 20px auto;
	
}



.span1 {
	width:130px;
	margin-right:20px;
	float:left;
}

.span1-sub {
	width: 170px;
	margin-right :0px;
	float: left;
}

.span1-sub2 {
	width: 150px;
	margin-right: 0px;
	float: left;
}

.span2 {
	width: 780px;
	float: left;
}

.span2-sub {
	width: 800px;
	float: left;
	padding-left: 8px;
}

.span2-subimg {
	
	float: right;
}

.span2-sub a:hover {
	color: #000;
}

.span3-sub {
	width: 830px;
	height: 430px;
	display: block;
	float: left;
	margin: 0px;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: scroll;
	/*border: #000 1px solid;*/
}

.span4-sub {
	width: 614px;
	height: 435px;
	float: left;
	padding-left: 8px;
	overflow: hidden;
	background-image: url(../img/parking.png);
	background-position: -8px 0px;
}

.span4-photos {
	width: 180px;
	padding: 0px;
	margin: 5px 0 0 5px;
	float: left;
}

.span4-photos p {
	font-family: FuturaLTPro-Book;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #333;
}

.span4-photos ul {
	list-style: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.span4-photos ul li {
	margin-top: 6px;
}

.row {
	display:block;
}

.row-in {
	display:block;
	margin-top:20px;
	background-image:url('../img/bg-content.png');
	background-repeat:no-repeat;
	background-position: top left;
}

/* -- header -- */

.header {
	height:128px;
	margin-bottom:10px;
}

.logo {
	display:block;
	width:130px;
	height:128px;
	background-image:url("../img/the-banknote-logo.png");
	background-repeat:no-repeat;
	background-position:top left;
	text-indent: -9999px;
}

.topnav {
	height:128px;
	width:780px;
	/*
	border-bottom:2px solid #FF8800;
	*/
	padding-top:104px;
}

.btn-group {
	float:right;
}

.btn-topnav {
	display:inline-block;
	float:left;
	width:122px;
	height:16px;
	line-height:17px;
	background-color:#FF8800;
	background-image:url("../img/topnav-back.png");
	background-repeat:no-repeat;
	background-position:top left;
	font-size:11px;
	text-transform:uppercase;
	margin-left:6px;
	text-align:center;
	box-shadow:1px 1px 0 0 #444;
	color:#222;
}

.btn-topnav:hover {
	color:#fff;
}

.headline {
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
}

.line {
	margin-top:1px;
	width:100%;
	height:2px;
	background-image:url('../img/line.png');
	background-repeat:no-repeat;
	background-position:top left;
}

/*-- nav -- */

.nav-wrap {
	height:80px;
	margin-bottom:5px;
}

.blank {
	height:80px;
}

.nav {
	height:80px;
}

.btn-nav {
	display:inline-block;
	float:left;
	margin-left:8px;
}

.btn-nav:first-child {
	margin-left:0;
}

/* -- content -- */

.content-wrap {
	height: 445px;
}

.menu {
	height: 445px;
}

.content {
	height: 445px;
}

/*
.callout {
	background-color:#F06329;
	font-size:16px;
	color:#fff;
	padding:10px;
	margin-top:5px;
}
*/

.callouttop {
	background-color: #F06329;
	font-size: 16px;
	color: #fff;
	padding: 10px;
	margin: 0px;
	top: 15px;
	position: absolute;
	
	width: 780px;
	height: 40px;
	display: block;
	left: 150px;
}

.callout {
	/*background-color: #F06329;*/
	font-size: 16px;
	color: #fff;
	padding: 0px;
	margin-top: 30px;
}

.legal {
	font-size:8px;
	text-transform: none;
	display:none;
	background-color: #F06329;
	padding: 5px;
}

.credits {
	font-size:10px;
	text-transform: none;
	display:none;
	background-color: #F06329;
	padding: 5px;
}

.legal-btn, .credits-btn {
	cursor:pointer;
}

.content p {
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin-top: 0;
	text-align: justify;
}

/* -- content menu -- */

.submenu {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	margin-top:60px;
}

.submenu li {
	margin:0;
	padding:0;
	line-height: 12px;
	list-style:none;
	text-align:center;
	font-size:10px;
	color:#fff;
	font-family: FuturaLTPro-Bold;
}

.submenu li:hover, .submenu li.active {
	background-image:url('../img/submenu-over.png');
	background-repeat:repeat-y;
	background-position:top left;
}

.submenu li a {
	display:block;
	width:100%;
	height:100%;
	padding:2px 0 2px 3px;
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
	font-family: FuturaLTPro-Bold;
}

/* -- footer -- */

.footer {
	clear:both;
	font-size:12px;
	color:#fff;
	text-transform: uppercase;
	padding-left:150px;
	margin: 0px;
	top: 600px;
	position: absolute;
}

.logoMM {
	display: block;
	
	
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	
	

	float: right;
	clear: both;
}

.footerlogoText, .footerlogoImg { float:left;}
.footerlogoText { font-size:12px;padding-top:6px;}
.footerlogoImg  { padding-left:10px;}
.footerlogoImg img { max-width:150px;}
/* -- overview content -- */

.tenant-menu {
	width: 350px;
	float: left;
	margin-right: 0;
	padding: 0;
}

.tenant-menu li {
	list-style: none;
	overflow: visible;
	padding: 0;
	margin: 0;
}
.tenant-menu li, .tenant-menu li a {
	font-family: FuturaLTPro-Book;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 0;
	color: #FF8800;
}

.tenant-menu li a:hover {
	color: #000;
}

/*
.tenant-menu li.active h5, .tenant-menu li a h5:hover {
	color:#000;
	background-image:url('../img/tenant-over.png');
	background-repeat:repeat-y;
	background-position:top left;
}
*/
.design-list {
	margin:10px 0;
	padding-left:20px;
}

.design-list li {
	margin-left:0;
	padding-left:0;
	font-size:12px;
	line-height:20px;
}

/* -- gallery --*/

.gallery {
	background-color:#F06329;
}

.thumbnails {
	padding:8px;
}

.thumbnails img {
	width:120px;
	height:60px;
	border:2px solid #fff;
	cursor:pointer;
}

/* -- news --*/

.newsbox {
	width: 700px;
	height: 340px;
	overflow-y: scroll;
}

.newslist {
	margin: 0;
	padding: 0;
}

.newslist li {
	list-style: none;
	padding-bottom: 10px;
	font-size: 10px;
}

.newslist li a {
	font-size: 14px;
}

.newslist li a:hover {
	color: #000;
}

/* -- hunts point content -- */

.art p {
	margin-top:20px;
	margin-bottom:3px;
}

.art h5 {
	margin-bottom:3px;
}

.art a h5:hover {
	color:#000;
}

.local h5 {
	margin-bottom:2px;
}

.local a h5:hover {
	color:#000;
}

/* -- building content -- */

.building {
	position:relative;
	overflow:hidden;
}

.specs, .avails {
	padding-left:10px;
}

.specs p {
	font-size:12px;
}

.info-list {
	width:380px;
	margin:0;
	padding:0;
	padding-left:20px;
	font-size:12px;
}

.info-list li {
	margin:0;
	padding:0;
}

.spec-wrap {
	display: inline;
	float: left;
	width: 250px;
	margin-right: 18px;
}

.spec-wrap:last-child {
	margin-right: 0px;
}

.specs-list {
	width:100%;
	margin:0;
	padding:0;
	padding-left:20px;
	font-size:12px;
}

.specs-list li {
	margin:4px 0;
	padding:0;
}

.floor-map {
	position:absolute;
	top:0;
	right:-30px;
	z-index:1;
}

.view-fp {
	position:absolute;
	top:0;
	right:0;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	margin:7px;
}

.view-fp:hover {
	color:#000;
}

.layout-map-sm {
	position:absolute;
	bottom:10px;
}

/* transportation map */

.map-wrap {
	width:1000px;
	height:700px;
	position:absolute;
	top:0;
	left:0;
	padding:0px 0 20px;
	border:1px solid #ccc;
	z-index:10000;
	overflow:hidden;
	background-color:#fff;
	display:none;
}

.center {
	width:780px;
	margin:0 auto;
	position:relative;
}

.map-viewport {
	position: relative;
	width: 780px;
	height: 400px;
	border: 1px solid black;
	overflow: hidden;
	margin: 0 0 0 0;
}

.level {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}

.current-level {
	z-index:20;
}

#map-2 {
	width: 2301px;
	height: 1958px;
	position: absolute;
	left: -500px;
	top: -320px;
	cursor: pointer;
}

#map-2 img {
	border: 0;
	height: 100%;
	width: 100%;
}

.info {
	width:780px;
	margin:0 auto;
}

.info-col {
	float:left;
	width:195px;
	padding-right:20px;
	font-size:10px;
}

.info-col p {
	margin-top:2px;
}

.info-col h4 {
	font-family: FuturaLTPro-Bold;
	font-weight: normal;
	font-style: normal;
}

.close {
	position:absolute;
	display:block;
	width:80px;
	height:20px;
	top:0px;
	right:0px;
	text-align:center;
	text-transform:uppercase;
	line-height:20px;
	font-size:12px;
	color:#fff;
	background-color:#FF8800;
	cursor:pointer;
}

.close:hover {
	background-color:#000;
}



/* -- avails table -- */

.avails-table {
	/*width:100%;*/
	font-size:12px;
	margin-top:10px;
}

.avails-table tr:first-child td {
	font-family: FuturaLTPro-Bold;
	font-weight: normal;
	font-style: normal;
	color:#000;
	text-transform:uppercase;
}

.avails-table tr.top-wing td {
	padding-top:15px;
}

.avails-table tr.top-wing td:first-child {
	color:#FF8800;
	text-transform:uppercase;
}

.download-fp {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url('../img/pdf.png');
	background-repeat: no-repeat;
	/*margin:0 auto;*/
	margin: 0 0 0 70px;
	float: left;
	position: relative;
}

.vts {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url('../img/vts.png');
	background-repeat: no-repeat;
	/*margin:0 auto;*/
	margin: 0px 8px;
	padding: 0;
	float: left;
	position: relative;
}

a.specs-dl {
	position:absolute;
	bottom:30px;
	left:5px;
	display:block;
	width:160px;
	height:20px;
	background-image:url('../img/pdf.png');
	background-repeat:no-repeat;
	background-position:2px 2px;
	font-size:10px;
	line-height:22px;
	color:#fff;
	padding-left:19px;
	text-transform:uppercase;
	background-color:#FF8800;
}


/* NEW CSS */

.btn-nav img {
  width: 200px;
}

.btn-nav {
  display: inline-block;
  float: left;
  margin-left: 8px;
  margin-right: 40px;
  margin-top: 10px;
}

.btn-nav:last-child {
  margin-right: 0;
}

.nav-wrap {
  height: 62px;
  margin-bottom: 5px;
}

.btn-nav:first-child {
  margin-left: 40px;
}

.map-wrap {
  width: 1000px;
  height: 720px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px 0 00px;
  border: 1px solid #ccc;
  z-index: 10000;
  overflow: scroll;
  background-color: #fff;
  display: none;
}