a.menu-icon { 
	display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 500px) and (orientation:portrait) {

	html > body {
		width: auto;
		font-size: 16px;
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 0px;
		background-color: #fff;
		background-image: none;
		margin: 0px;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#container {
		position: relative;
		width: auto;
		margin: 0px auto;
		padding: 0px 0px;
		background-image: none;
	}
	
	#header {
		width: auto;
		border: 0px dotted red;
		margin-left: -15px;
		margin-right: -15px;
		height: 160px;
		background-position: -248px -59px;
	}
	
	#main-content {
		width: auto;
		min-height: auto;
		padding: 0px 0px;
	}
	
	#sidebar {
		position: relative;
		left: 0px;
		top: 0px;
		width: auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	#footer {
		border: 0px dotted red;
	}
	
	#header .logo {
		width: 200px;
		height: 166px;
		top: 0px;
		left: 15px;
		background-image: url('http://www.newyorkofficespace.com/images/design/nyc-office-space-logo-mobile.png');
	}
	
	#header .top a.phone {
		padding-top: 20px;
		background-position: 0px 15px;
	}
	
	.boilerplate {
		display: none;
	}
	
	/* * * * * * * * * * * * * * * * */
	
	a.menu-icon { 
		display: block;
		position: absolute;
		bottom: 10px;
		right: 0px;
		width: 74px;
		height: 37px;
		border: 0px dotted red;
		text-decoration: none;
		background-image: url('http://www.newyorkofficespace.com/images/design/mobile-menu-icon.png');
		opacity: 1.0;
		overflow: hidden;
		text-indent: 100px;
	}

	a.menu-icon.show {
		opacity: 0.5;
	} 

	ul#main-nav {
		display: none;
		width: auto;
		height: auto;
		margin-left: -15px;
		margin-right: -15px;
		padding: 0px;
	}
	
	ul#main-nav.show {
		display: block;
	}
	
	ul#main-nav > li {
		float: none;
		border-bottom: 1px solid #888;
		margin-bottom: 0px;
		width: auto;
		height: auto;
	}
	
	ul.horizontalcssmenu > li {
		position: relative;
		display: block;
		float: none;
	}
	
	ul#main-nav > li .title {
		position: relative;
		display: block;
		padding: 8px 24px 7px 24px;
	}	
	
	ul#main-nav li ul {
		width: auto;
	}
	
	#main-content ul li ul li a {
		padding-top: 5px;
		padding-bottom: 5px;
	 }
	
	ul#main-nav li.home ul 			{ width: auto; }
	ul#main-nav li.office-spaces ul { width: auto; }
	ul#main-nav li.search ul 		{ width: auto; }
	ul#main-nav li.links ul 		{ width: auto; }
	ul#main-nav li.contact ul 		{ width: auto; }
	
	body.home 			ul#main-nav > li.home > .title,
	body.index.level-0	ul#main-nav > li.home > .title,
	body.services 		ul#main-nav > li.services > .title,
	body.spaces 		ul#main-nav > li.office-spaces > .title,
	body.search 		ul#main-nav > li.search > .title,
	body.links 			ul#main-nav > li.links > .title,
	body.contact		ul#main-nav > li.contact > .title {
		background-image: none;
	}
	
	ul#main-nav > li a.main.title:hover {
		background-image: none;
	}

	body.home 			ul#main-nav > li.home > a.main.title:hover,
	body.index.level-0	ul#main-nav > li.home > a.main.title:hover,
	body.services 		ul#main-nav > li.services > a.main.title:hover,
	body.spaces 		ul#main-nav > li.office-spaces > a.main.title:hover,
	body.search 		ul#main-nav > li.search > a.main.title:hover,
	body.links 			ul#main-nav > li.links > a.main.title:hover,
	body.contact		ul#main-nav > li.contact > a.main.title:hover {
		background-image: none;
	}
	
	div#main-content div.image.left { 
		margin-left: 0px;
	}
	
	ul.horizontalcssmenu > li ul.submenu {
		position: relative;
		top: 0px;
	}
	
	/* MAIN CONTENT
 	 * * * * * * * * * * * * * * * * */
 	 
 	#main-content {
 		font-size: 102%;
 	}
	
	#main-content ul {
		margin-left: 20px;
	}

	#main-content li {
		margin-left: 0px;
	}
	
	#container #main-content table {
		width: auto;
	}
	
	body.neighborhood-guide #main-content #map-canvas.sidebar {
		display: none;
	}
	
	div#main-content div#map-canvas.sidebar {
		width: auto;
	}	
	
	#main-content .neighborhoods ul li {
		padding: 5px 0px;
	}
	
	html > body #main-content iframe {
		
	}

	/* FOOTER
 	 * * * * * * * * * * * * * * * * */
 	 
	#footer {
		border: 0px dotted red;
		margin-left: -15px;
		margin-right: -15px;
		background-image: url('http://www.newyorkofficespace.com/images/design/footer-bg-mobile.jpg');
		background-position: bottom right;
	}
	
	#footer .main {
		width: auto;	
		min-height: 250px;
		float: left;
		border: 0px dotted red;
		padding: 18px 0px 0px 15px;
		margin: 0px;
	}
	
	#footer .main ul li {
		width: auto;
    	float: none;
	}
	
	#footer .logos {
		float: right;
		width: 140px;
		border: 0px dotted green;
	}
	
	#footer .logos p {
		margin-right: 0px;
		margin-left: 0px;	
		border: 0px dotted red;
	}
	
	#footer .logos p a#bbb {
		margin-top: 10px;
		margin-left: 30px;	
	}
	
	#footer .logos p a#rebny {
		margin-left: 0px;	
		margin-right: 5px;
		margin-top: 0px;
	}
	
	#footer .copyright p {
		font-size: 11px;
	}
	
	/* SIDEBAR
 	 * * * * * * * * * * * * * * * * */
 	 
	.sidebar.broker-db {
		position: relative;
	}
	
	.sidebar#database {
		position: relative;
		top: 0px;
	}
	
	.sidebar#neighborhood {
		position: relative;
		top: 0px;
	}
	
	
	
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 415px) and (orientation:portrait) {

}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 385px) and (orientation:portrait) {

}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 350px) and (orientation:portrait) {
	
	#footer {
		background-position: bottom left;
	}
	
	#footer .main {
		float: none;
		min-height: 0px;
		border: 0px dotted red;
	}
	
	#footer .main ul {
		float: none;
		text-align: center;
		margin-right: 15px;
		border: 0px dotted red;
	}
	
	#footer .main ul li {
		text-align: center;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #999;
	}
	
	#footer .main ul li a {
		display: block;
	}
	
	#footer .main ul li span {
		display: none;
	}
	
	
	#footer .logos {
		float: none;
		clear: left;
		width: auto;
		height: 120px;
		border: 0px dotted green;
		margin-left: 5px;
	}
	
	#footer .logos p {
		margin-top: 0px;
		margin-left: 10px;
	}
	
	#footer .logos p a#rebny {
		margin-top: 15px;
		margin-left: 30px;
	}
	
	#footer .copyright p {
		font-size: 11px;
		padding-right: 50px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 320px) and (orientation:portrait) {
	
}	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 300px) and (orientation:portrait) {
	
	#footer .main ul li {
		margin-bottom: 3px;
		padding-bottom: 3px;
	}
}