#content{
    padding: 0 !important;
}
#content > .grid-container{
    margin:0 !important;
    padding:0 !important;
    max-width:100% !important;
    width:100% !important;
}
#content > .grid-container > .grid-x{
    margin:0 !important;
}
#content-area{
	padding:0;
	overflow:hidden;
    position: relative;
}
div#map {	
	background:#bbb;
	margin-top:0;
	border:0;
	min-width: 1024px;
	min-height:400px;
	/* height to be determined by js */
}



#hide-show{
	position: absolute;
   	top: 6px;
   	right:8px;
    color: #6d8acc;
    cursor: pointer;
	text-decoration: none;
	z-index: 999;
}
#hide-show:hover{
    position: absolute;
   	top: 6px;
   	right:8px;
    color: #222;
    cursor: pointer;
}
#hide-show:before{			 
   	content: "\f065"; 
    font-family: FontAwesome;

}
.feedback a{
   text-decoration:none !important;	
}			
#options.shrink{
   width: 32px;
   height: 32px;
   overflow:hidden; /* to hide scroll */
   padding-top: 32px;				
}
#options.shrink #hide-show:before{			 
   content: "\f066"; 
}
/* labels applied by labels.js */
.building-labels {
   color: #263c53;
   text-align: center;
   margin-top: 0;
   opacity: 0.83;
   line-height: 115%;
   font-family: museo_sans500,Helvetica,Arial,sans-serif;
   font-weight: bold;
    text-shadow:
      -1px -1px 0 #fff,  
       1px -1px 0 #fff,
       -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

/* google changed their markup. In main styles, we use
!important to set padding on buttons, which causes the 
zoom in/out buttons to be cut off on map */
#map button {  /* button text */
    color: #000 !important;
    border-radius: 0;
    box-shadow: none;
} 

#map > div > div > div.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div:nth-child(1) > div > button {
	padding: 0 !important;	
}

/* fix the close button that our styles have been breaking for oh nigh on 4 years */
#map button.gm-ui-hover-effect {
    padding:0px !important;
}
#map button.gm-ui-hover-effect:hover,
#map button.gm-ui-hover-effect:active,
#map button.gm-ui-hover-effect:focus {
    background: none !important;
    border-bottom: none !important;
}
#map button.gm-ui-hover-effect img {
    height: 20px !important;
    width: 20px !important;
    margin-top: 12px !important;
    margin-left: -2px !important;
    border:none !important;
}
.gm-style .gm-style-iw {
    padding-right: 8px !important;
}

/* fix zoom button img border */
#map button.gm-control-active img {
    border: none !important;
}

/*all same font plz*/
#map div {
    font-family: open_sanslight,Helvetica,Arial,sans-serif !important;
}
#map div.window h4 {
    font-size: medium;
}
#map div.window p {
    margin-top: 0px !important;
}
/*
#stitle{
	position:relative;	
}
#stitle #center{
	position:absolute;
	width:200px;
	right:0;
	top:0;
}
*/
#stitle #where{
	float:right;
}
#stitle #where #center{
	margin: 5px 0 3px 5px;
	width:200px;
	position:relative;
	z-index:1000;
}

/* hide 45 degree option */
[title=Show\ 45\ degree\ view]
{
    display:none;
}


/* ----- Map Infowindow Styles ------  */
div.window h4 {
	width: 90%; 
	margin-top: 0;
}
div.window {
	/*width: 300px;*/
	min-height: 4em;
}
div.window p {
	/*line-height: 120%;*/
	max-width: 18em;
}

/*---- Building label styles ------*/
#main #map div.building-labels {
    max-width: 95px;
    line-height: 120%;
    opacity: 1;
}

/* ----- legend styles ----- */
div#options {
	position: absolute;
	right: 10px;
	top: 10px;
	bottom:170px;
	width: 210px;
	padding: 0;
	background-color: #f0f0f0;
	border: solid thin #a9bbdf;
	
	overflow: auto;
	box-shadow: 2px 2px 3px 1px #aaa;	
}

div#options form{
	margin:0;
	border:0;	
	padding:5px !important; 
	background-color:transparent;
}
div#options h3 {
	margin-top: .5em;
	margin-bottom: .25em;	
	color: #455b8f;
	font-size:16px;
}
div#options ul {
	list-style-type: none;
	margin-left:0;		
}
div#options li, div#options label {
	font-size:12px !important;
	padding:0;
	list-style-type: none;
}
div#options li.top-level{
	margin:10px 0;
}
div#options li.top-level input {
	margin-right: 4px;
	margin-left: 1px;
}
div#options label span:hover {
	text-decoration: underline;
}
div#options ul.collapse {
	margin-left: 50px;
}
li.legend span {
	opacity: 0.7;
	filter: alpha(opacity=70);
	display: inline-block;
	width: 20px;
	height: 0;
	margin-left: -20px; 
	position: relative;
	top: 6px;
	left: -5px;
}
li.icon{
	
}
li.icon img {
	height:29px !important;
	left:-6px;
	margin-left:-19px;
	margin-top:0;
	position:relative;
	top:8px;
	vertical-align: inherit !important;
	display:inline-block !important;
}


/* ----- Footer Styles ----  */

#instructions {
	color: #555;
	background-color: #f0f0f0;
    /*position: absolute;*/
    width: 100%;
	bottom: 48px;
	font-size: 0.9em;
    line-height: 1;
   	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
#instructions p {
	float: left;
	padding: 5px 0 5px 14px;	
}
#instructions p.feedback {
	float: none;
	text-align: right;	
	padding-right: 7px;
}

.visually-hide{height:1px;left:-9999px;overflow:hidden;position:absolute;}a.visually-show .visually-hide{position:relative;left:auto;}


@media print {
 
	body {
		font:12pt/1.5 "Times New Roman", Times, serif;
	}
	* {
		margin-top:0;
	}
	#page {
		width:auto !important;
		float:none !important;
		background:transparent;
		color:#000;
		margin:0;
		padding:0;
	}
	h1, h2, h3, h4 {
		margin-bottom:0;
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
	}
	a {
		margin:inherit;
	}
	a:link, a:visited {
		color:#009 !important;
		text-decoration:none;
	}
	#header, #header h1 {
		margin:0;
		padding:0;
	}
	#header h1 #logo img {
		display: inline;
		height: 60px !important; 
		width: 195px !important;
	}
	#hnav, #gnav, #dirnav, hr, .feedback, #center, #help, #instructions, #print {
		display: none !important;
	}
	#stitle {
		padding-left: 0;
		border: none;
	}
	#footer p {
		font-style: italic;
	}
	div#map {	
	background:#bbb;
	position: absolute !important;
	bottom: 0;
	top: 121px;
	right: 0;
	left: 0;
	margin-bottom: 72px;	
}
	div#map {	
		position: relative !important;
		top: auto;
		height: 500px;	
		border: solid 3px #BBB;
		margin-bottom: 5px;	
	}
	div#options {
		position: static;
		overflow: visible;
		width: auto;
		padding: 0;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	div#options h4 {
		display: none;
	}
	div#options ul.collapse {
		display: block !important;
		padding-left: 5px;
	}
	div#options li.top-level {
		width: 30%;
		float: left;
	}
	li.top-level>label {
		font-weight: bold;	
	}
	
	 
 
 
}