/*clear*/
a, abbr, acronym, address, applet, article, b, big, blockquote, body,
caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font,
footer, form, h1, h2, h3, h4, h5, h6, header, i, iframe, img, ins, kbd,
label, legend, li, object, ol, p, pre, q, s, samp, section, small, span,
strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul,
var, html{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
	font-style:normal;
	text-decoration:none;
	hyphens: auto;
	background-color: #ffffff;
	color:#000000;
}

/* License file path for the following fonts: /fonts/SIL Open Font License.txt */
@font-face {
    font-family: 'Liberation Sans';
    src: url('/fonts/LiberationSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Liberation Sans';
    src: url('/fonts/LiberationSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Liberation Serif';
    src: url('/fonts/LiberationSerif-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Liberation Serif';
    src: url('/fonts/LiberationSerif-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*general*/
body {
  line-height: 1em;
 -ms-overflow-y: scroll;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  -webkit-text-size-adjust:100%;
}
/*decoration*/
.stripe{
	position:absolute;
	height:2px;
	width:100%;
	min-width:62em;
	left:0;
	top:0;
	background-color: #EED1A9;
	z-index: 100;
}
/*links*/
a:link, a:visited {
	font-weight:normal;
	text-decoration: none;
	-webkit-transition: color 0.1s ease-in-out;
	-moz-transition: color 0.1s ease-in-out;
	-o-transition: color 0.1s ease-in-out;
	transition: color 0.1s ease-in-out;
}
a:hover {
	color: darkred;
	text-decoration: none;
}
/*decoration*/
#mainWrapper{
	position:relative;
	width:65em;
	padding:1em;
	margin-left:auto;
	margin-right:auto;
}
#headerContainer{
	position:absolute;
	width:97%;
	height:10em;
}
#headerContainerTable{
	position:absolute;
	width:100%;
	bottom:0;
}
#headerContainerTable td{
	vertical-align:baseline;
}
#leftLogo{
	font-size: 3.5em;
	left:0;
	text-aling:left;
}
#rightLogo{
	font-size:1.5em;
	text-align:right;
}
div#languageSelection{
	position:absolute;
	right:0;
	text-align:right;
	padding-bottom:3.5em;
	margin-bottom:3.5em;
}
div#languageSelection > p{
	font-size:1em;
	padding-bottom:3.5em;
	margin-bottom:3.5em;
}

*::-moz-selection {
   background: #d8d0d0; 
   #color: #FFFFFF;
}
/*::selection {
	background: #sand;
	#color:#FFFFFF;
}*/
/*menu*/
#menu{
	float:left;
	width: 12em;
	position:absolute;
	top:18em;
	margin-left:0.25em;
	text-align:left;
	/*border-right:solid;*/
	border-width:1px;
	border-color:#d8d0d0;
    font-size: 1.4em;
	line-height:1.5;
}
#menu h1,h2,h3,h4,h5{
	font-weight:normal;
}
a.menu{
	display:inline-block;
	position:relative;
	padding-bottom:0.25em;
	padding-top:0.25em;
	width:90%;
}
a.subMenu{
	width:80%;
	padding-left:10%;
}
/*content*/
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;
}

#contentContainer h4{
	padding-bottom:0.5em;
	font-size: 1.5em;
}
#contentContainer h5{
	padding-bottom:0.25em;
	padding-top:0.5em;
	font-size: 1.25em;
}
#contentContainer h6{
	font-size: 1.1em;
}

h6{
	padding-top:1em;
	padding-bottom:0.5em;
}
li{
/*	list-style:none;*/
	margin:0 0 0.25em 0; 
}
p{
/*	padding-left:1.5em;*/
	padding-bottom:0.5em;
}
ul{
	list-style-type: square;
	/*list-style-position: inside;*/
	padding-left: inherit;
	display: table;
	margin-left: 1em;
}
p.citation{
	padding-right:1.5em;
}
p.image{
	padding-top:1.5em;
	padding-bottom:1.5em;
}
#contentContainer{
	background-color: #ffffff;
	position:absolute;
	float:right;
	top:18em;
	left:20em;
	width: 35em;
	text-align:left;
	line-height:1.35;
    font-size: 1.2em;
}
.subMenuContainer{
	position:absolute;
	top:45px;
	right:470px;
	text-align:right;
	float:right;
	line-height:1.5em;
	border-right:solid;
	border-width:1px;
	border-color:#d8d0d0;
	padding-right:1em;
	padding-top:5px;	
	padding-bottom:5px;
}
.sidenote{
	background-color: #ffffff;
	position:absolute;
	float:right;
	top:270px;
	left:500px;
	padding:1em;
	width: 180px;
	text-align:justify;
	line-height:1.2em;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#D8D0D0;
	padding-left:1em;
	padding-bottom:1.5em;
	font-size:0.85em;
}
blockquote{
	padding:1.2em;
	padding-top:0em;
}
address{
	font-style:normal;
}
hr{
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	border-top-color:#D8D0D0;
	border-bottom-color:#D8D0D0;
	margin-bottom:1.5em;
}
.withShadow{
	-moz-box-shadow: 2px 3px 4px #A8A0A0;
	-webkit-box-shadow: 2px 3px 4px #A8A0A0;
	box-shadow: 2px 3px 6px 3px #A8A0A0;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A8A0A0')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A8A0A0');
}
.textShadow{
	text-shadow: 0.1em 0.1em 0.2em #A8A0A0;
}
.imageContainer{
	padding-top:1.5em;
	padding-left:1.5em;
	padding-bottom:1.5em;
}
.columnContainer {
	position:relative;
	text-align:center;
}
.triColumn{
	display: inline-block;
	text-align:justify;
	width:31%;
	margin:0;
}

.biColumn{
	display: inline-block;
	text-align:justify;
	width:45%;
	margin:2%;
}
.triInnerColumn{
	display: inline-block;
	text-align:justify;
	width:31%;
	margin-left:2%;
	margin-right:2%;
}
/*fonts*/
.serif{
	font-family: "Times", "Liberation Serif", "Times New Roman", serif;
}
.sans{
	font-family: "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;
}
.normal{
	font-weight:normal;
}
.large{
	font-size:1.25em;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style:italic;
}
i{
	font-style:italic;
}
.right{
	text-align:right;
	float:right;
}
/*colors*/
.orange{
	color:#000000;
}
.blue{
	color:#3040FF;
}
.sand{
	color:#EED1A9;
}
.darkred{
	color:#9B5051;
}
.whiteGray{
	color:#F9F9F9;
}
.scrollUp{
	padding-bottom:0.3em;
}
.mobile{
	visibility:hidden;
}

#contactmap{
	width:100%;
	min-height:350px;
}


form {
  font-size: 1em;
  width: 100%;
}

form h5 {
  margin: 6em 0 0em;
  position: relative;
  padding-top: 0.5em;
  font-weight: bold;
}

/* Add a beige separator line above */
form h5::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #EED1A9;
}

.form-divider-survey {
  width: 100%;
  height: 20em; /* or auto if placed inside a flex or flow layout */
  margin-top: 6em;
  background: url('/images/survey.png') center/contain no-repeat;
  background-blend-mode: lighten;
  opacity: 0.2;       /* faded look */
}

.form-divider-living {
  width: 100%;
  height: 10em; /* or auto if placed inside a flex or flow layout */
  margin-top: 6em;
  background: url('/images/living.png') center/contain no-repeat;
  background-blend-mode: lighten;
  opacity: 0.5;       /* faded look */
}

.form-divider-estate {
  width: 100%;
  height: 25em; /* or auto if placed inside a flex or flow layout */
  margin-top: 6em;
  background: url('/images/estate.png') center/contain no-repeat;
  background-blend-mode: lighten;
  opacity: 0.4;       /* faded look */
}

form label {
  display: block;
  margin-top: 3em;
  margin-bottom: 0.3em;
  font-family: "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;
}

form input[type="number"],
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 10em;
  border: 1px solid #d8d0d0;
  font-family: "Times", "Liberation Serif", "Times New Roman", serif;
  font-size: 1em;
  box-sizing: border-box;
}


form textarea {
  resize: vertical;
}

form input[type="checkbox"] {
  margin-right: 0.5em;
}

form select {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 10em;
  padding: 0.4em;
  margin-top: 0.3em;
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;
  cursor: pointer;
}

form input[type="submit"],
form button {
  margin-top: 6em;
  padding: 0.5em 1.2em;
  background-color: #EED1A9;
  border: none;
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;
  cursor: pointer;
}

form input[type="submit"]:hover,
form button:hover {
  background-color: #d8b584;
}


@media all and (max-width: 700px) {
	#mainWrapper, #rightLogo, #leftLogo, #contentContainer, .subMenuContainer,#headerContainer,#headerContainerTable td,
	#headerContainerTable,table, #menu, .sidenote, div#languageSelection, div#languageSelection > p{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		width:auto;
		min-width:0;
		float:none;
		position:static;
	}
	body{padding:0.25em;}

	.sidenote{position:absolute;top:0;left:0;float:left;z-index:-10;color:#ffffff}
	#headerContainerTable,#headerContainer{height:7em;width:100%;padding-bottom:1em;}
	#headerContainerTable #leftLogo{font-size:3em;padding-top:0.5em;}
	#headerContainerTable #rightLogo{font-size:1.5em;padding-top:3.0em;float:right;text-align:right;}
	.stripe{min-width:100%;}
	#menu{font-size:1.45em;line-height:1em;padding-bottom:1em}
	.sidenote{display:none;}
	#contentContainer{font-size:1.25em;padding-top:1em;padding-bottom:0.5em;border-top:solid;border-width:2px;}
	div#contentContainer > p{padding-left:0;padding-right:0;}
	blockquote{font-size:1em;padding:0.3em;padding-bottom:1em;}
	.subMenuContainer{padding-top:0.5em;padding-bottom:0.5em;margin-bottom:0.5em;border-bottom:solid; border-width:2px; border-right:none;font-size:1.5em;}
	.mobile{ visibility:visible; }
	div#languageSelection > p{font-size:1em;}
	ul { list-style-type: square; }
	li { display: list-item; }
}