/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; outline: 0; }

a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =============================================================================
   IE6 Png transparency fix
   ========================================================================== */

 /*
	img, div, a { behavior: url('../js/iepngfix.htc') }
*/


/* ==|== primary styles =====================================================
   Author: I Shot Him
   ========================================================================== */



/* ==|=======================================================================
	Splash Page and loading screen
   ========================================================================== */

a.accessible-text{
	position:absolute;
	height:0;
	width:0;
	overflow:hidden;
}

#header-image{
	position: absolute;
	z-index: 100;
	background: url("../img/header.png") no-repeat;
	width: 1024px;
	height: 617px;
	margin: 0 auto;
	left: 50%;
	margin-left: -512px;
}

.header-shadow{
	position:absolute;
	top:0px;
	height:170px;
	width:0px;
	z-index:99;
	-webkit-box-shadow: 0px 0px 62px 17px rgba(0, 0, 0, 1);
	 		box-shadow: 0px 0px 62px 17px rgba(0, 0, 0, 1);
}

.header-shadow.shadow-left{
	left: -14px;
	top: 0px;
}

.header-shadow.shadow-right{
	right:-9px;
	top:0px;
}

#loading-button-container{
	position: absolute;
	height: 169px;
	width: 300px;
	margin-left: -150px;
	z-index: 1001;
	bottom: 10px;
	left: 853px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	overflow:visible;
}

.ny-loaded #loading-button-container{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.begin-shadow{
	-webkit-box-shadow: 0px 0px 122px 17px #F5DD4B;
	box-shadow: 0px 0px 122px 17px #F5DD4B;
	height: 100px;
	width: 100px;
	margin-top: 64px;
	position: absolute;
	top: -33px;
	left: 35px;
	z-index: -1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#loading-button-container:hover .begin-shadow{

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#loading-button-container .question-button{
	margin-bottom:0px;
}

#loading-screen {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	color:white;
	background-color: #222;
}

#intro-text, #splash-text{
	position:absolute;
	width:300px;
	margin-left:-150px;
	top:200px;
	left:50%;
	z-index:100;
	background:#222;
	padding:30px;
}

#loading-animation{
	background: url('../img/loader.gif') no-repeat center center;
	position: absolute;
	bottom: 17px;
	width: 154px;
	height: 154px;
	z-index: 1000;
	left: 710px;
}

#splash-loading{
	display:inline-block;
}

.ny-loaded #splash-loading{
	display:none;
}

#splash-link{
	background: url("../img/begin.png") no-repeat;
	width: 168px;
	height: 164px!important;
	display: none;
	overflow:visible;
	text-align: center;
	color: black;
	padding-top: 29px;
	font-size: 19px;
	font-weight: 400;
	line-height: 22px;
}

.ny-loaded #splash-link{
	display:block;
}

.tester-image{
	position: relative;
	width: 24.7%;
	height: 300px;
	z-index:99;
	display:inline-block;
}

/* ==|== General Styles =====================================================
   
   ========================================================================== */

html{
	background-color:black;
}

body{
	text-rendering: optimizeLegibility!important;
	-webkit-font-smoothing: antialiased!important;
	font-family: "jubilat",sans-serif;
	font-style: normal;
	font-weight: 600;
	position:absolute;
	height:100%;
	width:100%;
	overflow: hidden;
}

.rain-container{
	background:url('../img/raindrops-fast5-bg.gif');
	position:fixed;
	height:100%;
	width:100%;
	z-index:-2000;
}

html.lt-ie9 .rain-container{
	background:url('../img/sky.jpg')!important;
}

.mobile-device .rain-container{
	background:url('');
	height:0;
	width:0px;
	position:absolute;
	z-index:-2000;
	display:none;
}


body.mobile-device {
	overflow:hidden;
}

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

a#refresh-browser-link{
	cursor:pointer;
	color:white;
}

a#refresh-browser-link:hover{
	color:#e3c920;
}

.jspVerticalBar {
	width: 10px;
	background: transparent;
	top: 30px;
	right: 0;
	height: 500px;
}

.jspTrack {
	background: transparent;
}

.jspDrag {
	background:rgb(255,255,255);
	background:rgba(255,255,255,.5);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#site-wrap{
	position:relative;
	height:100%;
	width:100%;
}

.mobile-device #site-wrap{
	width:1024px;
	margin:0 auto;
}

#sky{
	color:white;
	width:100%;
}

.mobile-device #sky{
	width:1024px;
	margin:0 auto;
}

.lightning-bolt{
	position: absolute;
	height: 787px;
	width: 225px;
	bottom: -440px;
	z-index: -1;
	display:none;
}

.lightning-bolt.bolt-1{
/*	background:url('../img/items-color-sprite.png') no-repeat;*/
	left: -36px;
}

.lightning-bolt.bolt-2{
/*	background:url('../img/items-color-sprite.png') no-repeat;*/
	right:-12px;
}

#floor9{
	margin-bottom:0px;
	width:100%;
	position:relative;
}

#disclaimer{
	font-weight:400;
	font-size: 14px;
	color:#999;
	position:fixed;
	bottom:30px;
	width:600px;
	text-align:center;
	z-index:2000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	left: 50%;
	margin-left: -300px;

    -webkit-transition: opacity .5s ease-out; 
       -moz-transition: opacity .5s ease-out; 
         -o-transition: opacity .5s ease-out; 
            transition: opacity .5s ease-out; 
}

.current-floor #disclaimer{

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.bottom-clouds{
	background: url('../img/clouds.png');
	height: 194px;
	width: 100%;
	position: absolute;
	top: 0px;
	min-width: 1024px;
	z-index: 1;
}

#weather-vane{
	width:87px;
	height:272px;
/*	background:url('../img/items-color-sprite.png');*/
	position:absolute;
	bottom:0px;
	left:40px;
	z-index: -10;
}

#flag-pole{
	width:113px;
	height:316px;
/*	background:url('../img/items-color-sprite.png');*/
	position:absolute;
	bottom:0px;
	right:0px;
	z-index: -10;
}

#begin-link {
	display:none;
}

#bottom-spacer, #water-spacer{
	width:100%;
	position:relative;
}

#bottom-spacer{
	background:url('../img/road-pattern.png');
	z-index:-1000;
	height:400px;
}

#water-spacer{
	background: url('../img/water-lines-pattern.png') rgba(0, 0, 0, .8);
	z-index: 20;
	position:absolute;
	bottom:0px;
}

#water-behind{
	background: url('../img/water-lines-pattern.png') rgba(0, 0, 0, .8);
	z-index: -999;
	position:absolute;
	bottom:35px;
	height:285px;
	width:100%;
}

#water-cover{
	background: url('../img/water-lines-pattern.png') rgba(0, 0, 0, .8);
	position: absolute;
	top: -35px;
	height: 635px;
	width: 100%;
	padding-bottom: 64px;
}

/* =============================================================================
   Building Floor Styles
   ========================================================================== */

.beingHovered{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#building-navigation{
	position: fixed;
	width: 100%;
	height: 0;
	z-index: 9999;
	overflow: visible;
	color: #87869E;
}

.nav-floor-display{
	height: 31px;
	position: relative;
	width: 31px;
	margin-bottom: 8px;	
}

.floor-name-container {
	position:absolute;
	overflow:hidden;
	height:31px;
	width:0px;
	top:0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;

    -webkit-transition: opacity 1s ease-out; 
       -moz-transition: opacity 1s ease-out; 
         -o-transition: opacity 1s ease-out; 
            transition: opacity 1s ease-out; 
	
}

.beingHovered .floor-name-container {
	width: 223px;
	left:-215px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	
}

#nav-container .hover-text, .share-icon .hover-text {

	position: absolute;
	text-align: right;
	height:31px;
	width:210px;
	right:-210px;
	top:6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	font-size:0.9em;
	color: #d3c5c0;
	text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
	-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
	        -ms-transition: all .5s ease-in-out;
	        -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;

}

#nav-container .beingHovered .hover-text, .share-icon.beingHovered .hover-text{

	height:31px;
	top: 6px;
	right:20px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;

}

a.floor_nav{
	height: 31px;
	width: 31px;
	display: inline-block;
	font-size: 27px;
	text-decoration: none;
	line-height: 32px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-family: "jubilat",sans-serif;
	font-style: italic;
	font-weight: 600;
}

.icon-nav a.floor_nav{
	margin-left:0px;
}

a.floor_nav sub {
	font-size:10px;
	bottom: 0px;
}

.beingHovered a.floor_nav, .current-nav a.floor_nav{
	color:#87869E;
}

.nav-number{
	padding-left:4px;
}

.nav-text-container{
	position: absolute;
	top: 0px;
	right:100%;
	font-size: 22px;
	height: 30px;
	padding-top: 1px;
	z-index: -10;
	margin-right: -24px;
	font-family: "jubilat",sans-serif;
	font-style: italic;
	font-weight: 600;
}

#share-icons{
	margin-top: 25px;
}

.share-icon{
	height:31px;
	width:31px;
	position:relative;
}

a.twitter-icon {
/*	background:url('../img/items-color-sprite.png');*/
	height:31px;
	width:31px;
	display:inline-block;
}

a.facebook-icon {
/*	background:url('../img/items-color-sprite.png');*/
	height:31px;
	width:31px;
	margin-bottom:10px;
	display:inline-block;
}

a.email-icon {
	background:url('../img/email-icon.png');
	height:24px;
	width:24px;
	margin-left: 8px;
	margin-bottom:10px;
	display:inline-block;
}

.nav-text-outline{
	position: relative;
	width: 0px;
	overflow: hidden;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	
	
}

.beingHovered .nav-text-outline{
	width: 180px;
	
}

.nav-text-inner{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	padding: 2px 0 2px 10px;
	color: #87869E;
	border: 2px solid #5D5D5D;
	border-right: 0px;
	width: 300px;
	background:black;
	margin-right: 10px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}

.beingHovered .nav-text-inner{
	border-left: 2px solid #5D5D5D;

}

#nav-container {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position:relative;
	width:1024px;
	margin:0 auto ;
}

#nav-container:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#nav-inner{
	position:absolute;
	right:0px;
	top:20px;
	width:31px;
}

#active-level-circle{
	height: 31px;
	width: 31px;
	position: absolute;
	background-color: #282828;
	-webkit-border-radius: 16px;
	    	border-radius: 16px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#building-navigation.floor9, #building-navigation.floor8 {
	display:none;
}

.floor9 #active-level-circle{
	top:0px;
	
}

.floor8 #active-level-circle{
	top:0px;
}

.floor7 #active-level-circle{
	top: 39px;
}

.floor6 #active-level-circle{
	top: 77px;
}

.floor5 #active-level-circle{
	top: 116px;
}

.floor4 #active-level-circle{
	top: 156px;
}

.floor3 #active-level-circle{
	top: 195px;
}

.floor2 #active-level-circle{
	top: 234px;
}

.floor1 #active-level-circle{
	top: 273px;
}

.floor0 #active-level-circle{
	top: 312px;
}

.menu-horizontal-line {
	margin-top: 3px;
	height: 25px;
	border-left: 1px dotted #282828;
	margin-bottom: 3px;
	width: 1px;
	margin-left: 12px;
}

a.menu-button{
	display: inline-block;
	width: 279px;
	height: 45px;
	margin: 0 6px 12px;
	-webkit-border-radius: 9px;
	    border-radius: 9px;
	position:relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 	.2s ease-in-out;
    -ms-transition: all 	.2s ease-in-out;
    -o-transition: all 		.2s ease-in-out;
	transition: all 		.2s ease-in-out;
}

a.menu-button.odd:hover {
	left:-15px;
}

a.menu-button.even:hover {
	right:-15px;
}

a.menu-button .background-icon{
	position: absolute;
	top: 6px;
	left: 8px;
}

a.menu-button .floor-menu-text{
	position: absolute;
	top: 11px;
	left: 43px;
	margin-left: 6px;
}

#floor-menu{
	text-align:left;
}

.floor-menu-button{
	font-size: 18px;
	font-weight: 400;
	color: black;
	position:relative;
}

.floor-menu-button p {

}

#building{
position:relative;	
}

.building-top{

	height:114px;
	width:960px;
	margin:0 auto;
	overflow:visible;
}

.building-top-inner{
/*	background:url('../img/items-color-sprite.png');*/
	height:116px;
	width: 1024px;
	margin-left: -32px;
	margin-right: -32px;
}


.section-overview-container{
	position: absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	z-index:0;
	color:white;
	font-weight:400;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all 	.7s ease-in-out;
    -ms-transition: all 	.7s ease-in-out;
    -o-transition: all 		.7s ease-in-out;
	transition: all 		.7s ease-in-out;
}


.section-overview-container .question-icon{
	top: 3px;
	z-index: 100000;
}

.section-overview-container .question-title{
	margin: 0 10px;
}


.section-overview-close{
	position: absolute;
	top: 49px;
	right: 36px;
	cursor: pointer;
	z-index: 100002;
}

.section-overview-inner{
	z-index:10002;
	overflow: auto;
	color:white;
	border-style:solid;
	-moz-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	border-width: 9px;
	-webkit-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	-o-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	border-width:9px;
	position: relative;
	margin:31px 10px;
	height:536px;
}



.no-borderimage .section-overview-inner{
	border-width: 9px;
	border:1px solid ;
	padding-left:8px;
}


.no-borderimage a.menu-button {
	width:286px; 
}


.overview-wrapper{
	position:relative;
}



.overview-intro-text{
	padding: 20px 20px 28px 20px;
	font-size: 24px;
	text-align: center;
	font-weight: 300;
}

.overview-border-container{
	margin:0 10px;
	position:relative;
}

.overview-copy{
	padding: 33px 0 50px 20px;
	display: inline-block;
	font-size: 18px;
}




.overview-copy h2{
	font-size: 19px;
	-webkit-margin-before: 21px;
	font-weight: 400;
	-webkit-margin-after: 8px;
}

.overview-copy .first-column h2:first-of-type, .overview-copy .second-column h2:first-of-type {
-webkit-margin-before: 0px;
}

.overview-copy .text-block, .overview-copy ul{
margin-bottom: 14px;
}

.overview-copy ul{
	-webkit-padding-start: 20px;
	margin-top: 10px;
	font-size:12px;
}

.overview-copy ul li{
	padding-bottom: 9px;
	line-height: 12px;
}


.overview-copy a{
	color:#6f6f6f;
}

.overview-copy a:hover{
	color:#fff;
}

#floor7 .overview-copy a {
color: #ca5d2d;
}

#floor6 .overview-copy a {
color: #51acbc;
}

#floor5 .overview-copy a {
color: #849d2d;
}

#floor4 .overview-copy a {
color: #c51f5c;
}

#floor3 .overview-copy a {
color: #9e5da5;
}

#floor2 .overview-copy a {
color: #e0922f;
}

#floor7 .overview-copy a:hover, #floor6 .overview-copy a:hover, #floor5 .overview-copy a:hover, #floor4 .overview-copy a:hover, #floor3 .overview-copy a:hover, #floor2 .overview-copy a:hover{
	color:#fff;
}


.first-column, .second-column{
	width:420px;
	display:inline-block;
	font-weight:300;
}

.first-column{
	padding-right: 20px;
	border-right: 1px dotted #6F6F6F;
	line-height: 29px;
	position: relative;
}

.second-column{
	position: absolute;
	left: 481px;
	top: 35px;
}

.bottom-gradient{
	width: 921px;
	height: 48px;
	position: absolute;
	bottom: 24px;
	background: url('../img/trans-to-black-gradient.png');
	z-index: 100000;
	left: 21px;
}

.no-borderimage .bottom-gradient{
	bottom:32px;
}

.section-overview-background{
	position: absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background: rgb(0,0,0);
	z-index:10001;
	-webkit-border-radius: 16px;

	    border-radius: 16px;
}

.show-overview{
	z-index:9998;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
	/* Netscape */
	-moz-opacity: 1.0;
	/* Safari 1.x */
	-khtml-opacity: 1.0;
	/* Good browsers */
	opacity: 1.0;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all 	.7s ease-in-out;
    -ms-transition: all 	.7s ease-in-out;
    -o-transition: all 		.7s ease-in-out;
	transition: all 		.7s ease-in-out;
}

#ie .section-overview-container { 
  visibility : hidden; 
}

#ie .show-overview,
#ie6 .show-overview{ 
  visibility : visible; 
}

.floor-container{
	width:960px;
	margin:0 auto;
	height:600px;
	position:relative;
}

.question-container, .floorComplete.current-floor .question-container{
	position: absolute;
	top: 100px;
	left: 152px;
	width: 635px;
	background: rgb(0,0,0);
	display:block;
	-webkit-transition: opacity  .5s ease-out;
	-moz-transition: opacity  .5s ease-out;
	-ms-transition: opacity  .5s ease-out;
	-o-transition: opacity  .5s ease-out;
	transition: opacity  .5s ease-out;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	height: auto;
	color: white;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 11px;
    border-radius: 11px;
	z-index:1000;
	-webkit-box-shadow:  -10px 10px 8px 0px rgba(0, 0, 0, .3);
	        box-shadow:  -10px 10px 8px 0px rgba(0, 0, 0, .3);
	
	
}

#sky-2 .question-container{
	top:70px;
}

.current-floor .question-container{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	height: auto; 

}

.question-icon{
	height: 56px;
	width: 56px;
	position: absolute;
	left: 50%;
	margin-left: -28px;
	top: -36px;
}

.question-border, .item-text-border{
	border-style:solid;
	-moz-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	-webkit-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	-o-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	position:relative;
	padding: 0 15px;
	border-width:9px;
}

.no-borderimage .item-text-border, .no-borderimage .question-border{
	border-width: 1px;
	border:1px solid ;
}

.question-title{
	font-weight: 600;
	text-transform: uppercase;
	color: #6F6F6F;
	padding-top: 36px;
	position:relative;
	text-align: center;
}

.background-border{
	position: absolute;
	width: 100%;
	z-index:50;
}

.question-title .background-border{
	margin-top:8px;
}

.question-title-text{
	display: inline-block;
	padding: 0 15px;
	background: black;
	position: relative;
	z-index: 1000;
}

.left-border-dot{
	position:absolute;
	left:0px;
/*	background:url('../img/items-color-sprite.png');*/
	width:5px;
	height:5px;
	z-index:100;
}

.right-border-dot{
	position:absolute;
	right:0px;
	background:url('../img/items-color-sprite.png');
	width:5px;
	height:5px;
		z-index:100;	
}

.bottom-border{
	position:absolute;
	width: 100%;
	border-bottom: 1px solid #6f6f6f;
	top:2px;
		z-index:90;
}
.question-button, .item-text-button{
	text-align: center;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.item-text-button{
	margin-bottom:5px;
}

.no-borderimage .item-text-button{
	margin-bottom:10px;
}

.item-text-button .background-border{
	top:8px;
}

.question-button .background-border{
	top: 11px;
}

.question-button a, .item-text-button a{
	padding: 0px 14px;
	border-style:solid;
	
	-moz-border-image: url("../img/button-border-fill.png") 6 repeat repeat;
	-webkit-border-image: url("../img/button-border-fill.png") 6 repeat repeat;
	-o-border-image: url("../img/button-border-fill.png") 6 repeat repeat;
	border-image: url("../img/button-border-fill.png") 6 repeat repeat;
	text-decoration: none;
	color: white;
	text-transform:uppercase;
	font-weight: 300;
	font-size: 20px;
	border-image-outset: 0px;
	background: black;
	z-index: 100;
	position: relative;
	border-width: 6px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.item-text-button a{
	font-size: 15px;
	padding: 2px 14px;
}


.no-borderimage .question-button a, .no-borderimage .item-text-button a {
	border:1px solid;
}




.question-text{
	padding: 18px 0px 36px 0px;
	font-size: 36px;
	font-weight: 400;
	line-height: 43px;

}

#refresh-page{
font-size: 18px;
color: white;
line-height: 2.2;
position: relative;
top: 10px;
}

#sky-2 .question-text{
	padding: 18px 0px 18px 0px;
	border-bottom: 1px dotted #6F6F6F;
}

.question-text-lower{
	margin: 20px 0 30px 0;
		font-weight: 300;
		color:#6f6f6f;
}

.floor-facade{
	background:url('../img/brickfacade_bw.jpg');
	height:100%;
	width:100%;
	position:absolute;
	z-index:1001;
}

.bodega-facade{
	height:100%;
	width:100%;
	position:absolute;
	z-index:10;
}

.floor-click-cover{
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 9;

}

.behind-question-background {
	background:url('../img/floor-click-cover.png');
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 999;
	cursor:pointer;
}

.floor-entered .behind-question-background {
	
}

.floor-brick-border{
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 960;
	display:none;
}



.floorComplete .floor-brick-border{
	display:block;
	
}


.floor-background{
	background:url('../img/room-wall.jpg');
	height:100%;
	width:100%;
	position:absolute;
	z-index:5;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-ms-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
}

#people-container{
	background: url('../img/floor1/residents-background.png');
	height: 418px;
	width: 950px;
	position: absolute;
	bottom: -25px;
	left: 5px;
}

.residents-image{
	position:absolute;
	display:none;
	background-repeat:no-repeat;
}


.floor7Complete .floor7-people, .floor7 a.resident-scrollTo {
	display: block;
	left: 342px;
	background: url('../img/floor1/1_bodega_louie.png') no-repeat;
	height: 391px;
	width: 192px;
	bottom: -24px;
}


.floor-not-complete-bubble .speech-bubble{
	position:absolute;
	width:200px;
}

.floor7 .speech-bubble, .floor7 .speech-bubble-not-complete{
	bottom: 380px;
	left: 290px;
}

.floor7 .speech-bubble-stem {
	left:30px;
}

.floor6Complete .floor6-people, .floor6 a.resident-scrollTo {
	display: block;
	bottom: -16px;
	left: 0px;
	background: url('../img/floor1/1_bodega_contact.png') no-repeat;
	height: 351px;
	width: 250px;
}

.floor6 .speech-bubble, .floor6 .speech-bubble-not-complete{
	bottom: 360px;
	left: -20px;
}

.floor6 .speech-bubble-stem {
	left:30px;
}

.floor5Complete .floor5-people, .floor5 a.resident-scrollTo {
	display: block;
	left: 489px;
	background: url('../img/floor1/1_bodega_gobaglady.png') no-repeat;
	height: 412px;
	width: 229px;
	bottom: -17px;
}

.floor5 .speech-bubble, .floor5 .speech-bubble-not-complete{
	bottom: 390px;
	left: 410px;
}

.floor5 .speech-bubble-stem {
	left:70px;
}

.floor4Complete .floor4-people, .floor4 a.resident-scrollTo {
	display: block;
	bottom: -22px;
	left: 675px;
	background: url('../img/floor1/1_bodega_family.png') no-repeat;
	height: 380px;
	width: 280px;
}

.floor4 .speech-bubble, .floor4 .speech-bubble-not-complete{
	bottom: 380px;
	left: 650px;
}

.floor4 .speech-bubble-stem {
	left:30px;
}

.floor3Complete .floor3-people, .floor3 a.resident-scrollTo  {
	display: block;
	bottom: -19px;
	left: 486px;
	background: url('../img/floor1/1_bodega_pets.png') no-repeat;
	height: 103px;
	width: 232px;
}


.floor3 .speech-bubble, .floor3 .speech-bubble-not-complete{
	bottom: 110px;
	left: 390px;
}

.floor3 .speech-bubble-stem {
	left:50px;
}

.floor2Complete .floor2-people, .floor2 a.resident-scrollTo {
	display: block;
	bottom: -25px;
	left: 177px;
	background: url('../img/floor1/1_bodega_specialneeds.png') no-repeat;
	height: 297px;
	width: 247px;
}

.floor2 .speech-bubble, .floor2 .speech-bubble-not-complete{
	bottom: 290px;
	left: 122px;
}

.floor2 .speech-bubble-stem {
	left:50px;
}



.floor-separator{
	background:url('../img/buildingdivider.jpg');
	height:20px;
	width:960px;
	margin:0 auto;
}

.floor-help-tab-container{
	width: 32px;
	height: 208px;
	position:absolute;
	left:-32px;
	bottom:10px;
	z-index:1000;
	overflow:visible;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


.current-floor.floor-entered .floor-help-tab-container, .current-floor.previously-entered .floor-help-tab-container{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.floor-help-tab{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position:absolute;
	bottom:0px;
	width: 32px;
	height:129px!important;
	-webkit-border-radius: 11px 0px 0px 11px;
	border-radius: 11px 0px 0px 11px;
	z-index:-1;
	overflow: hidden;
	background-color:transparent;
}

#building .floor-container .floor-help-tab-container.beingHovered .floor-help-tab{
	background-color:white!important;
}

.num-complete-tab{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position:absolute;
	bottom: 136px;
	width: 32px;
	height:35px;
	-webkit-border-radius: 11px 0px 0px 11px;
	border-radius: 11px 0px 0px 11px;
	z-index:-1;
	overflow: hidden;
}

.num-shadow{
	position: absolute;
	right: 0;
	top: 0;
	
}

.num-complete-tab-inner{
	position:relative;
	height:100%;
	width:100%;
	background-position: -744px -165px!important;
	overflow:hidden;
}

.complete-number, .total-items-on-floor, .complete-tab-slash{
	position:absolute;
	font-size:13px;
}
.complete-number{
	top: 4px;
	left: 7px;
}

.total-items-on-floor{
	bottom: 3px;
	right: 5px;
}

.complete-tab-slash{
	bottom: -3px;
	right: 10px;
	font-size: 30px;
	font-weight: 100;
}

.more-info-text{

/*	background: url('../img/more-info-text.png');*/
	width: 18px;
	height: 83px;
	position: absolute;
	left: 7px;
	top: 19px;
}

.more-info-icon{
/*	background: url('../img/more-info-icon.png');*/
	width: 21px;
	height: 12px;
	position: absolute;
	bottom: 11px;
	left: 6px;
	z-index: 10;
}

.icon-background{
	height: 35px;
	width: 32px;
	position: absolute;
	bottom: 0px;
	-webkit-border-radius: 11px 0px 0px 11px;
	border-radius: 11px 0px 0px 11px;
	z-index: 9;
}

.more-info-background{
/*	background: url('../img/more-info-side-texture.png');*/
	width: 32px;
	height: 153px;
	position: absolute;
	bottom: -1px;
	right: 0px;
	z-index: 11;
}



.display-none{
	display:none;
}

.interactive-item, .speech-item{

	position: absolute;
}
	
.speech-text, .item-info-active .speech-text, .resident-container .speech-bubble, .resident-container .speech-bubble-not-complete, .floor-not-entered .speech-text {
	display:none;
	position: absolute;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.5);
	color: #D1C4BF;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	min-width: 300px;
	padding: 15px;
	text-align: center;
	-webkit-border-radius: 21px;
	border-radius: 21px;
	z-index: 10;
	max-width: 330px;
}

.floor-entered .speech-text, .previously-entered .speech-text, .resident-container .speech-bubble-not-complete {
	display:block;
}




.current-floor.floor-entered .speech-text{
	display:block;
}

.speech-inner-container, .speech-bubble-container{
	position:relative;
	height:100%;
	width:100%;
}

.speech-bubble-container .speech-upper{
	border-bottom:1px dotted #6f6f6f;
	padding-bottom: 11px;
}


.resident-container .speech-bubble, .resident-container .speech-bubble-not-complete {
	font-size: 18px;
	font-weight: 400;	
}



.resident-container.beingHovered .speech-bubble, .resident-container.notCompleteHovered .speech-bubble-not-complete{
	display:block;
}

a.resident-scrollTo{
	display: block;
	position: absolute;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


a.resident-scrollTo:hover{
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


.floor7Complete .floor7 a.resident-scrollTo, .floor6Complete .floor6 a.resident-scrollTo, .floor5Complete .floor5 a.resident-scrollTo, .floor4Complete .floor4 a.resident-scrollTo, .floor3Complete .floor3 a.resident-scrollTo, .floor2Complete .floor2 a.resident-scrollTo {
	display:none;
}

.beingHovered .speech-text, .resident-container.beingHovered .speech-bubble, .resident-container.notCompleteHovered .speech-bubble-not-complete{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.speech-bubble-not-complete{
	width:300px;
	pointer-events:none;
}



.floor-not-complete-bubble.beingHovered .speech-bubble{
	display:block;
}





.speech-button {
	position: absolute;
	cursor:pointer;
	z-index:100;
}

.speech-upper{
	font-size: 23px;
	line-height: 27px;
	margin-bottom: 10px;

}

.speech-lower{
	border-top: 1px dotted;
	padding-top: 10px;
	font-size: 18px;
	font-weight: 400;
}



.speech-bubble-stem{
	position:absolute;
	background: url('../img/speech-bubble-stem.png');
	height:64px;
	width:54px;
	bottom:-79px;
}


.item-button{
	position:absolute;
	background:transparent;
	

/*	background:rgba(0,0,0,.3);
*/
	z-index:900!important;
}


.item-hover-container{
	position: absolute;
	height: 84px;
	overflow: hidden;
	font-weight: 400;
	width: 0px;
	z-index:10;
}


.item-hover-text{
	color: white;
	position: absolute;
	bottom: -100%;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.5);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	padding: 4px 5px;
	text-transform: lowercase;
	line-height: 1em;
	text-align:center;

}


.item-color-image{
	position: absolute;
	z-index:5;
}

.item-hover-glow{
	position: absolute;
	z-index:4;
	background-color:transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.beingHovered .item-hover-glow, .item-info-on-display .item-hover-glow{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.has-been-clicked .item-color-image {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.reEntered .has-been-clicked.beingHovered .item-color-image, .reEntered .has-been-clicked.item-info-on-display .item-color-image{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.reEntered .has-been-clicked .item-color-image {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}


.item-info-active .item-color-image, .floor-not-entered .item-color-image {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.item-info-active .speech-item{
	display:none!important;
}

.beingHovered .item-color-image {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.item-info-on-display .item-color-image {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}



.text-on-right{
	left: 0px;
}

.text-on-left{
	right:0px;
}

.hover-border{
	border-style:solid;
	
	-moz-border-image: url("../img/hover-border.png") 9 9 9 9 repeat repeat;
	-webkit-border-image: url("../img/hover-border.png") 9 9 9 9 repeat repeat;
	-o-border-image: url("../img/hover-border.png") 9 9 9 9 repeat repeat;
	border-image: url("../img/hover-border.png") 9 9 9 9 repeat repeat;
	padding: 0px 7px;
	border-width: 9px;
}


.no-borderimage .hover-border{
	border:1px solid;
	padding:5px;
}

.beingHovered .item-hover-text {
	bottom:0%;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;

}

.beingHovered .item-hover-container {

	width: 310px;
}

.item-info{
	display: inline-block;
	width: 100%;
	height:100%;

}

.item-text-border{
	padding: 0 20px;
}

.item-title-container{
	font-weight: 600;
	text-transform: uppercase;
	color: #6F6F6F;
	padding-bottom: 5px;
	position: relative;
	text-align: center;
}

.item-title-container .background-border{
	top:8px;
	z-index: 0;
	
}

.item-text{
	position: absolute;
	width: 505px;
	top: 50px;
	left: 227px;
	background: black;
	color: white;
	padding: 10px;
	font-weight: 400;
	text-align: center;
	z-index: 1001;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-shadow:  -10px 10px 8px 0px rgba(0, 0, 0, .3);
	        box-shadow:  -10px 10px 8px 0px rgba(0, 0, 0, .3);
}


.item-title{
	text-transform: uppercase;
	color: #6F6F6F;
	background: black;
	z-index: 10;
	position: relative;
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 600;
}

.item-header-text {
	color: #87869E;
	font-weight: 400;
	font-size: 36px;
	padding: 10px 0 0 0;
	margin-bottom: 25px;
	line-height: 40px;
}

.item-text-inner{
	padding: 25px 0 32px 0;
	font-size: 18px;
	line-height: 28px;
	border-top: 1px dotted #6F6F6F;
	font-weight: 300;
}

.mellow{
	/*color:#929497;*/
	color:#fff;
}

.item-text.active-item{
	display:block;
}


.success-message {
	position: absolute;
	width: 620px;
	top: 100px;
	left: 50%;
	color: white;
	padding: 10px;
	margin-left: -320px;
	z-index: 1000;
	text-align: center;
	background: black;
	font-weight: 400;
	-webkit-transition: opacity  .5s ease-out;
	-moz-transition: opacity  .5s ease-out;
	-ms-transition: opacity  .5s ease-out;
	-o-transition: opacity  .5s ease-out;
	transition: opacity  .5s ease-out;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-box-shadow:  -10px 10px 8px 0px rgba(0, 0, 0, .3);
	        box-shadow:  -10px 10px 8px 0px rgba(0, 0, 0, .3);
}

.current-floor .success-message {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.hideSuccess .success-message{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display:none!important;
}

.hideSuccess .question-container{
	display:none!important;
}

.success-message .question-text{
	font-weight: 400;
	font-size: 42px;
	padding: 15px 0 26px 0;
	border-bottom: 1px dotted #6F6F6F;
	line-height: 45px;
}

.success-message .question-text-lower{
	color: white;
	font-size: 22px;
	line-height: 28px;
	margin: 28px 0 34px 0;
}

.success-message a{
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	padding: 2px 14px;
}

.hide-success{
	display:none;
}

.hide-success.top-right-button {
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	color: white;
	z-index: 999;
	padding: 0;
}


#sidewalk-container-outer{
	width:100%;
	height:0px;
	position:relative;
	z-index:-999;
}

#sidewalk-container-inner{
	width: 100%;
	height:256px;
	position: absolute;
	bottom: -53px;
	background: url('../img/sidewalk-huge.png');
	background-position:center;
	z-index: -900;
}

#neighboring-building-container, #neighboring-sky-container{
	width:960px;
	height:0px;
	position:relative;
	margin:0 auto;
	z-index:-900;	
}

#neighboring-building{
	width: 960px;
	height: 4420px;
	position: absolute;
	left: -100%;
	bottom: 0px;
	background: url('../img/neighborbricks.jpg') 0px 64px;
	z-index: -900;
}

#neighboring-background-container{
	width: 100%;
	height: 0;
	position: relative;
	z-index:-1000;
}

#water-container, #water-container-2{
	width: 100%;
	height: 0;
	position: relative;
	z-index:-920;
}

#water-container-2{
	z-index:10;
}


#neighboring-background{
	width: 100%;
	height: 683px;
	position: absolute;
	left: 0px;
	bottom: -1px;
	background: url('../img/neighboring-background-new.png');
	z-index: -1000;
}

#neighboring-sky{
	width: 30px;
	height: 4436px;;
	position: absolute;
	right: -30px;
	bottom: 0px;
	z-index: -10;
}

#neighboring-building-inner{
	height:100%;
	width:100%;
	position:relative;
}

#neighboring-sky-inner{
	height:100%;
	width:30px;
}

#neighboring-building-top{
	width: 960px;
	height: 27px;
	position: absolute;
	left: 0%;
	top: -27px;
	background: url('../img/neighborroof.jpg');
	z-index: -10;
}

#neighboring-building-top-shadow{
	width: 960px;
	height: 7px;
	position: absolute;
	left: 0%;
	top: 0px;
	background:rgba(0,0,0,.3);
	z-index: -10;
}

.neighboring-building-shadow.left{
	width:46px;
	height:4595px;
	background: url('../img/texture-gradient-left.png');
	position:absolute;
	right:0px;
	bottom:0px;
	z-index: 0;
}

.neighboring-sky-shadow.right{
	width:46px;
	height:4436px;;
	background: url('../img/texture-gradient-right.png');
	position:absolute;
	left:0px;
	bottom:0px;
	z-index: 0;
}


.white{
	color:white;
	font-size:18px;
	line-height: 25px;
}

.special-text{
	font-style:italic;
}

.inview-detection{
	position:absolute;
	height:500px;
	width:10px;
	top:50px;
	left:50px;
}

/* ==|== Floor specific item position, size and color =======================
	Position and size the button hotspots and the hover pop ups for each item
   ========================================================================== */

/*
.beingHovered a.floor9, .current-nav a.floor9{
	border: 3px solid #fbf366;
}*/


.nav-floor-display.icon-nav {
height: 25px;

width: 25px;

}

.beingHovered a.floor9, .current-nav a.floor9{
	background: #fbf366;
}

#floor9 .question-container .question-text, #floor9 .question-button a:hover {
color: #fbf366;
}

#floor9 .question-title .background-border {
margin-top: 4px;
}

#floor9 .question-button .background-border {
top: 18px;
}


.no-borderimage #floor9 .question-button .background-border{
top:13px;
}

a.floor9{
	background:url('../img/items-color-sprite.png');
	width:25px;
	height:25px;
}

.beingHovered a.floor9, .current-nav a.floor9{
	background:url('../img/items-color-sprite.png');
}


/*
.beingHovered a.floor8, .current-nav a.floor8{
	border: 3px solid #8CE156;
}*/


.beingHovered a.floor8, .current-nav a.floor8{

}

#floor8 .question-container .question-text, #floor8 .question-button a:hover {
color: #8CE156;
}

#floor8 .question-container .question-text-lower{
	font-size:20px;
	color:white;
}


#floor9 .question-icon{
/*		background:url('../img/intro-icon.png');*/
}


#floor8 .question-icon{
/*		background:url('../img/intro-icon.png');*/
}



#situation-8{
	position: relative;
	padding-top: 63px;
	z-index:10;
}

#road-container{
	position:relative;
	height:0;
	width:100%;
	overflow:visible;
}

#road-behind{
	position:relative;
	top:0;
	width:100%;
	height:664px;
	background: url('../img/road-pattern.png');
	z-index:-1000;
}



/* =============================================================================
   Floor 7
   ========================================================================== */

#floor7 .floor-background{
	background:url('../img/floor7/floor7_background.jpg');
}

#floor7 .floor-brick-border{
	background: url('../img/floor7/floor7-color-overlay.png');
}


/*
.beingHovered a.floor7, .current-nav a.floor7{
	border: 3px solid #ca5d2d;
}*/


.beingHovered.floor7 .nav-text-inner{
	border: 2px solid #ca5d2d;
}

#floor7 .floor-help-tab, #floor7 .num-complete-tab, #floor7 .icon-background, #floor7 .item-hover-glow, a.menu-button.floor7{
	background-color:#ca5d2d!important;
}

#floor7 ::selection, #floor7 ::-moz-selection{
	background-color:#ca5d2d!important;
}

#floor7 .item-hover-glow{
	-webkit-box-shadow:  0px 0px 60px 15px #ca5d2d;
	        box-shadow:  0px 0px 60px 15px #ca5d2d;
}

#floor7 .question-text, #floor7 .success-message a:hover, #floor7 .question-container a:hover, #floor7 .item-text-button a:hover, #floor7 .overview-copy h2, #floor7 .overview-copy ul, #floor7 .special-text, #floor7 .floor-color, #floor7 .speech-upper, #floor7 .item-text-inner a, .floor7 .speech-bubble-container .speech-upper{
		color:#ca5d2d;
}
 #floor7 .item-text-inner a:hover {
color: #ffffff;
}

#floor7 .question-icon{
		background:url('../img/items-color-sprite.png');
}

#floor7 .speech-button {
	height: 250px;
	width: 200px;
	top: 200px;
	left: 646px;
}

#floor7 .speech-bubble-stem{

	left: 170px;
}

#floor7 .speech-text{
	top: 40px;
	left: 460px;
}

#floor7_item1 .item-button{
	height: 85px;
	width: 64px;
	top: 210px;
	left: 810px;
}

#floor7_item1 .item-hover-container{
	top: 201px;
	left: 520px;
}

#floor7_item1 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 224px;
	left: 825px;
}

#floor7_item1 .item-hover-glow{
	height: 42px;
	width: 20px;
	top: 233px;
	left: 833px;
}

#floor7_item2 .item-button{
	height: 120px;
	width: 165px;
	top: 355px;
	left: 250px;
}

#floor7_item2 .item-hover-container{
	top: 350px;
	left: -51px;
}

#floor7_item2 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 200px;
	left: 254px;
}

#floor7_item2 .item-hover-glow{
	height: 89px;
	width: 146px;
	top: 370px;
	left: 260px;
}

#floor7_item3 .item-button{
	height: 90px;
	width: 120px;
	top: 380px;
	left: 425px;
}

#floor7_item3 .item-hover-container{
	top: 362px;
	left: 533px;
}

#floor7_item3 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 392px;
	left: 423px;
}

#floor7_item3 .item-hover-glow{
	height: 60px;
	width: 90px;
	top: 395px;
	left: 440px;
}


a.menu-button .background-icon.sprite-7-menu-icon{
	left: 12px;
}



/* =============================================================================
   Floor 6
   ========================================================================== */

#floor6 .floor-background{
	background:url('../img/floor6/6_contactbkgrnd.jpg');
}

#floor6 .floor-brick-border{
	background: url('../img/floor6/floor6-color-overlay.png');
}

/*
.beingHovered a.floor6, .current-nav a.floor6{
	border: 3px solid #51acbc;
}*/


.beingHovered.floor6 .nav-text-inner{
	border: 2px solid #51acbc;
}

#floor6 .floor-help-tab, #floor6 .num-complete-tab, #floor6 .icon-background, #floor6 .item-hover-glow, a.menu-button.floor6{
	background-color:#51acbc;
}

#floor6 ::selection, #floor6 ::-moz-selection{
	background:#51acbc;
}

#floor6 .item-hover-glow{
	-webkit-box-shadow:  0px 0px 60px 15px #51acbc;
	        box-shadow:  0px 0px 60px 15px #51acbc;
}


#floor6 .question-text, #floor6 .success-message a:hover, #floor6 .question-container a:hover, #floor6 .item-text-button a:hover, #floor6 .overview-copy h2, #floor6 .overview-copy ul, #floor6 .special-text, #floor6 .floor-color, #floor6 .speech-upper, #floor6 .item-text-inner a, .floor6 .speech-bubble-container .speech-upper{
	color:#51acbc;
}

#floor6 .question-icon{
	background:url('../img/items-color-sprite.png');
}

#floor6 .speech-button {
	height: 320px;
	width: 175px;
	top: 255px;
	left: 676px;
}

#floor6 .speech-bubble-stem{

	left: 153px;
}

#floor6 .speech-text {
	top: 54px;
	left: 500px;
}

#floor6_item1 .item-button{
	height: 85px;
	width: 64px;
	top: 370px;
	left: 585px;
}

#floor6_item1 .item-hover-container{
	top: 345px;
	left: 291px;
}

#floor6_item1 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 389px;
	left: 601px;
}

#floor6_item1 .item-hover-glow{
	height: 36px;
	width: 21px;
	top: 391px;
	left: 605px;
}

#floor6_item2 .item-button{
	height: 90px;
	width: 100px;
	top: 200px;
	left: 240px;
}

#floor6_item2 .item-hover-container{
	top: 190px;
	left: 322px;
}

#floor6_item2 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 220px;
	left: 250px;
}

#floor6_item2 .item-hover-glow{
	height: 43px;
	width: 33px;
	top: 232px;
	left: 263px;
}

#floor6_item3 .item-button{
	height: 85px;
	width: 75px;
	top: 300px;
	left: 243px;
}

#floor6_item3 .item-hover-container{
	top: 269px;
	left: 303px;
}

#floor6_item3 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 313px;
	left: 250px;
}

#floor6_item3 .item-hover-glow{
	height: 25px;
	width: 25px;
	top: 332px;
	left: 267px;
	-webkit-box-shadow: 0px 0px 60px 25px #51acbc;
	box-shadow: 0px 0px 60px 25px #51acbc;
}


a.menu-button .background-icon.sprite-6-menu-icon{
	left: 12px;
}




/* =============================================================================
   Floor 5
   ========================================================================== */

#floor5 .floor-background{
	background:url('../img/floor5/floor5-background.jpg');
}

#floor5 .floor-brick-border{
	background: url('../img/floor5/floor5-color-overlay.png');
}

/*
.beingHovered a.floor5, .current-nav a.floor5{
	border: 3px solid #849d2d;
}*/


.beingHovered.floor5 .nav-text-inner{
	border: 2px solid #849d2d;
}

#floor5 .floor-help-tab, #floor5 .num-complete-tab, #floor5 .icon-background, #floor5 .item-hover-glow, a.menu-button.floor5{
	background-color:#849d2d;
}

#floor5 ::selection, #floor5 ::-moz-selection{
	background:#849d2d;
}

#floor5 .item-hover-glow{
	-webkit-box-shadow: 0px 0px 60px 15px #849D2D;
	        box-shadow: 0px 0px 60px 15px #849D2D;
}

#floor5_item2 .item-hover-glow.glow1{
	-webkit-box-shadow: 0px 0px 60px 30px #849D2D;
	        box-shadow: 0px 0px 60px 30px #849D2D;
}


#floor5 .question-text, #floor5 .success-message a:hover, #floor5 .question-container a:hover, #floor5 .item-text-button a:hover, #floor5 .overview-copy h2, #floor5 .overview-copy ul, #floor5 .special-text, #floor5 .floor-color, #floor5 .speech-upper, #floor5 .item-text-inner a, .floor5 .speech-bubble-container .speech-upper{
	color:#849d2d;
}

#floor5 .question-icon{
	background:url('../img/items-color-sprite.png');
}

#floor5 .speech-button {
	height: 400px;
	width: 170px;
	top: 150px;
	left: 686px;
}

#floor5 .speech-bubble-stem{
	left: 206px;
}

#floor5 .speech-text {
top: 55px;
left: 419px;
width: 316px;
max-width: 500px;
}

#floor5_item1 .item-button{
	height: 142px;
	width: 164px;
	top: 401px;
	left: 139px;
}

#floor5_item1 .item-hover-container{
	top: 449px;
	left: 293px;
}

#floor5_item1 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 409px;
	left: 146px;
}

#floor5_item1 .item-hover-glow.glow1{
	height: 49px;
	width: 74px;
	top: 484px;
	left: 220px;
}

#floor5_item1 .item-hover-glow.glow2{
	height: 69px;
	width: 9px;
	top: 465px;
	left: 203px;
}

#floor5_item1 .item-hover-glow.glow3{
	height: 43px;
	width: 74px;
	top: 411px;
	left: 221px;
}

#floor5_item1 .item-hover-glow.glow4{
	height: 43px;
	width: 50px;
	top: 412px;
	left: 149px;
}

#floor5_item1 .item-hover-glow.glow5{
	height: 70px;
	width: 45px;
	top: 464px;
	left: 149px;
}

.item-text .column-one, .item-text .column-two{
	width:300px;
	display:inline-block;
	text-align:left;
	vertical-align: top
}
.item-text .column-one{
margin-right:30px;
}

.item-text .column-one ul, .item-text .column-two ul{
	padding: 0 0 0 18px;
	font-size:12px;
	font-weight:300;
}

.item-text .column-one ul li, .item-text .column-two ul li{
	margin-bottom:5px;
	color:#849d2d;
}

#floor5_item1 .item-header-text, #floor5_item2 .item-header-text {
margin-bottom: 20px;

}

.item-text .white {
font-size: 15px;
line-height:20px;

}

.item-text .item-lower-text .special-text{
	text-align: center;
	margin-bottom: 19px;	
}

.item-text .item-lower-text .special-text .bottom-border{
	border-bottom:1px dotted;
}



#floor5_item1 .item-lower-text, #floor5_item2 .item-lower-text{
	text-align:left;
}

#floor5_item1 .item-text, #floor5_item2 .item-text{
	width:700px;
	left:120px;
}

#floor5_item1 .item-text{
	top:10px;
}

#floor5_item2 .item-button{
	height: 107px;
	width: 115px;
	top: 385px;
	left: 649px;
}

#floor5_item2 .item-hover-container{
	top: 227px;
	left: 300px;
}

#floor5_item2 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 393px;
	left: 653px;
}

#floor5_item2 .item-hover-glow.glow1{
	height: 51px;
	width: 72px;
	top: 413px;
	left: 672px;	
}

#floor5_item2 .item-hover-glow.glow2{
	height: 24px;
	width: 52px;
	top: 328px;
	left: 610px;
}

#floor5_item3 .item-button{
	height: 65px;
	width: 100px;
	top: 297px;
	left: 437px;
}

#floor5_item3 .item-hover-container{
	top: 113px;
	left: 388px;
}

#floor5_item3 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 246px;
	left: 442px;
}

#floor5_item3 .item-hover-glow.glow1{
	height: 44px;
	width: 82px;
	top: 307px;
	left: 446px;
}


#floor5_item4 .item-button{
	height: 66px;
	width: 112px;
	top: 294px;
	left: 433px;
}

#floor5_item4 .item-hover-container{
	top: 267px;
	left: 133px;
}

#floor5_item4 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 277px;
	left: 445px;
}

#floor5_item4 .item-hover-glow{
	height: 45px;
	width: 82px;
	top: 307px;
	left: 448px;
}

#floor5_item5 .item-button{
	height: 80px;
	width: 100px;
	top: 457px;
	left: 556px;
}

#floor5_item5 .item-hover-container{
	top: 435px;
	left: 650px;
}

#floor5_item5 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 465px;
	left: 562px;
}

#floor5_item5 .item-hover-glow{
	height: 64px;
	width: 80px;
	top: 467px;
	left: 563px;
}


#floor5_item6 .item-button{
	height: 81px;
	width: 104px;
	top: 457px;
	left: 443px;
}

#floor5_item6 .item-hover-container{
	top: 433px;
	left: 175px;
}

#floor5_item6 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 467px;
	left: 482px;
}

#floor5_item6 .item-hover-glow{
	height: 54px;
	width: 24px;
	top: 477px;
	left: 518px;
	-webkit-box-shadow: 0px 0px 60px 25px #849d2d;
	box-shadow: 0px 0px 60px 25px #849d2d;
}



a.menu-button .background-icon.sprite-5-menu-icon{
	left: 9px;
}



/* =============================================================================
   Floor 4
   ========================================================================== */

#floor4 .floor-background{
	background:url('../img/floor4/4_familybkgrnd.jpg');
}

#floor4 .floor-brick-border{
	background: url('../img/floor4/floor4-color-overlay.png');
}

/*
.beingHovered a.floor4, .current-nav a.floor4{
	border: 3px solid #c51f5c;
}*/


.beingHovered.floor4 .nav-text-inner{
	border: 2px solid #c51f5c;
}

#floor4 .floor-help-tab, #floor4 .num-complete-tab, #floor4 .icon-background, #floor4 .item-hover-glow, a.menu-button.floor4{
	background-color:#c51f5c;
}

#floor4 ::selection, #floor4 ::-moz-selection{
	background:#c51f5c;
}

#floor4 .item-hover-glow{
	-webkit-box-shadow:  0px 0px 60px 15px #c51f5c;
	        box-shadow:  0px 0px 60px 15px #c51f5c;
}


#floor4 .question-text, #floor4 .success-message a:hover, #floor4 .question-container a:hover, #floor4 .item-text-button a:hover, #floor4 .overview-copy h2, #floor4 .overview-copy ul, #floor4 .special-text, #floor4 .floor-color, #floor4 .speech-upper, #floor4 .item-text-inner a, .floor4  .speech-bubble-container .speech-upper{
	color:#c51f5c;
}

#floor4 .question-icon{
	background:url('../img/items-color-sprite.png');
}

#floor4 .speech-button {
	height: 230px;
	width: 160px;
	top: 290px;
	left: 426px;
}

#floor4 .speech-bubble-stem{
left: 106px;
}

#floor4 .speech2 .speech-bubble-stem{
	left: 24px;
	
}

#floor4 .speech2 .speech-upper{
	margin-bottom:0px;
	
}

#floor4 .speech-text {
	top: 108px;
	left: 276px;
}

#floor4 .speech-button.button2 {
	height: 150px;
	width: 91px;
	top: 277px;
	left: 746px;
}

#floor4 .speech-text.speech2 {
	top: 170px;
	left: 646px;
	min-width: 200px;

}


#floor4_item1 .item-button{
	height: 115px;
	width: 180px;
	top: 246px;
	left: 60px;
}

#floor4_item1 .item-hover-container{
	top: 254px;
	left: 225px;
}

#floor4_item1 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 242px;
	left: 61px;
}

#floor4_item1 .item-hover-glow{
	height: 113px;
	width: 179px;
	top: 243px;
	left: 61px;
}

#floor4_item2 .item-button{
	height: 57px;
	width: 132px;
	top: 524px;
	left: 690px;
}

#floor4_item2 .item-hover-container{
	top: 489px;
	left: 389px;
}

#floor4_item2 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 527px;
	left: 699px;
}

#floor4_item2 .item-hover-glow{
	height: 35px;
	width: 106px;
	top: 536px;
	left: 701px;
}

#floor4_item3 .item-button{
	height: 77px;
	width: 95px;
	top: 474px;
	left: 153px;
}

#floor4_item3 .item-hover-container{
	top: 455px;
	left: 240px;
}

#floor4_item3 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 478px;
	left: 164px;
}

#floor4_item3 .item-hover-glow{
	height: 52px;
	width: 71px;
	top: 488px;
	left: 167px;
}



a.menu-button .background-icon.sprite-4-menu-icon{
	left: 10px;
}



/* =============================================================================
   Floor 3
   ========================================================================== */

#floor3 .floor-background{
	background:url('../img/floor3/3_petsbkgrnd.jpg');
}

#floor3 .floor-brick-border{
	background: url('../img/floor3/floor3-color-overlay.png');

}

/*
.beingHovered a.floor3, .current-nav a.floor3{
	border: 3px solid #9e5da5;
}*/


.beingHovered.floor3 .nav-text-inner{
	border: 2px solid #9e5da5;
}

#floor3 .floor-help-tab, #floor3 .num-complete-tab, #floor3 .icon-background, #floor3 .item-hover-glow, a.menu-button.floor3{
	background-color:#9e5da5;
}

#floor3 ::selection, #floor3 ::-moz-selection{
	background:#9e5da5;
}
 
#floor3 .item-hover-glow{
	-webkit-box-shadow:  0px 0px 60px 15px #9e5da5;
	        box-shadow:  0px 0px 60px 15px #9e5da5;
}

#floor3 .question-text, #floor3 .success-message a:hover, #floor3 .question-container a:hover, #floor3 .item-text-button a:hover, #floor3 .overview-copy h2, #floor3 .overview-copy ul, #floor3 .special-text, #floor3 .floor-color, #floor3 .speech-upper, #floor3 .item-text-inner a,  .floor3 .speech-bubble-container .speech-upper{
	color:#9e5da5;
}

#floor3 .question-icon{
	background:url('../img/items-color-sprite.png');
}

#floor3 .speech-button.speech1 {
	height: 282px;
	width: 260px;
	top: 228px;
	left: 112px;
}

#floor3 .speech-button.speech2 {
height: 162px;
width: 190px;
top: 275px;
left: 482px;
}

#floor3 .speech-bubble-stem{
	left: 136px;
}

#floor3 .speech-text.speech1 {
	top: 40px;
	left: 46px;
}

#floor3 .speech-text.speech2 {
	top: 150px;
	left: 456px;
	min-width: 100px;
}

#floor3 .speech2 .speech-bubble-stem{
	left: 26px;
}

#floor3 .speech-text.speech3 {
	top: 260px;
	left: 236px;
}

#floor3_item1 .item-button{
	height: 77px;
	width: 73px;
	top: 364px;
	left: 40px;
}

#floor3_item1 .item-hover-container{
	top: 346px;
	left: 103px;
}

#floor3_item1 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 375px;
	left: 49px;
}

#floor3_item1 .item-hover-glow{
	height: 42px;
	width: 49px;
	top: 388px;
	left: 52px;
}

#floor3_item2 .item-button{
	height: 42px;
	width: 55px;
	top: 110px;
	left: 590px;
}

#floor3_item2 .item-hover-container{
	top: 69px;
	left: 638px;
}

#floor3_item2 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 113px;
	left: 594px;
}

#floor3_item2 .item-hover-glow{
	height: 22px;
	width: 35px;
	top: 119px;
	left: 595px;
	-webkit-box-shadow: 0px 0px 60px 25px #9e5da5;
	box-shadow: 0px 0px 60px 25px #9e5da5;
}

#floor3_item3 .item-button{
	height: 84px;
	width: 120px;
	top: 478px;
	left: 522px;
}

#floor3_item3 .item-hover-container{
	top: 459px;
	left: 632px;
}

#floor3_item3 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 474px;
	left: 532px;
}

#floor3_item3 .item-hover-glow{
	height: 61px;
	width: 92px;
	top: 489px;
	left: 539px;
}

#floor3_item4 .item-button{
	height: 38px;
	width: 100px;
	top: 524px;
	left: 29px;
}

#floor3_item4 .item-hover-container{
	top: 485px;
	left: 140px;
}

#floor3_item4 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 538px;
	left: 35px;
}

#floor3_item4 .item-hover-glow.glow1{
	height: 16px;
	width: 31px;
	top: 539px;
	left: 39px;
}

#floor3_item4 .item-hover-glow.glow2{
	height: 16px;
	width: 31px;
	top: 539px;
	left: 82px;
}


a.menu-button .background-icon.sprite-3-menu-icon{
	left: 8px;
}


/* =============================================================================
   Floor 2
   ========================================================================== */

#floor2 .floor-background{
	background:url('../img/floor2/2_needsbkgrnd.jpg');
}

#floor2 .floor-brick-border{
	background: url('../img/floor2/floor2-color-overlay.png');

}

/*
.beingHovered a.floor2, .current-nav a.floor2{
	border: 3px solid #e0922f;
}*/


.beingHovered.floor2 .nav-text-inner{
	border: 2px solid #e0922f;
}

#floor2 .floor-help-tab, #floor2 .num-complete-tab, #floor2 .icon-background, #floor2 .item-hover-glow, a.menu-button.floor2{
	background-color:#e0922f;
}

#floor2 ::selection, #floor2 ::-moz-selection{
	background:#e0922f;
} 

#floor2 .item-hover-glow{
	-webkit-box-shadow:  0px 0px 60px 15px #e0922f;
	        box-shadow:  0px 0px 60px 15px #e0922f;
}


#floor2 .question-text, #floor2 .success-message a:hover, #floor2 .question-container a:hover, #floor2 .item-text-button a:hover, #floor2 .overview-copy h2, #floor2 .overview-copy ul, #floor2 .special-text, #floor2 .floor-color, #floor2 .speech-upper, #floor2 .item-text-inner a, .floor2 #floor2 .item-header-text, .speech-bubble-container .speech-upper{
	color:#e0922f;
}

#floor2 .question-icon{
	background:url('../img/items-color-sprite.png');
}

#floor2 .speech-button {
	height: 240px;
	width: 180px;
	top: 289px;
	left: 583px;
}

#floor2 .speech-text {
	top: 82px;
	left: 361px;
}


#floor2 .speech-bubble-stem{

	left: 206px;
}

#floor2 .speech-text.speech2 {
min-width:200px;
}


#floor2 .speech-button.speech2 {
	height: 240px;
	width: 160px;
	top: 169px;
	left: 83px;
}

#floor2 .speech-text.speech2 {
	top: 22px;
	left: 41px;
}

#floor2 .speech2 .speech-bubble-stem {
left: 76px;
}

#floor2_item1 .item-button{
	height: 48px;
	width: 74px;
	top: 385px;
	left: 797px;
}

#floor2_item1 .item-hover-container{
	top: 347px;
	left: 496px;
}

#floor2_item1 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 394px;
	left: 803px;
}

#floor2_item1 .item-hover-glow.glow1{
	height: 25px;
	width: 8px;
	top: 396px;
	left: 807px;

}

#floor2_item1 .item-hover-glow.glow2{
	height: 15px;
	width: 8px;
	top: 406px;
	left: 823px;

}

#floor2_item1 .item-hover-glow.glow3{
	height: 25px;
	width: 8px;
	top: 396px;
	left: 837px;

}

#floor2_item1 .item-hover-glow.glow4{
	height: 25px;
	width: 8px;
	top: 396px;
	left: 849px;

}

#floor2_item2 .item-button{
	height: 65px;
	width: 98px;
	top: 147px;
	left: 261px;
}

#floor2_item2 .item-hover-container{
	top: 117px;
	left: 349px;
}

#floor2_item2 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 156px;
	left: 268px;
}

#floor2_item2 .item-hover-glow{
	height: 35px;
	width: 66px;
	top: 163px;
	left: 275px;
	-webkit-box-shadow: 0px 0px 60px 25px #e0922f;
	box-shadow: 0px 0px 60px 25px #e0922f;
}

#floor2_item3 .item-text{
	top: 10px;
}

#floor2_item3 .item-button{
	height: 82px;
	width: 126px;
	top: 367px;
	left: 401px;
}

#floor2_item3 .item-hover-container{
	top: 346px;
	left: 518px;
}

#floor2_item3 .item-color-image {
	background: url('../img/items-color-sprite.png') no-repeat top left;
	top: 356px;
	left: 337px;
}

#floor2_item3 .item-hover-glow{
	height: 58px;
	width: 102px;
	top: 380px;
	left: 411px;
}


a.menu-button .background-icon.sprite-2-menu-icon{
	left: 9px;
}


/* =============================================================================
   Floor 1
   ========================================================================== */

#floor1.floor-container, #floor1 .floor-background, #floor1 .section-overview-container{
		
	height:766px;
	/*
	width:1024px;
	*/
}


#floor1 .floor-facade{
	background:none;

}

#floor1 .floor-background{
	background:none;
	overflow:hidden;

}

#floor1.current-floor.floor-entered .floor-background{
	overflow:visible;
}

#floor1 .question-container{
	left: 153px;
	top:200px;
} 


#floor1 .question-container.completed{
display:none!important;
}

.building-complete #floor1 .question-container.completed{
display:block!important;
}

.building-complete #floor1 .question-container.not-completed{
display:none!important;
}
/*
.beingHovered a.floor1, .current-nav a.floor1{
	border: 3px solid #e3c920;
}
*/
.beingHovered.floor1 .nav-text-inner{
	border: 2px solid #e3c920;
}

#floor1 .floor-help-tab, #floor1 .num-complete-tab, #floor1 .item-hover-glow, {
	background:#e3c920;
}

#floor1 ::selection, #floor1 ::-moz-selection {
	background:#e3c920;
}

#floor1 .item-hover-glow{
	-webkit-box-shadow:  0px 0px 60px 15px #e3c920;
	        box-shadow:  0px 0px 60px 15px #e3c920;
}

#floor1 .question-text, #floor1 .success-message a:hover, #floor1 .question-container a:hover, #floor1 .item-text-button a:hover, #floor1 .overview-copy h2, #floor1 .overview-copy ul, #floor1 .special-text, #floor1 .floor-color, .speech-bubble-container .speech-upper{
	color:#e3c920;
}

#floor1 .question-text {
	border-bottom: 0px;
	font-weight: 300;
	line-height: 49px;
}

#floor1 .question-icon{
/*	background:url('../img/items-color-sprite.png');*/
}

#floor1 .question-title {
	padding-bottom: 12px;
	padding-top: 34px;

}

#floor1 .question-title-text {
	font-size: 16px;
	padding: 0px 12px 0;
	font-weight: 400;
}

#floor1 .question-button a{
	font-weight: 400;
	font-size: 15px;
}

img.bodega-facade-image {
	position: absolute;
	z-index: -1;
	top: 0px;
}

#situation-7 .floor-inview-container{
	position:absolute;
	width:960px;
	height:600px;
	left:50%;
	margin-left:-480px;
	z-index:-100;
}

/* =============================================================================
   Footer
   ========================================================================== */


#floor0.floor-container{
	border: 0px;
	margin: 50px auto 50px auto;
	width: 938px;
	height: 390px;
	position: relative;
	padding: 11px;

}

.border-radius{
	height:;
	width:960px;
	margin:0 auto;
	-webkit-border-radius: 11px;
	    border-radius: 11px;
}

#floor0 .resources-container .overview-copy{
	border-bottom:1px dotted #6f6f6f;
	padding-bottom: 54px;
}

#floor0 .resources-container{
	display:none;
}




#floor0 .resources-container .question-title{
	padding-top: 16px;
	font-weight:400;
}

#floor0 .resources-container .resources-overview-inner{
	z-index:10002;
	overflow: auto;
	color:white;
	border-style:solid;
	-moz-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	border-width: 9px;
	-webkit-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	-o-border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	border-image: url("../img/question-border.png") 9 9 9 9 repeat repeat;
	border-width:9px;
	position: relative;
	margin:0px 0px;
	padding:0 10px;
}

.resources-overview-inner .overview-copy{
	padding-left:0px;
}

#floor0 .resources-container .section-overview-inner{
	padding:5px;
	
}

#floor0 .inview-detection{
	height: 200px;
}

.footer-link-container{
	display: inline-block;
	width: 176px;
	text-align: center;
}

.footer-link-container.twitter-container{
	font-weight:400;
	font-size: 16px;
	position: relative;
	top: 28px;
}

a.twitter-account{
	position: relative;
	top: -6px;
}

a.footer-twitter-link:hover + a.notify-twitter{
	color:white;
}

.resource-icon{
	width:125px;
	margin-bottom:30px;
	
}

a.resource-links{
	font-weight:400;
	font-size:16px;
	display:inline-block;
	width:100%;
	color:#d58484;
}

a.twitter-account{
	color:#d58484;
}

.sprite-footer_phone{
	position:relative;
	left:69px;
}

.sprite-footer-tv{
	position:relative;
	left:57px;
}

.sprite-footer-cloud{
	position:relative;
	left:37px;
}

.sprite-footer-clipboard{
	position:relative;
	left:38px;
}

.sprite-footer-pin{
	position:relative;
	left:36px;
}

.sprite-footer-facebook{
	position:relative;
	left:70px;
}

.sprite-footer-twitter{
	position:relative;
	left:59px;
}


.footer-link-container.two-lines{
	position:relative;
	top:22px;
}

.oem-logo-link{
	background: url('../img/floor0/footer-oem.png') no-repeat;
	height:39px;
	width:80px;
	display:inline-block;
	margin-right:42px;
	position:relative;
	top:1px;
}

.ad-council-logo-link{
	background: url('../img/floor0/footer-adcouncil.png') no-repeat;
	height:37px;
	width:37px;
	display:inline-block;
	margin-right:0px;
	position:relative;
	top:2px;
}

.footer-ready-ny{
	background: url('../img/floor-footer/footer-readyny.png') no-repeat;
	height:69px;
	width:98px;
	position:relative;
	left: 40px;
	top: 13px;
}



a.footer-bottom-links{
	color:#6F6F6F;
	display:inline-block;
	margin: 0 59px 0 0;
	font-weight: 400;
	position: relative;
	top: -10px;
}

a.footer-bottom-links.privacy-policy-link{
	margin-left:42px;
}

a.footer-bottom-links:hover{
	color:white;
}

#legal-links{
	margin-top: 33px;
	margin-bottom: 30px;
}

/* ==|== Item Sprite info ===================================================
   
   ========================================================================== */

.sprite {
    background: url('../img/items-color-sprite.png') no-repeat;
}

.sprite-0_introicon {
    width: 58px;
    height: 58px;
    background-position: -1425px -329px!important;
}

.sprite-1_bodegaicon {
    width: 58px;
    height: 58px;
    background-position: -1162px -329px!important;
}

.sprite-2-menu-icon {
    width: 31px;
    height: 33px;
    background-position: -1804px -329px!important;
}

.sprite-2_special_frame {
    width: 76px;
    height: 46px;
    background-position: -236px -223px!important;
}

.sprite-2_special_gobag {
    width: 232px;
    height: 204px;
    background-position: -1425px -0px!important;
}

.sprite-2_special_prescription {
    width: 55px;
    height: 29px;
    background-position: -416px -223px!important;
}

.sprite-2_specialicon {
    width: 58px;
    height: 58px;
    background-position: -1093px -329px!important;
}

.sprite-3-menu-icon {
    width: 30px;
    height: 33px;
    background-position: -1846px -329px!important;
}

.sprite-3_animals_bowls {
    width: 82px;
    height: 20px;
    background-position: -323px -223px!important;
}

.sprite-3_animals_carrier {
    width: 105px;
    height: 79px;
    background-position: -588px -223px!important;
}

.sprite-3_animals_friend {
    width: 44px;
    height: 35px;
    background-position: -482px -223px!important;
}

.sprite-3_animals_gobag {
    width: 55px;
    height: 59px;
    background-position: -1494px -329px!important;
}

.sprite-3_petsicon {
    width: 58px;
    height: 58px;
    background-position: -1024px -329px!important;
}

.sprite-4-menu-icon {
    width: 30px;
    height: 38px;
    background-position: -1763px -329px!important;
}

.sprite-4_children_board {
    width: 179px;
    height: 114px;
    background-position: -236px -282px!important;
}

.sprite-4_children_firstaid {
    width: 76px;
    height: 64px;
    background-position: -1013px -223px!important;
}

.sprite-4_children_gobag {
    width: 171px;
    height: 45px;
    background-position: -704px -282px!important;
}

.sprite-4_familyicon {
    width: 58px;
    height: 58px;
    background-position: -955px -329px!important;
}

.sprite-5-menu-icon {
    width: 29px;
    height: 33px;
    background-position: -672px -413px!important;
}

.sprite-5_gobag_gobag {
    width: 101px;
    height: 94px;
    background-position: -1891px -118px!important;
}

.sprite-5_gobag_kit {
    width: 151px;
    height: 129px;
    background-position: -426px -282px!important;
}

.sprite-5_gobag_radio {
    width: 108px;
    height: 107px;
    background-position: -1891px -0px!important;
}

.sprite-5_gobagicon {
    width: 58px;
    height: 58px;
    background-position: -886px -329px!important;
}

.sprite-6-menu-icon {
    width: 28px;
    height: 33px;
    background-position: -712px -413px!important;
}

.sprite-6_contact_contactbook {
    width: 59px;
    height: 64px;
    background-position: -1177px -223px!important;
}

.sprite-6_contact_homephone {
    width: 61px;
    height: 56px;
    background-position: -1891px -223px!important;
}

.sprite-6_contact_mobile {
    width: 26px;
    height: 43px;
    background-position: -2010px -0px!important;
}

.sprite-6_contacticon {
    width: 58px;
    height: 58px;
    background-position: -588px -329px!important;
}

.sprite-7-menu-icon {
    width: 26px;
    height: 33px;
    background-position: -2010px -54px!important;
}

.sprite-7_alertNYC_computer {
    width: 116px;
    height: 68px;
    background-position: -886px -223px!important;
}

.sprite-7_alertNYC_mobile {
    width: 34px;
    height: 52px;
    background-position: -1718px -329px!important;
}

.sprite-7_alertNYC_tv {
    width: 154px;
    height: 349px;
    background-position: -1260px -0px!important;
}

.sprite-7_phoneicon {
    width: 58px;
    height: 58px;
    background-position: -1963px -260px!important;
}

.sprite-bodega-icon-color {
    width: 31px;
    height: 31px;
    background-position: -630px -413px!important;
}

.sprite-bodega-icon {
    width: 31px;
    height: 31px;
    background-position: -588px -413px!important;
}

.sprite-border-dot {
    width: 5px;
    height: 5px;
    background-position: -2010px -98px!important;
}

.sprite-building-top {
    width: 1013px;
    height: 114px;
    background-position: -231px -0px!important;
}

.sprite-closebutton-hover {
    width: 18px;
    height: 18px;
    background-position: -2013px -329px!important;
}

.sprite-closebutton {
    width: 18px;
    height: 18px;
    background-position: -1231px -329px!important;
}

.sprite-contact-icon-color {
    width: 31px;
    height: 31px;
    background-position: -362px -413px!important;
}

.sprite-contact-icon {
    width: 31px;
    height: 31px;
    background-position: -320px -413px!important;
}

.sprite-facebook-icon-color {
    width: 31px;
    height: 31px;
    background-position: -278px -413px!important;
}

.sprite-facebook-icon {
    width: 31px;
    height: 31px;
    background-position: -236px -413px!important;
}

.sprite-family-icon-color {
    width: 31px;
    height: 31px;
    background-position: -1971px -371px!important;
}

.sprite-family-icon {
    width: 31px;
    height: 31px;
    background-position: -1929px -371px!important;
}

.sprite-flag-pole {
    width: 114px;
    height: 315px;
    background-position: -1668px -0px!important;
}

.sprite-footer-adcouncil {
    width: 37px;
    height: 37px;
    background-position: -537px -223px!important;
}

.sprite-footer-clipboard {
    width: 43px;
    height: 59px;
    background-position: -1619px -329px!important;
}

.sprite-footer-cloud {
    width: 57px;
    height: 61px;
    background-position: -1500px -223px!important;
}

.sprite-footer-facebook {
    width: 34px;
    height: 60px;
    background: url('../img/floor-footer/footer-facebook.png');
}

.sprite-footer-icon {
    width: 31px;
    height: 31px;
    background-position: -1887px -371px!important;
}

.sprite-footer-pin {
    width: 48px;
    height: 60px;
    background-position: -1560px -329px!important;
}

.sprite-footer-tv {
    width: 66px;
    height: 68px;
    background: url('../img/floor-footer/footer-tv.png');
}

.sprite-footer-twitter {
    width: 64px;
    height: 55px;
    background: url('../img/floor-footer/footer-twitter.png');
}

.sprite-footer_phone {
	width: 36px;
	height: 60px;
	background-position: 0;
	background: url('../img/floor-footer/footer_phone.png');
}
.sprite-gobag-icon-color {
    width: 31px;
    height: 31px;
    background-position: -1357px -371px!important;
}

.sprite-gobag-icon {
    width: 31px;
    height: 31px;
    background-position: -1315px -371px!important;
}

.sprite-lightning {
    width: 225px;
    height: 787px;
    background-position: -0px -0px!important;
}

.sprite-moreinfo {
    width: 31px;
    height: 131px;
    background-position: -2003px -118px!important;
}

.sprite-notifyNYC-icon-color {
    width: 31px;
    height: 31px;
    background-position: -1273px -371px!important;
}

.sprite-notifyNYC-icon {
    width: 31px;
    height: 31px;
    background-position: -1231px -371px!important;
}

.sprite-numbershadow {
    width: 14px;
    height: 35px;
    background-position: -1633px -260px!important;
}

.sprite-pets-icon-color {
    width: 31px;
    height: 31px;
    background-position: -830px -371px!important;
}

.sprite-pets-icon {
    width: 31px;
    height: 31px;
    background-position: -788px -371px!important;
}

.sprite-special-icon-color {
    width: 31px;
    height: 31px;
    background-position: -746px -371px!important;
}

.sprite-special-icon {
    width: 31px;
    height: 31px;
    background-position: -704px -371px!important;
}

.sprite-speech-bubble-stem {
    width: 54px;
    height: 64px;
    background-position: -1568px -223px!important;
}

.sprite-splash-icon {
    width: 31px;
    height: 31px;
    background-position: -1971px -329px!important;
}

.sprite-twitter-icon-color {
    width: 31px;
    height: 31px;
    background-position: -1929px -329px!important;
}

.sprite-twitter-icon {
    width: 31px;
    height: 31px;
    background-position: -1887px -329px!important;
}

.sprite-weather-vane {
    width: 87px;
    height: 271px;
    background-position: -1793px -0px!important;
}

/* ==|== Sprite related styles ==============================================
   
   ========================================================================== */


.building-complete .sprite-bodega-icon {
     background-position: -630px -413px!important;
}

.floorComplete .sprite-contact-icon {
    background-position: -362px -413px!important;
}

.floorComplete .sprite-family-icon {
    background-position: -1971px -371px!important;
}

.floorComplete .sprite-gobag-icon {
    background-position: -1357px -371px!important;
}

.floorComplete .sprite-notifyNYC-icon {
    background-position: -1273px -371px!important;
}

.floorComplete .sprite-pets-icon {
    background-position: -830px -371px!important;
}

.floorComplete .sprite-special-icon {
    background-position: -746px -371px!important;
}

.sprite-twitter-icon:hover{
	background-position: -1929px -329px!important;
}

.sprite-facebook-icon:hover{
	background-position: -278px -413px!important;
}

.sprite-closebutton:hover{
	background-position: -2013px -329px!important;
}

/* ==|== internet explorer 7 styles =========================================
   
   ========================================================================== */

html.lt-ie8 .floor-click-cover{
	display:none!important;
}


html.lt-ie8 .background-border{
	display:none!important;
}





/* ==|== internet explorer 8 styles =========================================
   
   ========================================================================== */

html.lt-ie9 .overview-copy{
	font-size:16px;
}

html.lt-ie9 #floor5_item1 .item-text, html.lt-ie9 #floor5_item2 .item-text{
	width:720px;
	left:130px;
}

html.lt-ie9 .overview-intro-text{
	font-size:22px;
}

html.lt-ie9 .resources-overview-inner{
	border:0px!important;
}

html.lt-ie9 .complete-tab-slash{
	font-weight:20px;
}

html.lt-ie9 .beingHovered .speech-text, html.lt-ie9 .notCompleteHovered .speech-bubble-not-complete{
	display:block!important;
}

html.lt-ie9 .speech-bubble-not-complete{
	display:none!important;
}



html.lt-ie9 .question-container{
	display:none;
	overflow:visible!important;
	filter: a !important;
}

html.lt-ie9 .question-border{
	overflow:visible!important;
}

html.lt-ie9 .bottom-gradient {
	width:910px;
}


html.lt-ie9 .speech-text{
	display:none!important;
}

html.lt-ie9 .item-color-image{
	filter: alpha(opacity=50);
}

html.lt-ie9 .beingHovered .item-color-image{
	filter: alpha(opacity=100);
}

html.lt-ie9 .has-been-clicked .item-color-image{
	filter: alpha(opacity=0);
}

html.lt-ie9 .item-info-on-display .item-color-item{
	filter: alpha(opacity=100);
}

html.lt-ie9 .item-hover-glow{
	display:none;
}

html.lt-ie9 .current-floor .question-container, html.lt-ie9 .current-floor.floor-complete .success-message {
	display:block;
}

html.lt-ie9 #floor7 .floor-help-tab, html.lt-ie9 #floor7 .icon-background, html.lt-ie9 #floor7 .item-hover-glow, html.lt-ie9 .beingHovered a.floor7, #floor7 .num-complete-tab{
	background-color:#ca5d2d !important;
}

html.lt-ie9 #floor6 .floor-help-tab, html.lt-ie9 #floor6 .icon-background, html.lt-ie9 #floor6 .item-hover-glow, html.lt-ie9 .beingHovered a.floor6, #floor6 .num-complete-tab{
	background-color:#51acbc !important;
}


html.lt-ie9 #floor5 .floor-help-tab, html.lt-ie9 #floor5 .icon-background, html.lt-ie9 #floor5 .item-hover-glow, html.lt-ie9 .beingHovered a.floor5, #floor5 .num-complete-tab{
	background-color:#849d2d !important;
}

html.lt-ie9 #floor4 .floor-help-tab, html.lt-ie9 #floor4 .icon-background, html.lt-ie9 #floor4 .item-hover-glow, html.lt-ie9 .beingHovered a.floor4, #floor4 .num-complete-tab{
	background-color:#c51f5c !important;
}

html.lt-ie9 #floor3 .floor-help-tab, html.lt-ie9 #floor3 .icon-background, html.lt-ie9 #floor3 .item-hover-glow, html.lt-ie9 .beingHovered a.floor3, #floor3 .num-complete-tab{
	background-color:#9e5da5 !important;
}

html.lt-ie9 #floor2 .floor-help-tab, html.lt-ie9 #floor2 .icon-background, html.lt-ie9 #floor2 .item-hover-glow, html.lt-ie9 .beingHovered a.floor2, #floor2 .num-complete-tab{
	background-color:#e0922f !important;
}

html.lt-ie9 #floor1 .floor-help-tab, html.lt-ie9 #floor1 .item-hover-glow, html.lt-ie9 .beingHovered a.floor1, #floor1 .num-complete-tab{
	background-color:#e3c920 !important;
}


/* ==|== mobile styles ======================================================
   iPhone, iPod, iPad, Android, BlackBerry
   ========================================================================== */


body.mobile-device{
	background: url('../img/sky.jpg');
}

body.mobile-device .item-hover-container{
	display:none;
}


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/*      screens Layout: 1025 and above

-----------------------------------------------------------------
*/

@media only screen and (min-width: 1025px) {
	
	#nav-inner{
		right:-20px;
	}
	
}


/*      screens Layout: 1024 and below

-----------------------------------------------------------------
*/
@media only screen and (max-width: 1024px) {

	#building-navigation {
	right: 4px;
	}
	
	#nav-inner{
		right:0px;
	}

}


/*      iPads (portrait and landscape)
-----------------------------------------------------------------
*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
	#building-navigation {
	right: 4px;
	}
	
	#building{
		width: 1024px;
		margin: 0 auto;
	}
	
	#building-top{
		width:1014px;
	}
	
	#building-top-inner{
		margin-left:0px;
	}
}


/*      Tablet Layout: 1023 and below

-----------------------------------------------------------------
*/
@media only screen (max-width: 1023px) {
	
	#building-navigation {
	right: 0;
	}
	
	#building{

		margin: 0 auto;
	}
	
	#building-top{
		width:1014px;
	}
	
	#building-top-inner{
		margin-left:0px;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	#building-navigation {
	right: 0;
	}
	
	#building{
		width: 1024px;
		margin: 0 auto;
	}
	
	#building-top{
		width:1014px;
	}
	
	#building-top-inner{
		margin-left:0px;
	}
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important;  box-shadow:none !important; text-shadow: none !important;  } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}