html, body {
	height: 100%;
	margin: 0;
}

#wrap {
	min-height: 100%;
	background-color: #FFF;
}

#map {
	overflow: auto;
	z-index: 1;
	position: absolute;
}  /* must be same height as the footer */

#header {
	height: 45px;
	background-color: #666;
	z-index: 2;
	position: absolute;
	width: 100%;
}

#title {
	float: left;
	width: 210px;
	padding-left: 20px;
}
#author {
	float: left;
	width: 200px;
}
#brooklyn {
	float: right;
	width: 100px;
	padding-right: 20px;
}
#footer {
	position: relative;
	margin-top: -45px; /* negative value of footer height */
	height: 45px;
	clear: both;
	background-color: #666;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


#filters {
	float: left;
	width: 100px;
	padding-left: 20px;
}
#stories {
	float: right;
	width: 100px;
}
#info {
	float: right;
	width: 100px;
}
.popup {
	position:relative;
    width:226px;
    height:auto;
    padding:7px 0 0 0;
    margin:0;
}
.popup-close-button {
    position:absolute;
    top:-9px;
    right:-9px;
    width:26px;
    height:26px;
    padding:0;
    background:url('../img/light.png') no-repeat 0 -23px;
    text-indent:-9999px;
    font-size:0;
    line-height:0;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
    filter: alpha(opacity=100);
    text-transform:uppercase;
    z-index:3;
  }
.popup-content-wrapper {
    position:relative;
    width:190px;
    max-width: 190px;
    padding:12px 19px 12px 19px;
    overflow-x: hidden;
  }
.popup-content {
    display:none;
  }

/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #fff;
/*    background: red;*/
	padding: 0px;
    display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
	background:#fff;
    top: 45px;
    left: 0;
    width: 400px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}