/* LLOL.CSS 0.90 Apr 2018 by Jeff D. Derksen */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
/* fonts */
@font-face {
  font-family: FuSL; /* FuturaStd-Light referenced in code as FuSL */
  src: url('FuturaStd-Light.eot'); /*IE9*/
  src: url('FuturaStd-Light.eot?#iefix') format('embedded-opentype'), /*IE6, IE7, IE8*/
       url('FuturaStd-Light.woff') format('woff'), /*HTML5-era*/
       url('FuturaStd-Light.ttf') format('truetype'); /*Safari, Android, iOS*/
  src: url('FuturaStd-Light.otf'); /*This was the original*/
}

@font-face {
  font-family: FuSLO; /* FuturaStd-LightOblique */
  src: url('FuturaStd-LightOblique.eot'); /*IE9*/
  src: url('FuturaStd-LightOblique.eot?#iefix') format('embedded-opentype'), /*IE6, IE7, IE8*/
       url('FuturaStd-LightOblique.woff') format('woff'), /*HTML5-era*/
       url('FuturaStd-LightOblique.ttf') format('truetype'); /*Safari, Android, iOS*/
  src: url('FuturaStd-LightOblique.otf'); /*This was the original*/
}

@font-face {
  font-family: FuSBk; /* FuturaStd-Book */
  src: url('FuturaStd-Book.eot'); /*IE9*/
  src: url('FuturaStd-Book.eot?#iefix') format('embedded-opentype'), /*IE6, IE7, IE8*/
       url('FuturaStd-Book.woff') format('woff'), /*HTML5-era*/
       url('FuturaStd-Book.ttf') format('truetype'); /*Safari, Android, iOS*/
  src: url('FuturaStd-Book.otf'); /*This was the original*/
}

@font-face {
  font-family: FuSBkO; /* FuturaStd-BookOblique */
  src: url('FuturaStd-BookOblique.eot'); /*IE9*/
  src: url('FuturaStd-BookOblique.eot?#iefix') format('embedded-opentype'), /*IE6, IE7, IE8*/
       url('FuturaStd-BookOblique.woff') format('woff'), /*HTML5-era*/
       url('FuturaStd-BookOblique.ttf') format('truetype'); /*Safari, Android, iOS*/
  src: url('FuturaStd-BookOblique.otf'); /*This was the original*/
}

@font-face {
  font-family: FuSB; /* FuturaStd-Bold */
  src: url('FuturaStd-Bold.eot'); /*IE9*/
  src: url('FuturaStd-Bold.eot?#iefix') format('embedded-opentype'), /*IE6, IE7, IE8*/
       url('FuturaStd-Bold.woff') format('woff'), /*HTML5-era*/
       url('FuturaStd-Bold.ttf') format('truetype'); /*Safari, Android, iOS*/
  src: url('FuturaStd-Bold.otf'); /*This was the original*/
}

@font-face {
  font-family: FuSBO; /* FuturaStd-BoldOblique */
  src: url('FuturaStd-BoldOblique.eot'); /*IE9*/
  src: url('FuturaStd-BoldOblique.eot?#iefix') format('embedded-opentype'), /*IE6, IE7, IE8*/
       url('FuturaStd-BoldOblique.woff') format('woff'), /*HTML5-era*/
       url('FuturaStd-BoldOblique.ttf') format('truetype'); /*Safari, Android, iOS*/
  src: url('FuturaStd-BoldOblique.otf'); /*This was the original*/
}

/* content */
a {/* font-family: 'freakshow', 'FuSBO', Helvetica, sans-serif; Removing specific font calls ... the weights and colours should be enough */color: green;}
a:link {/* font-family: FuturaStd-Bold, Helvetica, "Nimbus Sans L", sans-serif;  Removing specific font calls ... the weights and colours should be enough */font-weight: bold;color: #00afd8;}
a:visited {/* font-family: FuturaStd-Bold, Helvetica, "Nimbus Sans L", sans-serif;  Removing specific font calls ... the weights and colours should be enough */font-weight: bold; /* color was #6286b5 */color: #a59d95;}
a:hover {/* font-family: FuturaStd-Bold, Helvetica, "Nimbus Sans L", sans-serif;  Removing specific font calls ... the weights and colours should be enough */font-style: italic;color:#00afd8;text-decoration:none;}
b {font-weight: bold;}
body {background: #FFFFFF;font-family: FuSL Arial sans-serif;}
div.centered {display: block;margin: auto;text-align: center;padding: 0px;margin: 0px;}
div.centered table {margin: auto; /* was margin: 0 auto */ text-align: left;}
h1,h2,h3{font-family:"FuSBk",Arial,sans-serif; font-weight: normal;}
h4,h5,h6{font-family:"FuSB",Arial,sans-serif; font-weight: bold;}
h1{font-size:36px;color:#cc0000;text-align:center;}h2{font-size:30px; color:#ced64b;}h3{font-size:24px; color:#c4c18e;}h4{font-size:20px; color:#a59d95;}h5{font-size:18px; color:#d7d3c7;}h6{font-size:16px; color:#50c9b5;}
/* h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} */
hr {display: block;margin: auto;height: 1px;width: 25%;font-size: 50%;border: 0;border-top: 1px solid #ccc;padding: 0;color: #00AFD8;background-color: #00AFD8; -moz-transform: rotate(-1deg); -webkit-transform: rotate(-0.5deg); -o-transform: rotate(-0.5deg); -ms-transform: rotate(-0.5deg); transform: rotate(-0.5deg);} 
i {font-style: italic;}
img, object {max-width: 100%;border-style: none;}
input[type=text] {width: 200px;box-sizing: border-box;border: 2px solid #f00; /* was #f00 */ border-radius: 4px;font-size: 12px;background-color: white;background-position: 10px 10px;background-repeat: no-repeat;padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out;transition: width 0.4s ease-in-out;}
input[name=maddress] {width: 200px;box-sizing: border-box;border: 1px solid #000;border-radius: 4px;font-size: 12px;background-color: white;background-position: 10px 10px;background-repeat: no-repeat;padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;}
input[type=text]:focus,input[name=maddress]:focus {width: 250px;}
main bluesky {background:#8a8a8a;background-color:#ffffff;color:#000000;font:100% "Arial", sans-serif;}
p {/* font-family: FuturaStd-Book, Arial, Helvetica, sans-serif; */ font-family: FuSL, Arial, sans-serif;color: #000000;/* color #000000 */}
ul {list-style-type: circle; /* color: #FF0000; */ padding: 0px; /* note negative values aren't allowed */ margin: 0px;}
#1prop {display: block;margin: auto;width: 340px;background-color: #00AFD8;border-radius: 8px; -webkit-animation: go1prop 2s; /* Chrome, Safari, Opera */ animation: go1prop 2s;}
#1prop img {border-radius: 8px;}
@-webkit-keyframes go1prop {/* Chrome, Safari, Opera */ 0% {width: 300px;}}
@keyframes go1prop {/* Standard */ 0% {width: 300px;}}

#ddmenu{display:block;font-family: 'FuSBk', "Helvetica Neue", Helvetica, sans-serif; /* "Helvetica Neue" was first */text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/letter-spacing:normal;}
#ddmenu ul {margin:0 auto;padding:0;text-align:center; /* Alignment of each top-level menu items within the UL */width:100%;font-size:0;background:#333;display:inline-block;list-style:none;position:relative;z-index:999999990;max-width:1900px; /* was 1400px 800px */background:rgba(0,153,255,0.3);border:1px solid rgba(255,255,255,0.2);border-radius:4px;}
#ddmenu li {margin:0;padding:0;font-size:16px;display:inline-block;*display:inline;zoom:1; /*for IE6-7*/position:relative;color:#eee;line-height:40px; /* originally 46px */transition:background-color 0.2s;outline:none;}
#ddmenu li.full-width {position: static;}
#ddmenu li.over{color:#FFF;background-color:rgb(23,156,208); /* changed to #179CD0 (weblogo blue) */}
#ddmenu li.over.no-sub {}
#ddmenu .top-heading {font-weight:bold;white-space:nowrap;margin:0 16px;color:inherit;text-decoration:none;display:inline-block;outline:0;cursor:pointer;}
/* links of top-heading */
#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover{color:inherit;}
#ddmenu li a:hover {text-decoration:underline; /* removing this would look better */}
#ddmenu li a:focus {outline:1px dotted #09F;}
/* caret(arrow icon) */
#ddmenu i.caret {color:inherit;left:-12px;width: 0;height: 0;overflow:hidden;/*for IE6*/vertical-align:middle;margin-bottom:2px;border-top: 4px solid;/*caret size is 4px now*/border-right: 4px solid transparent;border-left: 4px solid transparent;display: inline-block;position:relative;}
/* sub-menu layout */
#ddmenu .dropdown {width:auto;left:0px;color:#000;padding:0;margin:0;display:none;position:absolute;top:100%;border:1px solid rgba(255,255,255,0.35);border-top:none;border-radius:2px;background-color:rgba(0,0,0,0.1);background-color:#ccc \9;/*fallback for old IE*/}
#ddmenu li.full-width .dropdown {width:100%;padding:0;margin:0;margin-left:-1px; /*Set to 0 if UL has no border*/}
#ddmenu .offset300 {left:-300px;right:auto;}
#ddmenu .right-aligned {left:auto;right:0px;}
#ddmenu li.over .dropdown {display:block;}
#ddmenu .dd-inner {text-align:center;padding:20px;margin:16px;background-color:#FFF;white-space:nowrap;font-size:13px;line-height:1.35;}
/* links in sub menu */
#ddmenu .dropdown a {display:table-row;*display:block;color:#000;line-height:22px;text-decoration:none;padding:0;}
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus {text-decoration:underline; /* removing this would look better */color:#09F;}
/* blocks within the sub-menu */
#ddmenu div.column {text-align:left;vertical-align:top;/*or middle*/display:inline-block;*display:inline;*zoom:1;white-space:normal;width:auto;min-width:170px;padding:0 30px;border-right:1px solid #999;}
#ddmenu div.dd-inner div:last-child  {border-right:none;}
#ddmenu div.column h3 {font-weight: 500;line-height: 1.1;margin-top: 12px;margin-bottom: 8px;font-size: 24px;}
#ddmenu div.column h3 {text-transform:uppercase;}
/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink {display:none;}
/* add for mobile-friendly RWD menu */
#ddmenu div.menu-icon {display:none; /* hide menu icon initially */}
/*styles for mobile*/
@media only screen and (max-width: 480px)  
 {
 #ddmenu li div.column.mayHide {display:none;}
 /*override the original settings*/
 #ddmenu ul {width: 100%;display: none;border-radius:0;background:rgba(0,153,255,0.6499999999999999);}
 #ddmenu li {position:relative;display:block;font-size:20px;text-align:left;border-bottom: 1px solid rgba(0,0,0,0.2);}
 #ddmenu li.full-width {position: relative;}
 #ddmenu li .dropdown {position:relative;*top:auto;/*for IE7*/border:none;border-radius:0;box-shadow:none;text-align:left;background-color:#FFF;}
 #ddmenu .offset300 {left:0;}
 #ddmenu li.full-width div.dropdown {width: auto;}
 #ddmenu .dd-inner {margin:0;background:none;text-align:left;}
 /*turn each column to list vertically instead of horizontally */
 #ddmenu li div.column {width:auto;padding:0;border:none;display:block;}
 /*move the arrow icon to right*/
 #ddmenu i.caret {position:absolute;left:auto;right:14px;top:20px;border-width:5px;}
 /* All the following are for the div.menu-icon (pure CSS) */
 #ddmenu div.menu-icon {font-size:32px;/*icon size*/display: block;position: relative;width: 40px;height:36px;text-align:center;cursor: pointer; -moz-user-select:none; -webkit-user-select: none;background-color: #eee;border-radius: 3px;margin-bottom:6px;/*align the icon to the right*/margin-left: auto;margin-right: 11px;}
 #ddmenu div.menu-icon::before {content: "";position: absolute;top: 0.25em;left: 4px;width: 1em;height: 0.125em;border-top: 0.375em double #333;border-bottom: 0.125em solid #333;box-sizing: content-box;}
 #ddmenu div.menu-icon-active {background-color: #333;}
 #ddmenu div.menu-icon-active::before {border-color: #eee;}
 }
#gauche {padding: 30px;font-family: monospace;color: purple;}
#reagan {border-style: solid;padding: 30px;border: 2px;border: black;border-radius: 25px;font-family: cursive;color: green;}
#main {font-family: FuturaStd-Light, cursive; /* was FuSL and before that FuturaStd-Bold */color: #00afd8;}
.answer {font-family: 'FuSL', Arial;}
.ar {text-align: right;}
.attribution {font-family: "Times New Roman", Times, FreeSerif, serif;font-style: normal;font: 90% monospace;}
.bbk {background-color: #000000;}
.caption {font-style: italic;font-size: 90%;color: #d7d3c7;}
.center {display: block;margin-left: auto;margin-right: auto;width: 50%;}
.f80 {font-size:80%;}
.fat {font-weight: bold;}
.fb {color: #000000;}
.fr {color: #ff0000;font-weight: bold;}
.fw {color: #ffffff;}
.mc_head {display: block;margin: auto;text-align: center;padding: 0px;margin: 0px;}
.mc_irwd {position: relative;padding-bottom: 150%;height: 0;}
.mc_irwd iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-style: solid;border-color: #00afd8 #00afd8 #00afd8 #00afd8;border-width: 2px;background:url(../video/loaderanimation_clockwise1.gif) center top no-repeat;}
.mc_foot {background-color: #00afd8;display: block;margin: auto;text-align: center;padding: 0px;margin: 0px;font-family: "FuSL", cursive; /* "FuturaStd-Light" Arial sans-serif; */color: #cccccc;font-size: 80%;}
.mc_foot a:link {font-family: FuturaStd-Bold, Helvetica, "Nimbus Sans L", sans-serif;font-weight: bold;color: #dd0000;}
.mc_foot a:visited {font-family: FuturaStd-Bold, Helvetica, "Nimbus Sans L", sans-serif;font-weight: bold;   /* color was #6286b5 */color: #dddddd;}
.mc_foot a:hover {font-family: FuturaStd-Bold, Helvetica, "Nimbus Sans L", sans-serif;font-style: italic;color:#ffffff;text-decoration:none;}
.mc_foot107 {background-color: #00afd8;display: block;margin: auto;text-align: center;padding: 0px;margin: 0px;font-family: "FuSL", cursive; /* "FuturaStd-Light" Arial sans-serif; */color: #fefefe;font-size: 80%;}
.mc_trans {transition: width 4s linear 4s;}

#mc_ah1 {/* width: 100%; height: 100px; */ -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */ animation-name: example;animation-duration: 5s;}
@-webkit-keyframes example {from {font-size:80%;background-color:#cc0000;} to {font-size:100%;background-color:#ffffff;}} /* Safari 4.0 - 8.0 */
@keyframes example {from {font-size:80%;background-color:#cc0000;} to {font-size:100%;background-color:#ffffff;}}

#mc_a360 {animation:mc_a360 10s 3;-moz-animation:mc_a360 10s 3;-webkit-animation:mc_a360 10s 3;-o-animation:mc_a360 10s 3;border-radius:5px;-webkit-border-radius:5px;}
@keyframes mc_a360 {0% {transform: rotate(0deg);left:500px;} 25% {transform: rotate(90deg);left:500px;} 50% {transform: rotate(180deg);left:500px;} 75% {transform: rotate(270deg);left:500px;} 100% {transform: rotate(-360deg);left:500px;}}
@-webkit-keyframes mc_a360 {0% {-webkit-transform: rotate(0deg);left:500px;} 25% {-webkit-transform: rotate(90deg);left:500px;} 50% {-webkit-transform: rotate(180deg);left:500px;} 75% {-webkit-transform: rotate(270deg);left:500px;} 100% {-webkit-transform: rotate(-360deg);left:500px;}}
@-moz-keyframes mc_a360 {0%  {-moz-transform: rotate(0deg);left:500px;} 25% {-moz-transform: rotate(90deg);left:500px;} 50%  {-moz-transform: rotate(180deg);left:500px;} 75%  {-moz-transform: rotate(270deg);left:500px;} 100% {-moz-transform: rotate(-360deg);left:500px;}}
@-o-keyframes mc_a360 {0% {transform: rotate(0deg);left:500px;} 25% {transform: rotate(90deg);left:500px;} 50%  {transform: rotate(180deg);left:500px;} 75%  {transform: rotate(270deg);left:500px;} 100% {transform: rotate(-360deg);left:500px;}}

#animated_div {width:70px;height:2px;background: #000000;color: #00afd8;position: relative;font-weight:bold;font-size:20px;padding:0px; /* was 10px */animation:animated_div 5s 1;-moz-animation:animated_div 5s 1;-webkit-animation:animated_div 5s 1;-o-animation:animated_div 5s 1;border-radius:5px;-webkit-border-radius:5px;}
@keyframes animated_div {0% {transform: rotate(0deg);left:0px;} 25% {transform: rotate(20deg);left:0px;} 50% {transform: rotate(0deg);left:500px;} 55% {transform: rotate(0deg);left:500px;} 70% {transform: rotate(0deg);left:500px;background:#1ec7e6;} 100% {transform: rotate(-360deg);left:0px;}}
@-webkit-keyframes animated_div {0% {-webkit-transform: rotate(0deg);left:0px;} 25% {-webkit-transform: rotate(20deg);left:0px;} 50% {-webkit-transform: rotate(0deg);left:500px;} 55% {-webkit-transform: rotate(0deg);left:500px;} 70% {-webkit-transform: rotate(0deg);left:500px;background:#1ec7e6;} 100% {-webkit-transform: rotate(-360deg);left:0px;}}
@-moz-keyframes animated_div {0%  {-moz-transform: rotate(0deg);left:0px;} 25% {-moz-transform: rotate(20deg);left:0px;} 50%  {-moz-transform: rotate(0deg);left:500px;} 55%  {-moz-transform: rotate(0deg);left:500px;} 70%  {-moz-transform: rotate(0deg);left:500px;background:#1ec7e6;} 100% {-moz-transform: rotate(-360deg);left:0px;}}
@-o-keyframes animated_div {0% {transform: rotate(0deg);left:0px;} 25% {transform: rotate(20deg);left:0px;} 50%  {transform: rotate(0deg);left:500px;} 55%  {transform: rotate(0deg);left:500px;} 70%  {transform: rotate(0deg);left:500px;background:#1ec7e6;} 100% {transform: rotate(-360deg);left:0px;}}
.mci-bucket {/* mci bucket for RWD iframe */position: relative;height: 0;overflow: hidden;}
.mci-bucket-16x9 {/* 16x9 Aspect Ratio */padding-bottom: 56.25%;}
.mci-bucket-4x3 {/* 4x3 Aspect Ratio */padding-bottom: 75%;}
.mci-bucket iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.mci-bucket-b4load {background:url(../video/loaderanimation_clockwise1.gif) center top no-repeat;}
.noun {color: #00afd8;}
.nowrap {white-space: nowrap;}
.phone {font: 100% monospace;}
.q_oh input[placeholder*="*"] {color: red;border: 1px solid #000;font-weight:normal;}
.q_oh input[placeholder=Open House Address] {color: black;font-weight:normal;}
.question {font-family: 'FuSB', Arial;font-weight:  bold;/* font: 90% bold cursive; */}
.quote {font: 110% italic serif;}
.tgd {background-color: #a59d95;color: #d7d3c7;}
.tgl {background-color: #d7d3c7;color: #a59d95;}

/* Start Animation */
.mc_active { /* .active */background-color: #717171;}
.mc_captiontext { /* .text */ color: #f2f2f2;font-size: 15px;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}
.mc_dot { /* .dot */cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.mc_fade { /* .fade */  -webkit-animation-name: mc_fade; -webkit-animation-duration: 1.5s;animation-name: mc_fade;animation-duration: 1.5s;}
.mc_next {right: 0;border-radius: 3px 0 0 3px;}
.mc_prev:hover, .mc_next:hover {background-color: rgba(0,0,0,0.8);}
.mc_prev, .mc_next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;}
.mc_numbertext { /* .numbertext */ color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.mc_slides { /* .mySlides */ display: none;}
.mc_viewmaster { /* .slideshow-container */ max-width: 1000px;position: relative;margin: auto;}
@-webkit-keyframes mc_fade {from {opacity: .4} to {opacity: 1}}
@keyframes mc_fade {from {opacity: .4} to {opacity: 1}}
/* End Animation */

/* Structure */
/* @media  screen and (max-width:1920px) and (min-width 600px) {...} */

@media screen and (min-width:481px) {

  body, .mc_head, .mc_foot {
  width: 100%;
  }

  .column {
  margin: 20px 1.04166667% 0 0;
  }

  #gauche {
  width: 25%; 
  float: left;
  }

  #reagan {
  width: 25%;
  float: right;
  }

  #main {
  margin: 10px 27.0833333% 0 26.0416667%;
  }
}

@media screen and (max-width:480px) {

  body, .mc_head, .mc_foot {
  width: 100%;
  }

  iframe .woh {/* nuke display of iframe id WOH on small screens */
	display:none;
	}
	
  .column {
  margin: 20px 0;
  border-bottom: 1px dashed #7b96bc;
  }
/* regarding the following ... formerly #gauche, #reagan, and #main were all together, with a width set at 100% */
  #main {
	width: 100%;
	}

  #gauche, #reagan {
	display: none;
	}
}