@font-face {
    font-family: 'alte_haas_grotesk';
    src: url('./fonts/altehaasgroteskbold-webfont.eot');
    src: url('./fonts/altehaasgroteskbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/altehaasgroteskbold-webfont.woff2') format('woff2'),
         url('./fonts/altehaasgroteskbold-webfont.woff') format('woff'),
         url('./fonts/altehaasgroteskbold-webfont.ttf') format('truetype'),
         url('./fonts/altehaasgroteskbold-webfont.svg#alte_haas_groteskbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'alte_haas_grotesk';
    src: url('./fonts/altehaasgroteskregular-webfont.eot');
    src: url('./fonts/altehaasgroteskregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/altehaasgroteskregular-webfont.woff2') format('woff2'),
         url('./fonts/altehaasgroteskregular-webfont.woff') format('woff'),
         url('./fonts/altehaasgroteskregular-webfont.ttf') format('truetype'),
         url('./fonts/altehaasgroteskregular-webfont.svg#alte_haas_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	color: #333333;
	font-family: 'alte_haas_grotesk', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

	text-align: left;

	background-color: #FFFFFF;
	
	min-height: 100%;
}


a:link {
	color: #888888;
	text-decoration: none;
	/*border: ;*/
}
a:visited {
	color: #888888;
	text-decoration: none;
	/*border: ;*/
}
a:hover {
	color: #888888;
	text-decoration: underline;
	/*border: ;*/
}
a:active,
nav#siteTopMenu ul li.selected span {
	color: #888888;
	text-decoration: underline;
	/*border: ;*/
}

a img { border: none; }
  
#contentContainer div#siteHeading {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #333333;
  font-family: inherit;
  font-size: 2.6em;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 0.8em;
  width: calc( 100% - 160px );
  text-align: center;
}

#contentContainer div#siteHeading a,
#contentContainer a#menuToggle {
  color: #333333;
}

#contentContainer a#menuToggle {
  font-size: 1.6em;
}

#allContainer {
	position: relative;
	z-index: 100;
	padding: 0; margin: 0;
}

#contentContainer {
  box-sizing: border-box;
  position: relative;
	width: 100%;
	padding: 0 20px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

	#multisites {
		list-style: none;
		padding: 0;
		margin: 0;
		float: right;
	}

	#multisites li {
		display: inline-block;
		margin: 0 10px 10px 10px;
	}

header {
  
}

div#headerTop {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 20px 10px;
  background: white;
  border-bottom: 2px solid black;
  z-index: 1000;
  overflow: visible;  
  min-height: 70px;
}

	nav#siteTopMenu {
      position: absolute;
      top: 70px;
      clear: both;
      padding: 0;
/*      z-index: 1000;*/
      background: white;
      width: 100vw;
      height: calc( 100vh - 70px );
	}

.xEngine nav#siteTopMenu {
      position: absolute;
      width: auto;
      height: auto;
      clear: both;
      padding: 0;
	}

		nav#siteTopMenu ul {
			margin: 0 0 0;
			padding: 0;
			display: block;
			clear: both;
			float: left;
			list-style: none;
		}
			nav#siteTopMenu ul li {
				display: block;
				float: left;
				margin: 0;
			}
				nav#siteTopMenu ul li .separator {
					display: block;
					float: left;
					padding: 0;
				}
				nav#siteTopMenu ul li:first-child .separator { display: none; }

				nav#siteTopMenu ul li a:link,
				nav#siteTopMenu ul li a:visited {
					display: block;
					float: left;
					color: #000000;
				}

				nav#siteTopMenu ul li a:active,
				nav#siteTopMenu ul li.selected>span,
				nav#siteTopMenu ul li.selected>a {
					color: #000000;
				}

				nav#siteTopMenu ul li a:hover {
					color: #000000;
				}

				nav#siteTopMenu ul li.selected a,
				nav#siteTopMenu ul li.selected span {
					font-weight: bold;
				}

				nav#siteTopMenu ul li.selected span.separator {
					font-weight: normal;
					text-decoration: none;
					color: #333333;
				}

		nav#siteTopMenu ul#mainMenu {
          width: calc( 100vw - 80px );
          height: 100vh;
          background-color: white;
			padding: 0;
		}



			nav#siteTopMenu ul#mainMenu li {
				font-family: inherit;
				font-size: 1.6em;
				font-weight: inherit;
				font-style: inherit;
				font-variant: inherit;
				line-height: 1em;
				white-space: nowrap;
			}
				nav#siteTopMenu ul#mainMenu li .separator {
					padding-left: 0.5em;
				 	padding-right: 0.5em;
				}

		nav#siteTopMenu ul li ul.subMenu {
			display: none;
		}
nav#siteTopMenu ul#mainMenu li ul.subMenu li {
  font-family: inherit;
  font-size: .8em;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: inherit;
}

		nav#siteTopMenu ul#subMenu {
			clear: left;
			padding: 0 0 10px;
		}

			nav#siteTopMenu ul#subMenu li {
				font-family: inherit;
				font-size: .8em;
				font-weight: inherit;
				font-style: inherit;
				font-variant: inherit;
				line-height: inherit;
			}
				nav#siteTopMenu ul#subMenu li .separator {
					padding-left: 0.5em;
				 	padding-right: 0.5em;
				}

		.ie #additionalText {
			width: 500px;
		}
			#additionalText p {
				margin: 0; padding: 0;
			}


	ol#pageEntries {
		list-style: none;
		margin: 70px 0 0;
		padding: 0;
		clear: both;
		width: 100%;
        overflow: hidden;
	}
		ol#pageEntries li.xEntry {
		  list-style:none;
/*			margin: 10px;*/
          margin: calc( 4% / 6 );
		  padding: 10px;
          width: 32%;
          background: white;
          float: left;
		}

			ol#pageEntries li.xEntry h2 {
              display: block;
              width: calc( 100% - 20px );
              float: left;
              color: #333333;
              font-family: inherit;
              font-size: 1.2em;
              font-weight: bold;
              font-style: normal;
              font-variant: normal;
              line-height: normal;
              margin: 0 0;
              padding: 10px;
/*                background: rgba(255, 255, 0, .5);*/
              border-top: 2px solid black;
			}
				/*ol#pageEntries li.xEntry h2 span { display: block; float: left; }*/
			ol#pageEntries li.xEntry p.shortDesc {
				clear: left;
				margin: 0 0 5px;
				padding: 0;
			}

			ol#pageEntries li.xEntry .xGalleryContainer {
				position: relative;
				clear: left;
				margin: 0;
				padding: 10px;
                width: 100%;
                min-height: 205px;
				/*border: 2px solid #fff;*/
				margin: 0;
/*              background: rgba(255, 255, 0, 1);*/
			}
			ol#pageEntries li.xEntry .xGalleryType-slideshow {
				/*float: left;*/
			}
			ol#pageEntries li.xEntry .xGalleryType-row {

			}
            ol#pageEntries li.xEntry .xGalleryType-pile {

            }
            ol#pageEntries li.xEntry .xGalleryType-column {

            }

				ol#pageEntries li.xEntry .xGalleryContainer .xGallery {
					position: relative;
					margin: 0 auto;
                    text-align: center;
				}
					ol#pageEntries li.xEntry .xGalleryContainer .xGallery div.xGalleryItem { display: block; }
                    ol#pageEntries li.xEntry .xGalleryType-column div.xGalleryItem {
                        padding-bottom: 1em;
                    }
					ol#pageEntries li.xEntry .xGalleryType-row div.xGalleryItem {
						float: left;
						margin-right: 1em;
						padding-bottom: 5px;
					}
					ol#pageEntries li.xEntry .xGalleryType-slideshow .xGalleryImageCaption { display: none; }
					ol#pageEntries li.xEntry .xGalleryType-row .xGalleryImageCaption p {
						margin: 5px 0 0;
					}

				ol#pageEntries .xGalleryContainer ul.xGalleryNav {
					display: block;
				    position: absolute;
                    bottom: 10px;
                    right: 10px;
					clear: both;
					/*float: right;*/
					margin: 0 0 2px;
					padding: 0;
					list-style: none;
					height: 18px;
					/*width: 150px;*/
				}
					ol#pageEntries .xGalleryContainer ul.xGalleryNav li {
						display: block;
						float: left;
						list-style: none;
						line-height: 96%;
						margin: 0;
						padding: 0 5px 0 0;
					}
					ol#pageEntries .xGalleryContainer ul.xGalleryNav li .xGalleryImageCaption { display: none; }
					ol#pageEntries .xGalleryContainer ul.xGalleryNav li a {
						display: block;
						float: left;
						padding: 1px 2px 1px;
                        background-color: #FFF;
					}
					ol#pageEntries .xGalleryContainer ul.xGalleryNav li.selected a {
						background-color: #000;
						color: #FFFFFF;
					}


			ol#pageEntries li.xEntry .entryText {
				width: 100%;
				position: relative;
				clear: both;
				float: left;
				text-align: left;
				margin: 0;
              padding: 10px;
/*              background: rgba(255,255,0,.5);*/
              min-height: 130px;
			}
				ol#pageEntries li.xEntry .entryText p {
					margin: 0 0 6px;
				}

				/* disqus fix */
				ol#pageEntries #dsq-content ul, ol#pageEntries #dsq-content li {
				    list-style-position: outside;
				    list-style-type: none;
				    margin: 0;
				    padding: 0;
				}

				ol#pageEntries li.xEntry .entryText ul {
					margin: 0 0 6px;
					padding: 0 0 0 15px;
				}
					ol#pageEntries li.xEntry .entryText ul li {
						list-style-type: circle;
						margin: 0 0 3px 0;
						padding: 0;
					}
				ol#pageEntries li.xEntry .entryText ol {
					margin: 0 0 6px;
					padding: 0 0 0 15px;
					/*counter-reset: term;*/
				}
					ol#pageEntries li.xEntry .entryText ol li {
						margin: 0 0 3px 0;
						padding: 0;
						list-style-type: decimal;
						/*text-indent: -2em;*/
					}
					ol#pageEntries li.xEntry .entryText ol li:before {
						/*counter-increment: term;
						content: counter(term) ") ";*/
					}



			ol#pageEntries li.xEntry .entryContent {
				clear: both;
              width: 100%;
				padding: 10px;
/*              background: rgba(255,255,0,.25);*/
				color: #333333;
				font-family: inherit;
				font-size: inherit;
				font-weight: inherit;
				font-style: inherit;
				font-variant: inherit;
				line-height: inherit;
			}
				ol#pageEntries li.xEntry .entryContent table {
					float: left;
				}
				ol#pageEntries li.xEntry .entryContent .items {
					float: left;
				}
				ol#pageEntries li.xEntry .entryContent p.itm {
					float: left;
					clear: both; /*left;*/
					margin: 0 0 2px;
					padding: 0;
				}
				ol#pageEntries li.xEntry .entryContent div.tagsList {
					clear: both;
				}
					ol#pageEntries li.xEntry .entryContent div.tagsList div {
						float: left !important;
						clear: none;
					}

.xProperty-url {
  overflow: hidden;
    text-overflow: ellipsis;
}

	#additionalFooterText {
		margin: 50px 0 0;
	}

	#additionalFooterText p {
		margin: 0;
	}

	.footer {
		margin: 10px 0 0;
		font-size: 80%;
	}

	.footerMenu {
		margin: 20px 0 0;
	}


	.bottomCopy {
		position: relative;
		bottom: 0;
	}
	.bottomCopy {
		clear: left;
		font-size: 80%;
		color: #333333 !important;
	}

	.floating-banner {
		position: absolute;
		z-index: 3000;
	}

	.iframeWrapper  {
		position: relative;
		padding-bottom: 56.25%;
	}

	.iframeWrapper iframe {
		position: absolute;
		width: 100%;
		height: 100% !important;
	}

    .xSectionType-portfolio .xGalleryContainer {
        width: 100%;
        float: none;
    }

/**/

	img,
	ol#pageEntries li.xEntry .xGalleryContainer .xGallery,
	ol#pageEntries li.xEntry .xGalleryContainer .xGallery div.xGalleryItem,
	ol#pageEntries li.xEntry .xGalleryContainer .xGallery div.xGalleryItem .image {
		max-width: 100% !important;
		height: auto !important;
	}

	#xFilledBackground img {
	    max-width: none !important;
	}

/*
	#contentContainer {
		width: auto;
		max-width: 100%;
	}
*/

	#menuToggle {
/*
		display: none;
		width: 1.5em;
		height: auto;
		padding: 1.5em 1em;
		border: 1px solid black;
		background-color: black;
*/
	}

	#menuToggle.active {
/*		background-color: white;*/
	}

	#additionalText {
      display: none;
      position: absolute;
      top: 20px;
      right: 40px;
	}

	.floating-banner {
		position: static;
		display: inline-block;
		margin: 10px;
	}

	.vjs-poster {
		position: absolute;
		top: 0;
		left: 0;
	}

	ol#pageEntries li.xEntry,
	ol#pageEntries li.xEntry .xGalleryContainer .xGallery div.xGalleryItem,
	.row .column {
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	}

	/* larger than tablet */
	@media (min-width: 768px) {
		ol#pageEntries li.xEntry .xGalleryType-row .xGallery {
			max-width: inherit !important;
		}
	}

	/* small tablet 
	@media (max-width: 767px)  {*/
		#menuToggle {
			display: inline-block;
		}

		nav#siteTopMenu {
			display: none;
		}

		nav#siteTopMenu,
		nav#siteTopMenu ul,
		nav#siteTopMenu ul li,
		nav#siteTopMenu ul li a,
		nav#siteTopMenu ul li a:link,
		nav#siteTopMenu ul li a:visited {
			float: none;
		}

		nav#siteTopMenu > ul > li {
			margin-bottom: 0.5em;
		}

		nav#siteTopMenu ul#mainMenu li {
			line-height: 1em;
          margin: .5em 0;
		}

		nav#siteTopMenu ul li ul.subMenu {
			display: block;
			margin-left: 1em;
		}

		nav#siteTopMenu ul li.selected ul.subMenu li a {
			font-weight: normal;
		}

		nav#siteTopMenu ul li ul.subMenu li.selected a {
			font-weight: bold;
		}

		nav#siteTopMenu ul#mainMenu li .separator {
			display: none;
		}

		nav#siteTopMenu ul#subMenu {
			display: none;
		}

		ol#pageEntries li.xEntry .xGalleryType-row .xGallery .xGalleryItem {
			padding-bottom: 1em;
			padding-right: 0;
		}

/* Display TopMenu correctly in Admin Mode */

.xEngine nav#siteTopMenu {
  position: absolute;
  width: calc( 100% - 40px);
  left: 0;
  height: auto;
  clear: both;
  padding: 0 20px;
  border-bottom: 2px solid darkgrey;
  font-size: 1em;
}

.xEngine nav#siteTopMenu ul#mainMenu {
  width: auto;
  height: auto;
  padding: 0;
}

.xEngine nav#siteTopMenu {
  display: block;
}

.xEngine nav#siteTopMenu,
.xEngine nav#siteTopMenu ul,
.xEngine nav#siteTopMenu ul li,
.xEngine nav#siteTopMenu ul li a,
.xEngine nav#siteTopMenu ul li a:link,
.xEngine nav#siteTopMenu ul li a:visited {
  float: left;
}

.xEngine nav#siteTopMenu ul li {
  margin-bottom: 0;
}

.xEngine nav#siteTopMenu ul li ul.subMenu {
  display: none;
  margin-left: 1em;
}

.xEngine nav#siteTopMenu ul#mainMenu li {
  font-size: 1.3em;
}

.xEngine nav#siteTopMenu ul#mainMenu li .separator {
  display: block;
}

.xEngine nav#siteTopMenu ul#subMenu {
  display: block;
}

.xEngine ol#pageEntries {
  margin: 130px 0 0;
}

/* small tablet */
  @media (max-width: 1280px)  {
      
    ol#pageEntries li.xEntry {
      margin: calc( 6% / 6 );
      width: 48%;
    }
  }

/* smartphone */
  @media (max-width: 640px)  {
      
    ol#pageEntries li.xEntry {
      margin: 0;
      width: 100%;
    }
    
    #contentContainer div#siteHeading {
      font-size: 1.6em;
    }
  }
  


}

/**/