#menu-button-container {
	display: none;
	text-align: right;
	padding-top: 15px;
	z-index: 999;
}

a.phone-trigger {
	background-image: url( ../images/phone.png );
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px auto;
	color: #ffffff;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 90%;
	font-weight: bold;
	height: 40px;
	margin: 0 10px 0 0;
	text-align: left;
	text-indent: -9999px;
	vertical-align: top;
	width: 40px;
}

/*
	###########
	Start ipad-mini style
	###########
*/

@media all and (max-width: 1000px) {

	#menu-button-container {
		display: block;
	}

	.menu-trigger {
		/*visibility: none;*/
	}

	#header.unstick {
		position: absolute;
	}

	button.menu-trigger {
		background: transparent;
		border: none;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		overflow: hidden;
		/*outline: none;*/
		position: relative;
		text-indent: -900em;
		vertical-align: top;
		width: 40px;
	}

	button.menu-trigger span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 5px;
		margin: 8px 0;
		background: #3D3D3D;
		display: block;
		opacity: 1;
		border-radius: 1px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

	/*button.menu-trigger.active {*/
	/*width: 45px;*/
	/*}*/

	button.menu-trigger.active span {
		background: #3D3D3D;
	}

	button.menu-trigger span:first-child {
		top: 0;
	}

	button.menu-trigger span:nth-child(2) {
		top: 12px;
	}

	button.menu-trigger span:nth-child(3) {
		top: 24px;
	}

	button.menu-trigger.active span:first-child {
		top: -3px;
		left: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	button.menu-trigger.active span:nth-child(2) {
		opacity: 0;
		width: 0%;
	}

	button.menu-trigger.active span:nth-child(3) {
		top: 26px;
		left: 8px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#navigation {
		display: none;
		height: auto;
		left: 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		text-align: left;
		top: 110px;
		width: 100%;
		z-index: 9999;
	}

	#navigation.open {
		display: block;
	}

	/* nav resets */

	ul#menu {
		display: block;
		height: auto;
	}

	ul#menu ul li {
		padding: 0 0 0 15px;
	}

	ul#menu li,
	ul#menu li ul li,
	ul#menu li ul li ul li,
	ul#menu li ul li ul li ul li {
		display: block;
		float: none;
		height: auto;
		text-align: left;
		width: 100%;
	}

	ul#menu ul,
	ul#menu ul ul,
	ul#menu ul ul ul,
	ul#menu ul ul ul ul {
		display: block;
		left: auto;
		position: relative;
		width: 100%;
	}

	ul#menu li a,
	ul#menu li ul li a,
	ul#menu li ul li ul li a,
	ul#menu li ul li ul li ul li a {
		background-color: #FD8204; /*background color of menu */
		color: #fff;
		display: block;
		float: none;
		font-size: 12pt;
		height: auto;
		line-height: 1.1em;
		padding: 15px;
		text-transform: uppercase;
	}

	ul#menu li:hover ul ul,
	ul#menu li:hover ul ul ul,
	ul#menu li.iehover ul ul,
	ul#menu li.iehover ul ul ul {
		display: block;
	}

	ul#menu li a {
		padding: 15px;
	}

	/* okay, lets start styling roll overs */

	ul#menu li.has_submenu > a {
		background-image: url( ../images/mobile-arrow.png );
		background-position: center right;
		background-repeat: no-repeat;
	}

	ul#menu li.has_submenu > a:hover,
	ul#menu li.has_submenu.clicked_menu > a {
		background-image: url( ../images/mobile-arrow-hover.png );
	}

	ul#menu ul.closed_menu {
		display: none !important;
	}

	ul#menu ul.open_menu {
		display: block !important;
	}

	ul#menu a:hover,
	ul#menu li:hover a,
	ul#menu li.iehover a {
		color: #3D3D3D;
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu */
	ul#menu li:hover li a,
	ul#menu li.iehover li a {
		color: #FFFFFF;
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu Hover Persistence */
	ul#menu li:hover li:hover,
	ul#menu li.iehover li.iehover {
		background-color: #FD8204;
		color: #3D3D3D;
	}

	ul#menu li:hover li a:hover,
	ul#menu li:hover li:hover a,
	ul#menu li.iehover li a:hover,
	ul#menu li.iehover li.iehover a {
		color: #3D3D3D;
	}

	/* 3rd Menu */
	ul#menu li:hover li:hover li a,
	ul#menu li.iehover li.iehover li a {
		color: #FFFFFF;
	}

	/* 3rd Menu Hover Persistence */
	ul#menu li:hover li:hover li a:hover,
	ul#menu li:hover li:hover li:hover a,
	ul#menu li.iehover li.iehover li a:hover,
	ul#menu li.iehover li.iehover li.iehover a {
		background-color: #FD8204;
		color: #3D3D3D;
	}

	/* 4th Menu */
	ul#menu li:hover li:hover li:hover li a,
	ul#menu li.iehover li.iehover li.iehover li a {
		color: #fff;
	}

	/* 4th Menu Hover */
	ul#menu li:hover li:hover li:hover li a:hover,
	ul#menu li.iehover li.iehover li.iehover li a:hover {
		background-color: #FD8204;
		color: #3D3D3D;
	}

	/*#content {*/
		/*padding: 15px;*/
	/*}*/

	img.left {
		margin: 0px 15px 15px 0px;
		max-width: 415px;
	}

	img.right {
		margin: 0px 0px 15px 15px;
		max-width: 415px;
	}

	section#content-container,
	section#map-container {
		padding-top: 80px;
	}

	ul#menu li.property_management,
	ul#menu li.construction,
	ul#menu li.real_estate {
		display: block;
	}
}

@media all and (max-width: 992px) {
	#logo {
		padding-top: 5px;
	}

	#navigation {
		top: 80px;
	}
}

@media all and (max-width: 768px) {

	body {
		font-size: 11pt;
	}

	h1,
	.heading.one {
		font-size: 170%;
	}

	h2,
	.heading.two {
		font-size: 150%;
	}

	h3,
	.heading.three {
		font-size: 140%;
	}

	h4.heading.four {
		font-size: 130%;
	}

	h5,
	.heading.five {
		font-size: 110%;
	}

	/*--- HEADER ---*/
	/*--- BASE STYLES ---*/

	img.left {
		max-width: 315px;
	}

	img.right {
		max-width: 315px;
	}

	img.right,
	img.left {
		float: none!important;
		margin-left: 0;
		margin-bottom: 10px;
		max-width: 100%;
		padding: 0px;
	}

	#logo {
		width: 180px;
	}

	#menu-button-container {
		padding-top: 10px;
	}

	#navigation {
		top: 60px;
	}

	#searchContainer h2 span.break {
		display: inline;
	}

	/* hide homepage search */

	#searchContainer .mobile-hide {
		display: none;
	}

	#searchContainer .mobile-hide.visible {
		display: block;
	}

	#searchContainer h2 {
		font-size: 140%;
	}

	#searchContainer {
		min-height: 0 !important;
	}

	#searchContainer h2 a.arrow {
		display: block;
	}

	#listing-map {
		min-height: 500px !important;
	}

	#footer-container {
		padding: 10px 0;
	}

	section#content-container,
	section#map-container {
		padding-top: 65px;
	}

	table.listing,
	table.listing thead,
	table.listing tbody,
	table.listing tr,
	table.listing td,
	table.listing th,
	table.photoList,
	table.photoList thead,
	table.photoList tbody,
	table.photoList tr,
	table.photoList td,
	table.photoList th {
		background: none;
		display: block;
		padding: 0;
		text-align: left !important;
		width: 100% !important;
	}

	table.listing thead,
	table.photoList thead {
		display: none;
	}

	table.listing tr,
	table.photoList tr {
		padding: 5px;
	}

	table.listing td,
	table.photoList td {
		padding: 2px;
	}

	table.listing td.icon-status {
		display: inline-block;
		width: auto !important;
	}

	table.listing td.action {
		display: none;
	}

	table.listing td.address {
		font-family: 'Oswald', Helvetica, sans-serif;
		font-size: 110%;
		text-transform: uppercase;
	}

	table.listing td.address a {
		text-decoration: none;
	}

	.back-to-listings {
		float: none;
		margin-bottom: 5px;
	}

	.property-info-container {
		padding-top: 10px;
	}

	section#content-container .wrapper {
		padding-top: 10px;
	}

	.toggle-search {
		display: inline-block;
	}
/*
	fieldset.search {
		margin-bottom: -27px;
	}*/

	fieldset.search.show {
		margin-bottom: 10px;
	}

	.field-wrap {
		display: none;
	}

	.show .field-wrap {
		display: block;
	}

	.field-toggle {
		display: block;
	}

	.show .field-toggle {
		display: none;
	}

	.slide-out-container {
		background-size: 40px auto;
		height: 160px;
		padding-left: 40px;
		top: 150px;
		width: 40px;
	}

	.slide-out-container:hover {
		width: 205px;
	}

	.slide-out-container a {
		background-size: 100% auto;
		background-position:  left top;
		height: 160px;
		width: 165px;
	}

	.slide-out-container.open, 
	.slide-out-container:hover {
		width: 205px;
	}
}

/*
	###########
	Start mobile style
	###########
*/


@media all and (max-width: 500px) {
	.lSAction > a {
		display: none;
	}
}

/*
	###########
	Start iphone style
	###########
*/


@media all and (max-width: 340px) {

	div#map {
		height: 150px;
		width: 100%;
	}
}