html { padding:0; margin: 0 }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0; padding: 0; font-size: 12px;
}

/* GENERIC STYLES */
h1 { margin: 0; padding: 0; text-indent:-9999px;
	width: 255px; height: 100px;
	background: url('superbgimage.png') no-repeat;
}
h1 a { display: block; overflow: hidden; width: 255px; height: 100px; }
a { color: #fff; text-decoration: none; }
a:hover {  color: #f00; }
a img { border:0; padding:0; margin:0 }
.small { font-size:10px; }
.clear { clear: both; }

h2 { font-family: "Helvetica Neue", Helvetica; font-size: 20px; color:#F8724A; margin: 0 0 10px 0 }
p { color: #000; font-family: Arial; font-size:13px; }

/* FIXED NAV */
#topnav { position: fixed; top: 0; z-index: 9; background-color: #2D3C42; 
	width:100%; height:26px; color:#fff; font:Arial; font-size: 11px;
	font-weight:bold; margin: 0px; padding: 0;
}
#topnav #navWrapper { width: 875px; position: relative; margin:0 auto; }

/* NAV LIST */
ul.nav { float: right; height: 26px; width: 870px; }
ul.nav li { float:left; width:auto; list-style: none;  margin:0; padding:0; line-height: .1; white-space:nowrap;}
ul.nav li:hover, ul.nav li.active { color: #C8D036 }
ul.nav li a { margin: 0 -5px; color: white; height:26px; padding: 8px 12px; font-weight: bold; white-space:nowrap }
ul.nav li a:hover, ul.nav li.active a { color: #2C3B41; background: #C8D036 }



/* SUB NAV overlay */
.navOverlay { width:auto; position: absolute; top: 26px; margin-left: -5px; background-color: #C8D036; color: #fff; height: 26px; }
.navOverlay, .navOverlay * { white-space: nowrap; overflow: visible; width:auto; }
.navOverlay ul { width: auto; float:none; margin: 0; padding: 0 }
.navOverlay ul li { background: none; padding: 12px 0 12px 10px; margin: 0; line-height: auto }
.navOverlay ul li a { color: #fff !important; background: none; margin: 0; padding: 0 10px 0 0 }
.navOverlay ul li a.active { color: #2C3B41 !important; }
.navOverlay ul li a:hover { color: #2C3B41 !important; }
.navOverlay ul li:hover { color:#fff }

/* GALLERY NAV */
/* #topnav ul li.gallery { position: relative; } */
.galleryWrapper { width: 875px; background: blue; position: absolute; top:0; left:50%; margin-left: -438px;  }


.gallery .navOverlay { overflow: visible; white-space: nowrap; right: -5px; top:26px; margin:0; background-color: #C8D036; }
.gallery .navOverlay ul { padding-left:8px; padding-right: 10px; white-space: nowrap; }
.gallery .navOverlay ul li { padding: 12px 0 12px 6px; white-space: nowrap }
.gallery .navOverlay ul li a { padding-right: 6px; white-space: nowrap; }


#content .arrow { position: absolute; top: 300px; }
#content #prev.arrow { left: 25px; }
#content #next.arrow { right: 25px; }

/* CONTENT */
#content { background: none;  z-index: 3; top: 40px; width: 995px; margin:0 auto; height:100%; padding:0; position: relative; text-align:left; }
#left { margin-left: 70px; margin-top: 5px; width: 870px; }

#left #left-fixed { position: fixed; top:45px; }

a.arrowLink { background: url(../img/link-arrow.png) no-repeat right center; padding-right: 30px; }

#content a {color:#2D3C42; font: Arial; font-size: 12px; font-weight: bold;}
#content a:hover { color: #fff; }
.tagline{ margin-top: 30px;}
.tagmore{ margin-top: 20px; margin-bottom: 40px; }
.info{background-color: #ACC42A; width:350px;color:#fff; padding:12px;line-height: 125%; font-weight: bold; font-size: 12px;}
.content-table{width:100%; border-spacing: 0px; margin-bottom: 25px}
.content-table td {padding: 4px 4px 4px 4px}
.content-table .even {background-color:Silver;}

/* LOGO */
/* .header { position: absolute; top:0; left:0; } */

.right { float: right; }
.left { float:left; }

#content-panel { font-size: 13px; position: relative; left:438px; top:74px; background: #fff; width: 386px; padding: 14px 20px; margin-bottom: 400px; white-space:normal }
#content-panel img { margin:10px 0; }
#content-panel ul { list-style-image: url(../img/list-icon-plus.gif); margin:0 0 0 20px; padding:0; font-size:12px; }
#content-panel ul li { font-weight: bold; margin: 8px 0; }
#content-panel a { color: #08ADD0; text-decoration: underline; }
#content-panel a:hover { color: #000; }
#content-panel a.arrowLinkDL { text-decoration:none; color: Black; background: url(../img/link-arrow.png) no-repeat right center; padding-right: 30px;  }
#content-panel a.arrowLinkDL:hover {color: #08ADD0;}
#content-panel .links { line-height: 20px; }
#content-panel h4 { font-size: 13; color:#000; font-family: Arial; margin-bottom: 10px }

/* OL */
ol { margin: 0 0 0 20px; padding:2px; }
ol li { font-weight: bold; font-size:12px; margin:8px 0 }


#content-panel .left-col { width: 308px; margin-right:63px; float:left; position: relative; }
#content-panel .right-col { width: 472px; float: left }

/* THE SPACE */
.space #content-panel { margin-bottom: 100px; left:0px; width:865px; height:557px; }
.space .left-col h4 { border-bottom: 1px solid #E70BAE; padding-bottom: 3px; margin-bottom: 0; }

#views-nav { position: absolute; right:0; top: 148px;}
#views-nav { text-align: right; width:80px; }
#views-nav div { margin-bottom: 23px; }
#views-nav a { font-size: 10px; font-weight: bold; color: #000; text-decoration: none; }
#views-nav h5 { color:#E70BAE; font-size:10px; border-bottom: 1px dotted black;
	background: url(../img/icon-view.jpg) center right no-repeat; padding-right: 25px;
	padding-bottom: 2px;
	margin-bottom: 6px;
}

.space .panel-1 { margin-top: 115px; }
.space .panel-nav { margin-top: 24px; }

.space #legend { margin-bottom: 0; }
.space #flash_building_wrapper { margin-top:40px; }

.space .panel-2 h4, .space .panel-3 h4 { padding-top: 50px; margin-top: 0; }
#floorDisplay { position: relative; margin: 0; padding: 0; }
#download-overlay { position: absolute; top:3px; right:6px; background-color: #2D3C42; height: 20px; }
#download-overlay a { color:#fff; font-family: Arial; font-size: 10px; font-weight: bold; text-decoration: none; padding: 4px 10px; }
#download-overlay a:hover { color: #C8D036; }
.space #content-panel .panel-2 img, .space #content-panel .panel-3 img { margin:5px 0; }

.floor-view { display:none; position: relative; }
.floor-view .next { position: absolute; top: 220px; right: 30px; z-index: 100; }
.floor-view .prev { position: absolute; top: 220px; left: 30px; z-index: 100; }

/* NEIGHBORHOOD MAP */
#content-panel #map-container { width: 832px; background: #fff; margin-left: -467px; overflow: visible; padding: 14px 0 14px 20px; }
#content-panel #map-guides { }

#content-panel #map-container .map-guide { width:170px; padding-bottom: 20px; padding-right:36px; float:left }
#content-panel #map-container .map-guide h4 { color: #fff; padding: 2px 6px; margin:8px 0; }




/* SUPER IMAGE BG */
#overlay {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #fff;
	padding: 10px;
	background: #000;
	width: 255px;
	border-top: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;	
	z-index:1;
}

fieldset { text-align: left; margin-bottom: 10px; padding: 10px; border:solid 1px #333; }
fieldset * { text-align: left; }
legend { color: #fc0; cursor: pointer; display: block; }

#control { text-align: center; }
#control a { font-weight: bold; padding: 5px;}

#thumbs, #thumbs1, #thumbs2 { text-align: center; }
#thumbs a, #thumbs1 a, #thumbs2 a { display: block; line-height: 22px; float: left; width: 22px;  height: 22px;}

#transition { width:100%;}

#showtitle {
	z-index: 3; position: absolute; bottom: 20px; right: 20px; background: #000; display: none; color: #fff; padding: 10px; width: 275px;
	border-top: solid 1px #d4d4d4; border-left: solid 1px #d4d4d4; border-right: solid 1px #666; border-bottom: solid 1px #666;	
}

a.activeslide { background:red; }

#superbgimage { display: none; background: #fff url('../ui-img/superbgloading.gif') center center no-repeat; }
#superbgimage img { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }