body   { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0pt; font-size: 80% }
.leftmenu {	border-right: 2px solid black;	background-color: black; color: white; padding: 5px;}
.leftmenu td {	border-bottom: 1px solid black;	line-height: 20px; 	text-indent: 5px;}
.leftmenu a {	color: white;	text-decoration: none;}
.leftmenu a:hover {	color: black;	background-color: #a4a4a4;}
.CurrentPage {	background-color: #a4a4a4;}
.CurrentPage a {	color: black;	text-decoration: none;}
.div-line {	border-bottom: 3px solid black;}
.main-body {
	padding: 20px;
	padding-top: 15px;
}

a {
	color: blue;
}
#header-graphic  {
    background: url(/images/site/header-graphic.gif);
    background-repeat: no-repeat;
    background-position: right -3px;
    transform: translate(170px, -85px);
}

#pagetitleimage {
	background: url(/images/site/pagetitle-graphic.jpg);
	background-repeat: no-repeat;
}

#pagetitle {
	color: black;
	font-size: 150%;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 20px;
	background: url(/images/site/pagetitle-graphic.jpg);
	background-repeat: repeat-y;
}

#slogan    {
	color: black;
	font-weight: bold;
	font-size: 150%;
	padding-top: 10px;
	padding-left: 20px;
}

#logo    {
	padding-left: 10px;
}

.image-box      { margin: 10px; padding: 10px; border: solid 2px black; align: right  }



.inactive {
	display: none;
}
.active {
	display: block;
}

form .errorMessage {
	color: red;
}

form #errorBox {
	border-top: 1px solid red;
	border-left: 1px solid red;
	border-bottom: 2px solid red;
	border-right: 2px solid red;
	background-color: #ffeeee;
	text-align: center;
	margin: 15px;
	color: red;
	padding: 8px;
}

.footer {
	border-top: 3px solid black;
	padding-top: 2px;
	font-size: 75%;
	text-align: right;
	width: 100%;
}

.equity {
	font-weight: bold;
	font-size: 150%;
	font-style: italic;
	text-decoration: underline;
	margin-bottom: 15px;
}

.bodyTextHeader {
	text-align: center;
	font-size: 125%;
}

.value, .price {
	font-weight: bold;
	font-size: 105%;
}

.condition {
	margin-top: 12px;
}

.fixUpCost {
	margin-bottom: 12px;
}

.homeValue {
	line-height: 36px;
}

.estimatedValue {
	line-height: 36px;
}

.Tagline {
	font-size: 115%;
	font-weight: bold;
	padding: 15px;
}

.Tagline .Contact {
	line-height: 24px;
	margin-top: 8px;
	margin-bottom: 15px;
}

.areaComparisons {
	font-weight: bold;
}

.images img {
	border: 1px solid black;
}

.wholesalePrice {
	font-size: 105%;
	font-weight: bold;
	line-height: 200%;
}

.commentList {
	position: relative;
	margin: 3px;
}

.commentList .comments {
}

.commentList .postComment {
	position: absolute;
	top: 0px;
	right: 0px;
}

.commentList .divider {
	border: none 0;
	border-top: 1px solid gray;
	height: 1px;
}

.comment {
	position: relative;
}

.comment span {
	margin: 3px;
}

.comment .userAndTime {
	line-height: 25px;
}

.comment .time {
	color: gray;
}

.comment .rating {
	position: absolute;
	top: 0px;
	right: 0px;
}

.comment .rating img {
	vertical-align: middle;
}

.comment .commentText {
	display: block;
	padding: 3px;
	border: 1px solid gray;
}

.date {
	display: block;
	margin: 5px;
	font-size: 120%;
	font-weight: bold;
}

.blog {
	position: relative;
}

.blog .content {
	display: block;
	margin: 3px;
	padding: 5px;
}

.blog .time {
	font-size: 85%;
}

.blog .commentCount {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.blog .captcha {
	display: block;
	text-align: center;
}

.blog .error {
	font-weight: bold;
	color: red;
}

.warning {
	color: red;
}

body {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.header {
	border-bottom: 3px solid black;
	width: 100%;
}
.header, .nav-text-and-gif, .nav-logo{
	height: 85px;
}
.nav-logo{
	width: 170px;
}
.nav-text-and-gif {
	width: calc(100% - 170px);
}
#logo {
	width: 170px;
	height: 85px;
	display: flex;
	justify-content: center;
	align-items: center;
}
	#body-content-div {
		width: calc(100% - 200px);
	}
	#left-nav-menu {
		transition: all .5s linear;
	}

	.left-nav-menu {
		width: 190px;
		background-color: black;
		color: white;
		padding: 5px;
	}

	.left-nav-menu a {color: white; text-decoration: none;}
	.left-nav-menu a:hover {	color: black;	background-color: #a4a4a4;}

	ul.welcome-ul {
		list-style-type: none;
		text-align: center;
		padding: 0;
	}
	.nav-button-toggle {
		display: none;
		padding: 3px;
		border: 1px solid white;
		position: absolute;
		left: 198px;
		background: #616161;
		transition: all .5s linear;
	}

	@media screen and (max-width: 992px) {
		.left-nav-menu {
			position: absolute;
			left: -195px;
			top: 85px;
			z-index: 2;
			width: 0px;
		}
		.left-nav-menu-open {
			left: 0px;
			top: 85px;
			width: 190px;
		}
		.nav-button-toggle {
			display: block;
		}
		.nav-button-toggle-img {
			width: 30px;
			height: auto;
		}
		#body-content-div {
			width: 100%;
		}
		#pagetitle {

			padding-left: 45px;
		}
	}
	@media screen and (max-width: 760px) {
		.main-body img {
			margin: 5px auto;
			display: block;
			float: none;
			width: 100%;
			height:  auto;
		}
	}
	@media screen and (max-width: 400px) {
		div#slogan {
			font-size: 125%;
		}
	}
	.close {
    color: #fff;
    opacity: unset;
}
	.close:hover {
    color: #988f8f;
    opacity: unset;
	}
	.hate-spam {
    width: 100%;
	}
	.dark-modal {
		background-color: #333333;
		color: white;
	}
	#HowMuchCanYouPutDownForEarnestMoney-div {
		display: none;
		width: 100%;
		padding: 0 25%;
	}
	#ModalLabel {
		color: #F5E70B;
	}
	form.modal-label-form {
		display: flex;
		flex-wrap:  wrap;
		justify-content: space-between;
	}
	.modal-lg {
		max-width: 70%;
	}
	@media screen and (max-width: 575px) {
		.modal-lg {
			max-width: 100%;
		}
	}
	.form-group.drop-down.drop-down-States {
		width: 45%;
	}

	.form-group.drop-down.drop-down-oregon-county {
		width: 45%;
	}

	.form-group.text-area.text-county-out-of-oregon {
		width: 25%;
	}

	.form-group.text-area.text-cities-for-the-county {
		width: 25%;
	}

	.form-group.text-area.text-full-name {
		width: 40%;
	}

	.form-group.text-area.text-email {
		width: 45%;
	}

	.form-group.text-area.text-phone-number {
		width: 45%;
	}

	.form-group.drop-down.drop-down-buying-for {
		width: 30%;
	}

	.form-group.drop-down.drop-down-interested-in {
		width: 30%;
	}

	.form-group.drop-down.drop-down-bed-rooms {
		width: 30%;
	}

	.form-group.drop-down.drop-down-bath-rooms {
		width: 30%;
	}

	.form-group.drop-down.drop-down-conditions {
		width: 30%;
	}

	.form-group.drop-down.drop-down-how-are-you-buying {
		width: 30%;
	}
	div#FixerPriceRange {
		width: 30%;
	}

	.form-group.text-area.text-price-range {
		width: 30%;
	}

	.radio-earnest-money {
		width: 30%;
		padding: 0 3%;
	}

	.form-group.text-area-how-much {
		width: 30%;
	}

	.form-group.text-area-comments {
		width:  50%;
		margin:  0 auto;
	}
	@media screen and (max-width: 1120px) {
		#HowMuchCanYouPutDownForEarnestMoney-div {
			width: 80%;
			padding: 0 0;
		}
		.form-group.drop-down.drop-down-States {
			width: 45%;
		}

		.form-group.drop-down.drop-down-oregon-county {
			width: 45%;
		}

		.form-group.text-area.text-full-name {
			width: 100%;
		}

		.form-group.text-area.text-county-out-of-oregon {
			width: 45%;
		}

		.form-group.text-area.text-cities-for-the-county {
			width: 45%;
		}

		.form-group.text-area.text-email {
			width: 45%;
		}

		.form-group.text-area.text-phone-number {
			width: 45%;
		}

		.form-group.drop-down.drop-down-buying-for {
			width: 20%;
		}

		.form-group.drop-down.drop-down-interested-in {
			width: 50%;
		}

		.form-group.drop-down.drop-down-bed-rooms {
			width: 20%;
		}

		.form-group.drop-down.drop-down-bath-rooms {
			width: 26%;
		}

		.form-group.drop-down.drop-down-conditions {
			width: 26%;
		}

		.form-group.drop-down.drop-down-how-are-you-buying {
			width: 38%;
		}
		div#FixerPriceRange {
			width: 38%;
		}

		.form-group.text-area.text-price-range {
			width: 45%;
		}

		.radio-earnest-money {
			width: 45%;
			margin-top: 1em;
			padding: 0 0;
			margin-left: auto;
			margin-right: auto;
		}

		.form-group.text-area-how-much {
			width:  80%;
			margin:  0 auto;
		}

		.form-group.text-area-comments {
			width: 80%;
			margin:  0 auto;
		}
	}
	@media screen and (max-width: 730px) {
		.form-group.drop-down.drop-down-States {
			width:  90%;
			margin:  0 auto;
		}

		.form-group.drop-down.drop-down-oregon-county {
			width: 90%;
			margin: 0 auto;
		}

		.form-group.text-area.text-full-name {
			width: 90%;
			margin: 0 auto;
		}

		.form-group.text-area.text-county-out-of-oregon {
			width: 90%;
			margin: 0 auto;
		}

		.form-group.text-area.text-cities-for-the-county {
			width: 90%;
			margin: 0 auto;
		}

		.form-group.text-area.text-email {
			width: 90%;
			margin: 0 auto;
		}

		.form-group.text-area.text-phone-number {
			width: 90%;
			margin: 0 auto;
		}

		.form-group.drop-down.drop-down-buying-for {
			width: 40%;
			margin:  0 auto;
		}

		.form-group.drop-down.drop-down-interested-in {
			width: 40%;
			margin:  0 auto;
		}

		.form-group.drop-down.drop-down-bed-rooms {
			width: 40%;
			margin: 0 auto;
		}

		.form-group.drop-down.drop-down-bath-rooms {
			width: 40%;
			margin: 0 auto;
		}

		.form-group.drop-down.drop-down-conditions {
			width: 40%;
			margin: 0 auto;
		}

		.form-group.drop-down.drop-down-how-are-you-buying {
			width: 40%;
			margin: 0 auto;
		}
		div#FixerPriceRange {
			width: 40%;
			margin: 0 auto;
		}
		.form-group.text-area.text-price-range {
			width: 90%;
			margin: 0 auto;
		}

		.radio-earnest-money {
			width: 90%;
			margin: 0 auto;
			text-align: center;
		}

		.form-group.text-area-how-much {
			width: 90%;
			margin: 0 auto;
		}

		.form-group.text-area-comments {
			width: 90%;
			margin: 0 auto;
		}

		div#HowMuchCanYouPutDownForEarnestMoney-div {
			width: 90%;
			margin: 0 auto;
			padding: 0;
		}
	}
	@media screen and (max-width: 440px) {
		.form-group.drop-down.drop-down-States {
			width: 100%;
		}

		.form-group.drop-down.drop-down-oregon-county {
			width: 100%;
		}

		.form-group.text-area.text-full-name {
			width: 100%;
		}

		.form-group.text-area.text-county-out-of-oregon {
			width: 100%;
		}

		.form-group.text-area.text-cities-for-the-county {
			width: 100%;
		}

		.form-group.text-area.text-email {
			width: 100%;
		}

		.form-group.text-area.text-phone-number {
			width: 100%;
		}

		.form-group.drop-down.drop-down-buying-for {
			width: 100%;
		}

		.form-group.drop-down.drop-down-interested-in {
			width: 100%;
		}

		.form-group.drop-down.drop-down-bed-rooms {
			width: 100%;
		}

		.form-group.drop-down.drop-down-bath-rooms {
			width: 100%;
		}

		.form-group.drop-down.drop-down-conditions {
			width: 100%;
		}

		.form-group.drop-down.drop-down-how-are-you-buying {
			width: 100%;
		}
		div#FixerPriceRange {
			width: 100%;
		}
		.form-group.text-area.text-price-range {
			width: 100%;
		}

		.radio-earnest-money {
			width: 100%;
			max-width:  305px;
			margin:  0 auto;
		}

		.form-group.text-area-how-much {
			width: 100%;
		}

		div#HowMuchCanYouPutDownForEarnestMoney-div {
			width: 100%;
			padding: 0;
		}

		.form-group.text-area-comments {
			width: 100%;
		}

	}
	@media screen and (max-width: 450px) {
		#pagetitle {
		}
	}
	@media screen and (max-width: 385px) {
		#pagetitle {
		}
	}
	@media screen and (max-width: 335px) {
		#pagetitle {
		}
		div#slogan {
    font-size: 100%;
		}
	}
	.grecaptcha-badge {
    display: none;
}
span.rating img {
    width: 20px;
    height: 20px;
    margin: 0;
    display: unset;
    float: unset;
}

span.rating span {
    width: 10px;
}
.modal-footer {
    width: 100%;
}

button.g-recaptcha.btn.button-blue {
    float: right;
}

  .contact-page {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .contact-box {
    width: 50%;
  }
  @media screen and (max-width:850px) {
    .contact-box {
      width: 100%;
    }
  }