@charset "UTF-8";
/* CSS Document */

/*				GLOBAL STYLES				*/

body {
	max-width: 100% !important;
	max-height: 100% !important;
	background-image: url('_images/metzSmall1280x849.jpg', '_images/390courthouseTerraceDrive1280x849.jpg', '_images/metz1280x849SkyCorrected_03.jpg');
	background-position: center!important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	border: none !important;
}

header h1 {
	text-indent: -9000em;
}

#preload {
	display: none;
}

/*				NAVIGATION STYLES				*/

.navbar {
	max-width: 100% !important;
	height: 1.5em !important;
	background: #000 !important;
	color: #fff !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4 !important;
	opacity: .8;	
}

.navbar li {
	margin-right: -1em;
	background: #000 !important;
	color: #fff;
	display: inline-block;
	opacity: 1;
}

.navbar ul {
	float: right;
	margin: 0 8em 0 auto !important;
}

.navbar ul li ul li {
	width: 150px;
	background: #000 !important;
	color: #fff;
	opacity: 1;
}

.navbar-brand {
	background: #000;
	color: #fff;
	margin-right: 0;	
}

.navbar a:link {
	background: #000 !important;
	color: #fff;
	opacity: .8;	
}

.navbar a:visited {
	color: #fff;	
}

.navbar a:hover {
	background: #369 !important;
	color: #fff !important;	
}

.navbar a:active {
	color: #fff;	
}

.dropdown-menu a:link {
	background: #000;
	color: #fff;
	text-decoration: none !important;	
	opacity: .8;
}

.dropdown-menu a:visited {
	color: #fff;	
}

.dropdown-menu a:hover {
	background: #000; !important;
	color: #fff;	
}

.dropdown-menu a:active {
	background: #333;
	color: #fff;	
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li >a:active {
	backgtound: #333 !important;
	color: #fff;	
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	backgtound: #333 !important;
	color: #fff;	
}

.dropdown ul {
	background: #222;
	opacity: 1;
}

/*.dropdown h1 {
	font-size: 1em;
	color: #fff;
}*/

.fernMenuLogo {
	float: right;
	margin-top: -.1em;
}

.fernMenuLogo a:hover {
	background: none !important;
}

.one-stop {
	display: inline-block;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: .8em;
	margin-left: 1em;
	color: #fc0;
}

/*				MAIN CONTENT STYLES				*/

/*.front-page {
	z-index: -9;	
}/*

/*#front-page-map {
	z-index: -9em;
}*/

/*#front-page-map {
	max-width: 750px;
	height: 625px;
	position: absolute;
	top: 14em !important;
	left: 18em;
	z-index: -100 !important;
	opacity: .8;	
}*/

/*#working-map {
	position: absolute;
	top: 13em !important;
	left: 9em !important;
	opacity: .9;
}*/

#working-map {
	float: left;
	margin-left: 18%;
	margin-right: auto;
	margin-top: 20%;
}

/*#map-box {
	position: absolute;
	width: 750px;
	height: 625px;
	border-radius: 2em;
	background-color: #222;
	opacity: .7;
	margin-top: 20em;
	margin-right: auto;
	margin-bottom: 10em;
	margin-left: 20em;
	z-index: 20 !important;
}*/

aside.countryClubDrop {
	position: absolute;
	top: 28em;
	left: 20em;
	list-style: none;
	z-index: 65 !important;
	background: none !important;
	border-radius: .2em;
	padding: 0 .2em 0 .2em;
	opacity: 1;
}

.property-search {
	position: absolute;
	top: 50.5em !important;
	right: -3em !important;
	z-index: 75;
	background: none !important;
	color: #000;
	border-radius: .2em;
	padding: 0 .2em 0 .2em;
	opacity: 1;
}

.property-search ul {
	background: none !important;
}

.property-search li {
	font-size: 1em !important;
}

aside.countryClubDrop ul {
	background: none !important;
}

aside.countryClubDrop li {
	font-size: 1em !important;
	width: 260px;
}

/*.property-search a:link {
	background: #f8f8f8;
	color: #222!important;
	list-style: none;
}

.property-search a:visited {
	color: #fff;
}

.property-search a:hover {
	color: #000 !important;	
}

.property-search a:active {
	color: #fff;
}

.property-search .dropdown {
		background: #f8f8f8;
		color: #000 !important;
}*/

nav.nav-pills l1 {
	background: #f8f8f8 !important;
	color: #000 !important;
	border: none;
}

/*nav.nav-pills a:link {
	background: #222 !important;
	color: #fff !important;
	list-style: none;
}

.nav-pills a:visited {
	color: #fff;
}

nav.nav-pills a:hover {
	background: none !important;
	color: #fc0 !important;	
}

nav.nav-pills a:active {
	color: #fff;
}

.nav-pills > li > a {
	background: #f8f8f8 !important;
	color: #000 !important;
	border: none !important;
    border-radius: 0 !important;
}

.nav-pills > li > a:hover {
	background: #222 !important;
	color: #FFCC00 !important;
	opacity: .5 !important;
}*/

.fernMenuLogo {
	float: right;
	margin-top: -.2em;
}

.fernMenuLogo a:hover {
	background: none !important;
}

/*				FOOTER STYLES				*/

#front-page-footer {
	position: fixed !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 40px !important;
    color: #fff;
    background: #222 !important;
    opacity: .85;
	list-style: none !important;
}

#front-page-footer li {
	list-style: none !important;
}

/*#page-bottom {
	position: relative;
	left: 2em;
	bottom: 1%;
	width: 750px !important;
	height: 35px;
	border-radius: 1em;
    color: #fff;
    background: #222 !important;
    opacity: .7 !important;
	z-index: 496;
	padding-top: .5em;
}*/

#front-page-footer li {
	float: left;
	padding-top: .5em !important;
	margin-left: 2em !important;
	list-style: square;
}

#front-page-footer ul {
	margin-left: -2em;
}

#front-page-footer a {
    color: #fc0;
}

#front-page-footer h4 {
	font-size: 1em;
	color: #fff;
	position: absolute;
	bottom: 1em;
	left: 30%;
	z-index: 17;	
}

#front-page-footer A:link {
	color: #fc0;	
}

#front-page-footer A:visited {
	color: #fc0;	
}

#front-page-footer A:hover {
	color: #ccc;	
}

#front-page-footer A:active {
	color: #fc0;	
}

.share-button {
	position: fixed;
	right: 2em;
	bottom: 0;
	margin-bottom: 1em;
}


/*				MEDIA QUERIES				*/


@media screen and (min-width: 1020px) and (max-width: 1025px) {
	
	html,body {
		max-width: 100%; !important;
		height: 1060px !important;
		background-image: url('_images/metzSmall1280x849.jpg', '_images/390courthouseTerraceDrive1280x849.jpg', '_images/metz1280x849.jpg');
		background-position: fixed !important;
		background-repeat: no-repeat !important;
		background-size: full !important;
		border: none !important;
}

	/*#front-page-footer {
		width: 1100px !important;
		height: 40px;
		color: #fff;
		background: #222 !important;
		position: absolute !important;
		left: 0 !important;
		top: 1020px !important;
		opacity: .75;
		list-style: none !important;
	}*/
	
	/*.share-button {
		position: absolute !important;
		right: 5em;
		bottom: -28em;
		margin-bottom: 1em;
	}*/

	/*#working-map {
		max-width: 90%;
		height: auto;
		position: absolute !important;
		margin-top: -2em !important;
		left: 1em;	
	}*/
	
}


@media screen and (min-width: 1025px) and (max-width: 1440px) , screen and (max-height: 900px) {

	/*html,body {
		width: 80% !important;
		height: 80% !important;
		background-size: full !important;
	}*/
	
	#working-map {
		float: left;
		margin-left: 19em !important;
		margin-right: auto;
		margin-top: 10em !important;
	}
	
	aside.countryClubDrop {
	   position: absolute;
	   left: 24em !important;
	   top: 20em !important;
   }
	
	.property-search {
		width: 300px !important;
		position: absolute;
		top: 43em !important;
		left: 47em !important;
	}

}


@media screen and (max-width: 767px) {
	
	/*.navbar-inner {
		display: none;	
	}*/
	
	.navbar-header button {
		font-size: 1.3em;
		background: #f8f8f8 !important;
		float: none;
		margin-top: 1em;
		margin-left: 15%;
		display: block;
		width: 40% !important;	
		height: auto;
	}
	
	/*#working-map {
		max-width: 90%;
		height: auto;
		position: absolute !important;
		margin-top: 4em !important;
		left: 1em;	
	}
	
	aside.countryClubDrop {
	   position: absolute !important;
	   margin-left: -5em !important;
	   margin-top: 12em;
   }
   
   .property-search {
		position: absolute;
		margin-right: 2em;
		margin-top: -15em;
	}*/
	
	.navbar ul {
		margin-left: 16em;	
	}
	
	/*.navbar ul li {
		background: #000 !important;
		display: inline !important;	
		
		opacity: 1 !important;
	}
	
	.navbar-brand {
		font-size: 1.8em !important;
		display: inline;
		max-width: 100%;
		height: 60px !important;
		margin-left: 1em;
		margin-bottom: 1em;	
		margin-top: 3em;
	}*/
	
	/*#front-page-footer {
	width: 768px !important;
	height: 60px !important;
    color: #fff;
    background: #222 !important;
    position: absolute;
	margin-bottom: -53em;
	margin-left: 0;
    opacity: .75;
	list-style: none !important;
	}*/
	
	#front-page-footer li {
		width: 768px;
		height: 50px;	
	}
	
	#front-page-footer a {
		width: 768px;
		height: 50px;	
	}
	
	.fernMenuLogo {
		display: none;	
	}
	
}
	
	
@media screen and (min-width: 481px) and (max-width: 768px) {
	
	html,body {
		width: 100% !important;
		height: 100% !important;
		background-size: full !important;
	}
	
	/*.navbar-inner {
		display: none;	
	}
	
	.navbar-fixed-top {
			margin-top: 0;
			margin-bottom: 2em;	
		}*/
	
	#links {
		width: 500px;
		margin-left: 2em;
		margin-top: 2em;
		margin-bottom: 2em;
		border-radius: 1em;
		background: #ececec;
		padding: .5em 2em 1em 2em;
		box-shadow: inset 1px 2px 10px 2px #999;
		float: none;
	}
	
	div.greenFernLogo a:link {
		width: 125px !important;
		height: 75px !important;
		background: #000;	
	}
	
	.greenFernLogo img {
		width: 75px !important;
		height: auto !important;
	}
	
	/*.dropdown ul {
		width: 180px;
		background: #000;
		opacity: 1 !important;
	}
	
	.dropdown li {
		background: #222;
		opacity: 1 !important;
	}
	
	.navbar li {
		background: #000;
		opacity: .7 !important;
		width: 2em !important;
	}
	
	div.fernMenuLogo {
		display: none;
	}*/
	
	nav.navbar navbar-default navbar-fixed-top {
		margin-top: -2em;	
	}
	
	.navbar ul {
	float: right;
	margin: 0 1em 0 auto !important;
}
	
	.navbar {
	max-width: 100% !important;
	height: 1.5em !important;
	background: #000 !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4 !important;
	opacity: .8;	
}

	.navbar li {
		display: inline-block;	
	}
	
	/*#working-map {
		max-width: 80% !important;
		height: auto;
		position: absolute !important;
		margin-top: -14em !important;
		left: 6em !important;	
	}*/
	
	#working-map {
		float: left;
		margin-left: 1em;
		margin-right: auto;
		margin-top: 3em !important;
	}
	
	aside.countryClubDrop {
	   position: absolute !important;
	   margin-left: -11em !important;
	   margin-top: -5em !important;
   }
   
   aside.countryClubDrop ul {
		background: #fff;
		opacity: .8;	
	}
	
	/*aside.countryClubDrop a {
		background: #fff !important;	
	}*/
   
   .property-search {
	    width: 300px !important;
		position: absolute;
		left: 44em !important;
		top: 36em !important;
	}
	
	/*.property-search ul {
		width: 100% !important;
		background: #fff;	
	}
	
	.property-search a {
		background: #fff !important;	
	}*/
	
	.share-button{
		display: none;	
	}
	
	
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	
	
	#working-map {
		float: left;
		margin-left: 2em;
		margin-right: auto;
		margin-top: 14em !important;
	}
	
	aside.countryClubDrop {
	   position: absolute;
	   left: 19em !important;
	   top: 28em !important;
   }
	
	.property-search {
		width: 290px !important;
		position: absolute;
		top: 47em !important;
		left: 28em !important;
	}
	
	/*#front-page-footer {
		width: 1024px !important;
		height: 40px;
		color: #fff;
		background: #222 !important;
		position: absolute !important;
		left: 0 !important;
		bottom: 1px !important;
		opacity: .75;
		list-style: none !important;
	}*/
	
	html,body {
		width: 100% !important;
		height: 100% !important;
		background-size: full !important;
	}

	/*nav.navbar navbar-default navbar-fixed-top {
		display: none;	
	}*/
	
	/*.navbar-brand {
		font-size: .9em !important;
		position: absolute;
		left: -1em;
		top: -5em;
		max-width: 30% !important;
		
		margin-top: 4.7em;	
		margin-left: 1em;
		margin-bottom: 3em;
	}*/
	
	div.fernMenuLogo {
		float: right !important;
	}
	
	.navbar-header button {
		display: none;
	}
	
	/*.nav li {
		margin-right: -1em;	
	}*/
	
	.dropdown ul {
		background: #222;
		opacity: 1 !important;
	}
	
	.dropdown li {
		background: #222;
		opacity: 1 !important;
	}

}

@media screen and (min-width: 992px) and (max-width: 1024px) {
	
	.navbar li {
	margin-right: -1em;
	background: #000 !important;
	color: #fff;
	display: inline-block;
	opacity: 1;
}

.navbar ul {
	float: right;
	margin: 0 5em 0 auto !important;
}

.navbar ul li ul li {
	width: 150px;
	background: #000 !important;
	color: #fff;
	opacity: 1;
}

.navbar-brand {
	background: #000;
	color: #fff;
	margin-right: 0;	
}
	
	#working-map {
		float: left;
		margin-left: 13% !important;
		margin-right: auto;
		margin-top: 6% !important;
	}
	
	aside.countryClubDrop {
	   float: left;
	   margin-left: -12em !important;
	   margin-top: -7em;
   }
	
	.property-search {
		width: 290px !important;
		position: absolute;
		top: 37em !important;
		left: 36em !important;
	}
	
	/*#front-page-footer {
		width: 1024px !important;
		height: 40px !important;
		color: #fff;
		background: #222 !important;
		position: absolute !important;
		left: 0 !important;
		bottom: -184px !important;
		opacity: .8;
		list-style: none !important;
	}*/
	
	html,body {
		width: 100% !important;
		height: 100% !important;
		background-size: full !important;
	}
	
	/*.nav li {
		margin-right: -1em;	
	}*/
	
	.dropdown ul {
		width: 180px;
		background: #000;
		opacity: 1 !important;
	}
	
	.dropdown li {
		background: #222;
		opacity: 1 !important;
	}
	
	/*object#EdgeID {
	max-width: 90% !important;
	height: 90% !important;
	}*/
	
	
}

@media screen and (max-width: 640px) {
	
	html,body {
		width: 620px; !important;
		height: 1024px !important;
		background-size: full !important;
	}
	
	/*.navbar-fixed-top {
		margin-top: 1em;
		margin-bottom: 2em;	
	}
		
	.navbar-fixed-top li {
		max-width: 960px;
		height: auto;	
	}*/
		
		/*#front-page-footer {
			width: 960px !important;
			height: 40px;
			color: #fff;
			background: #222 !important;
			position: absolute !important;
			left: 0 !important;
			bottom: -1em !important;
			opacity: .75;
			list-style: none !important;
		}*/
		
		
	/*.property-search {
		position: absolute !important;
		margin-top: 5em !important;
		margin-right: 1em !important;
	}
	
	#working-map {
		position: absolute !important;
		margin-top: 6em !important;
		left: 3em;	
	}*/
	
	

@media screen and (max-width: 767px) {
	
	/*.navbar-inner {
		display: none;	
	}*/
	
	/*div.fernMenuLogo {
		display: none;
	}*/	
	
	#mainContent {
		margin-top: 2em;
		margin-left: 1em; 
	}
	
	.greenFernLogo img {
		width: 100px !important;
		height: auto;
	}
	
	.navbar {
		position: relative;
		margin-top: 1em;
		margin-bottom: .5em !important;
		width: 100% !important;
		height: auto;
		background: none !important;	
	}
	
	.navbar-header {
		margin-left: 2em;	
	}
		
	.navbar-inner {
		display: none;	
	}

	.navbar li {
		font-size: 1.4em;
		width: 120% !important;
		height: 60px;
		background: #000;
		opacity: 1;
		display: block;
		margin: .3em 2em .2em 0;
		
	}

	.navbar-brand {
		position: absolute !important;
		top: 1em !important;
		left: 50% !important;
		font-size: 2em;
		display: block;
		max-width: 110% !important;
		height: 60px;
		margin-bottom: 4em;	
	}
	
	.navbar-header button {
		font-size: 2em;
		background: #fc0 !important;
		float: none;
		margin-left: 17em !important;
		margin-top: 7em !important;
		display: block;
		width: 50% !important;	
		height: 60px;
	}
	
	.share-button {
		display: none;	
	}
	
	/*#front-page-footer {
		display: none;	
	}*/
	
	
}

	
@media screen and (min-width: 320px) and (max-width: 480px) {
	
	/*#front-page-footer {
			display: none;
		}*/
	
	#working-map {
		padding-top: 2em !important;
	}
	
	.navbar-brand {
		position: absolute;
		top: 1em;
		left: 72% !important;
		background-color: none !important;
		font-size: 1.8em;
		display: block;
		max-width: 110% !important;
		height: 60px;
		margin-bottom: 2em;	
	}
	
	.navbar-header button {
		font-size: 2em;
		background: #fc0 !important;
		float: none;
		margin-left: 15em !important;
		margin-top: 4em !important;
		display: block;
		width: 50% !important;	
		height: 60px;
	}
	
	.navbar li {
		font-size: 1.4em;
		width: 200% !important;
		height: 60px;
		background: #000;
		opacity: 1;
		display: block;
		margin: .3em 2em .2em 0;
		
	}
			
	input {
		max-width: 200px;
		height: auto;	
	}
		
		textarea {
			max-width: 250px;	
		}
		
	#web-real-estate p {
		margin-left: 0;
		margin-right: 0;
		text-align: justify;
	}
	
	#about-photo {
		float: none;
		margin: 1em 0 1em 1em;
	}

	#about-photo img {
		margin: 0;
	}
	
	#office-address {
		max-width: 300px !important;
		margin: 1em 0 0 0 !important;
		border-radius: 1em;
		background: #f8f8f8;
		box-shadow: inset 2px 1px 10px 2px #ccc;
		padding: 2em 1em 2em 1em;
	}

    #contact-form {
		max-width: 300px;
		margin-left: 1em;
		border-radius: 0;
		background: none;
		color: #305c39;
		padding: 0;
		box-shadow: none;
	}
	
	#links {
		width: 400px;
		margin-left: 4em;
		margin-top: 2em;
		margin-bottom: 2em;
		border-radius: 1em;
		background: #ececec;
		padding: .5em 2em 1em 2em;
		box-shadow: inset 1px 2px 10px 2px #999;
		float: none;
}
	
	#links h1 {
		margin-left: 1em;
		font-size: 1em;	
	}
	
	#links h2 {
		margin-left: 1em;
		font-size: 1em;
		color: #555;
	}
	
	#web-real-estate h1 {
		font-size: 1.1em !important;
		color: #800000;
		text-align: center;
	}
	
	#web-real-estate h2 {
		font-size: .9em;
		margin-left: 1em;
		color: green;
	}
	
	div.fernMenuLogo {
		display: none;
	}
	
	#working-map {
		max-width: 450px !important;
		height: auto !important;
		float: left;
		margin-left: 1em;
		margin-right: auto;
		margin-top: 10em !important;
}
	
	aside.countryClubDrop {
	   position: absolute !important;
	   margin-left: 1em !important;
	   margin-top: -1em;
   }
   
   .property-search {
		position: absolute;
		margin-right: 2em;
		margin-top: -1em;
	}
	
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	
	#working-map {
		float: left;
		margin-left: 12% !important;
		margin-right: auto;
		margin-top: 50em !important;
	}
	
	aside.countryClubDrop {
	   float: left;
	   margin-left: -15em !important;
	   margin-top: -8em;
   }
	
	.property-search {
		width: 250px;
		position: absolute !important;
		top: 30em !important;
		right: -30em !important;
	}
	
	.navbar li {
	margin-right: -1em;
	background: #000 !important;
	color: #fff;
	display: inline-block;
	opacity: 1;
}

.navbar ul {
	float: right;
	margin: 0 12em 0 auto !important;
}

.navbar ul li ul li {
	width: 150px;
	background: #000 !important;
	color: #fff;
	opacity: 1;
}

.navbar-brand {
	background: #000;
	color: #fff;
	margin-right: 0;	
}
	
	div.fernMenuLogo {
		display: none;
	}
	
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	
	a.navbar-brand {
		background: none !important;
		font-size: 1.2em;
		display: block;
		position: absolute;
		top: 1em;
		left: 16em;
		margin: 1em 0 1em 4em;
	}
	
	.navbar-header button {
		font-size: 1.3em;
		background: #fc0 !important;
		float: none;
		margin-left: 6em;
		margin-top: 6em;
		display: block;
		width: 50% !important;	
		height: auto;
	}
	
	#working-map {
		max-width: 450px !important;
		height: auto !important;
		position: absolute;
		margin-left: 6em !important;
		margin-right: auto;
		margin-top: 10em !important;
}
	
	aside.countryClubDrop {
	   float: left !important;
	   margin-left: -12em !important;
	   margin-top: 2em !important;
   }
   
   .property-search {
		position: absolute;
		margin-left: -10em !important;
		margin-top: 7em !important;
	}	
	
}

}