/*http://css.github.io/csso/csso.html*/
*{margin:0;padding:0;}
html, body 
      {font-size: 1em; /* 1 */
    -webkit-text-size-adjust: 1em; /* 2 */
    -ms-text-size-adjust: 1em; /* 2 */}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
    background:url('http://hanks-place.com/css/images/container1.jpg') fixed no-repeat top left;
}

#bodyblock {width:100%;;max-width:60em;min-width:600px;height:auto;margin-left:auto;margin-right:auto}
#main-container {width:100%;height:auto;border:.125em solid #555555;border-radius: 00 00 1em 1em;display:inline;text-align:center;
 float:left; margin-right:auto;margin-left:auto;background:url('http://hanks-place.com/css/images/content1.jpg') fixed no-repeat top left;}
#menu {float:left;width:100%;height:auto;margin:0;margin-bottom:2em;}
#menu h2 {
      height:1.2em;
      font:arial,helvetica,sans-serif;
      font-weight:bold;
      font-size:1em; 
      margin-left:0;margin-right:0;
      color:#fff;
      display:block;
      white-space:nowrap;
      border: .063em solid #555;
      border-radius: .625em .625em .625em .625em;
      padding:.063em 0 .063em .188em;
      background:maroon;
      text-transform:uppercase;
      text-decoration:none;
      }
#menu a {
      font:arial,helvetica,sans-serif;
      font-size:1em;
      font-weight:bold;
      margin-left:0;margin-right:0;
      color:maroon;
      display:block;
      white-space:nowrap;
      border-radius: .625em .625em .625em .625em;
      padding:.063em 0 .063em .188em;
      background:#fff;
      text-decoration:none;
      }
#menu a:visited {
      color:grey;
      }
#menu a:hover {
      color:blue;
      background:#abc;
      }
#menu a:active {
      color:#060;
      background:#ccc;
      }
#menu ul {
      list-style:none;
      float:left;
      width:25%;
      margin:0;
      padding:0;
      z-index:1;
      }
#menu li {
      position:relative;
      margin:0;
      padding:0;
      
      }
#menu li ul {
      display: none;
      position:absolute;
      top:100%;
      left:0;
      padding:0;
      margin:0;
      width:100%;
      }
#menu li li {
      display:block;
      float:none;
      background-color:transparent;
      border: .063em solid #555;
      border-radius: .625em .625em .625em .625em;
      margin:0;
      padding:0;
      }
#menu ul ul {
      position:absolute;
      z-index:500;
      top:auto;
      display:none;
      margin:0;
      }
#menu ul ul ul {
      position:absolute;
      top:0;
      left:100%;
      margin-left:0;
      margin-top:0
      }
#menu h2:hover {
      background:blue;
      border:.063 solid #555;
      border-radius:.625em .625em .625em .625em;
      }
#menu li:hover {
      cursor:pointer;
      border-radius:.625em .625em .625em .625em;
      z-index:200;
      }
#menu a.x,#menu a.x:visited {
      color:#000;
      background:#eee url("http://hanks-place.com/css/styleM.css") no-repeat 100% 100%;
      }
#menu li:hover ul ul,#menu li li:hover ul ul,#menu li li li:hover ul ul,#menu li li li li:hover ul ul {display:none;}
#menu li:hover ul,#menu li li:hover ul,#menu li li li:hover ul,#menu li li li li:hover ul {display:block;}

.rc {border:.125em solid grey;border-radius: 1em 1em 1em 1em;box-shadow: black .375em .375em .187em;background-repeat:no-repeat;}
.overlay{background: border:3px solid #000000;} 
.overlay:hover { opacity:0.5; background:#FFFFFF;}

 a img.rc{background: border:3px solid #000000;} 
 a img.rc:hover { opacity:0.5; background:#FFFFFF;}

figure.f-center {width:100%;margin-left:auto;margin-right:auto }
figurecaption p {font-size:.8em;text-align:center;margin:0;color:maroon}

.topic2 {
        font-size:3em;
        color:silver; 
        text-shadow: .031em .031em .063em black, .125em .125em .1250em maroon, .063em .063em .125em maroon;
        text-align:center;
        margin-bottom:1em;
        margin-top:.5em;
        }
.topic2 span {font-size:60%}
  
#content {width:94%;position:relative;float:left;background:transparent;text-align:left;height:auto;padding-left:2em;margin:0;
padding-bottom:1em}


.re-sales{float:left;width:180px;height:auto;margin-left:0}
.re-sales img{height:60px;border:solid .063em transparent;width:170px;margin-bottom:-5px}

div.ad{width:10.8em;margin-left:.25em;padding-bottom:2.188em;height:5em;font-weight:700}


#footer {margin-left:auto;margin-right:auto;margin-bottom:.625em;height:auto;width:100%;background:transparent;margin-top:1.25em;clear:both;}

 
.fr, .floatright {float:right;margin-right:.625em;margin-left:1.25em;}
.no-border {border:none}
.floatleft, .fl {text-align:left;position:relative;height:auto;float:left;width:auto;}

.select {width:24.375em;height:auto;margin-top:1em;float:right;border:.125em solid #aaa;border-radius: 1em 1em 1em 1em;
  box-shadow: black .375em .375em .187em;background-repeat:no-repeat;}
.select.br1 {clear:both;margin-right:1.25;float:left}
.select a {line-height:150%}
.select p {margin-right:.375em;width:auto}  


#google_translate_element {
  width:12.500em;
  height:auto;
  top:1em;
  left:55em;
  position:absolute;
  z-index:1;
  background:#e9e9e9;
  border:0.125em solid #aaa;
  border-radius: 1em 1em 1em 1em;
  box-shadow: black .375em .375em .187em;
  background-repeat:no-repeat;
  }

#social {
  width:11.250em;
  height:3.125m;
  top:10em;
  left:.7em;
  position:absolute;
  z-index:1;
  overflow:hidden;
  border:0;
  }
  

.alert {clear:both;background:#fff6bf url('images/exclamation.png') center no-repeat;background-position:1em 50%;
  text-align:left;color:#555555;font-weight:700;border-top:0.125em solid #ffd324;border-bottom:.125em solid #ffd324;
  padding:.313em 1.25em .313em 2.8em;width:auto;margin-right:auto;margin-left:auto;margin-bottom:1.25em;height:auto;float:left;}

.adbox {border-radius: .875em .875em .875em .875em;border:.125em solid green;position:relative;text-align:left;
  margin-bottom:.625em;margin-right:auto;margin-left:auto;float:left; padding-left:.625em; padding-right:.625em; padding-top:.625em; 
  padding-bottom:.625em; background:#ffffcc}
.adbox a {color:#555555}
.adbox h2 {font-family:'Magneto';font-size:1.5em;color:#ce6700;margin-left:.625em;}
.adbox h2 a:link {color:#555555}
.adbox h2 a:hover {color:blue}
.adbox h4 {font-size:1.125em;color:#ce6700;margin-top:1.5em;text-align:center}
.adbox img{clear:both;}
.adbox h3 {text-align:right;margin-top:-1.875em;margin-bottom:0;margin-right:.625em;font-family:'Magneto';font-size:1.500em;color:#555555;}

.inline {display:inline;}
.block {display:block;}
.clear {clear:both;}
.lh150 {line-height:175%}

p {font-family:century schoolbook;font-size:1.13em;margin-top:1em;margin-bottom:1em;text-decoration:none;font-style:normal;line-height:140%;background:transparent}
p a {color:#666;text-decoration:none;font-style:normal; background:transparent}
p a:link {color:#000;}
p:hover a {color:blue;text-decoration:underline;font-style:normal;}
p a:hover {color:white;font-style:normal;background:blue;}

h1 {color:#000;font-size:2.5em;margin:0; background:transparent}
h2 {color:black;font-size:2em}
h3 {color:#000;font-size:1.5em;font-weight:700;font-style:normal; background:transparent}
h4 {color:#000;font-size:1.188em;font-weight:700;font-style:normal; background:transparent}
h5 {color:#000;font-size:1em;font-weight:700;font-style:normal; background:transparent}
h6 {color:#000;font-size:.813em;font-style:normal; background:transparent}

ul {list-style:disc;margin-left:1.250em;}
ul a:hover {color:white;background-color:blue}
li {margin:0em .625em 0em .625em}
ol {list-style-type: upper-roman;list-style-position: inside;}
    
hr {margin:.5em auto;color:#555555;width:95%;text-align:center;clear:both;}
hr.sm {width:40%;margin-top:1.875em;margin-bottom:1.875em}

.m0 {margin:0;}
.f6 {font-size:.5em}
.f7 {font-size:.563em}
.f8 {font-size:.688em;}
.f9 {font-size:.750em;}
.f11 {font-size:.938em;}
.f10 {font-size:.813em;}
.f12 {font-size:1em;}
.f13 {font-size:1.063em;}
.f14 {font-size:1.125em;}
.f16 {font-size:1.313em;}
.f18 {font-size:1.5em;}
.f24 {font-size:2em;}
.f32 {font-size:2.5em;}
.f36 {font-size:2.75em;}
.f-bold {font-weight:700;}

.mb {margin-bottom:1em}
.mb0 {margin-bottom:0;}
.mb1 {margin-bottom:.625em;}
.mb2 {margin-bottom:1.25em;}
.mb3 {margin-bottom:1.85em;}
.mb4 {margin-bottom:2.5em;}
.mb5 {margin-bottom:3.125em;}
.mb6 {margin-bottom:3.75em;}
.mb7 {margin-bottom:4.375em;}
.mb8 {margin-bottom:5em;}
.mb9 {margin-bottom:5.625em;}
.mb10 {margin-bottom:6.25em;}

.mt0 {margin-top:0;}
.mt1 {margin-top:.625em;}
.mt2 {margin-top:1.25em;}
.mt3 {margin-top:1.85em;}
.mt4 {margin-top:2.25em;}
.mt5 {margin-top:3.125em;}
.mt6 {margin-top:3.75em;}
.mt7 {margin-top:4.375em;}
.mt8 {margin-top:5em;}
.mt9 {margin-top:5.625em;}
.mt10 {margin-top:6.250em;}

.ml {margin-left:1em}
.ml0 {margin-left:0;}
.ml1 {margin-left:.625em;}
.ml2 {margin-left:1.25em;}
.ml3 {margin-left:1.85em;}
.ml4 {margin-left:2.25em;}
.ml5 {margin-left:3.125em;}
.ml6 {margin-left:3.75em;}
.ml7 {margin-left:4.375em;}
.ml8 {margin-left:5em;}
.ml9 {margin-left:5.625em;}
.ml10 {margin-left:6.25em;}
.ml11 {margin-left:6.875em;}
.ml12 {margin-left:7.50em;}
.ml13 {margin-left:8.125em;}
.ml14 {margin-left:8.75em;}
.ml15 {margin-left:9.375em;}
.ml16 {margin-left:10.00em;}
.ml17 {margin-left:10.625em;}
.ml175 {margin-left:10.93em;}
.ml18 {margin-left:11.250em;}
.ml20 {margin-left:12.5em;}

.mr {margin-right:1.5em}
.mr0 {margin-right:0;}
.mr1 {margin-right:.625em;}
.mr2 {margin-right:1.25em;}
.mr3 {margin-right:1.85em;}
.mr4 {margin-right:2.25em;}
.mr5 {margin-right:3.125em;}
.mr6 {margin-right:3.75em;}
.mr7 {margin-right:4.375em;}
.mr8 {margin-right:5em;}
.mr9 {margin-right:5.625em;}
.mr10 {margin-right:6.25em;}
.mr11 {margin-right:6.875em}
.mr12 {margin-right:750em}
.mr20 {margin-right:12.5em;}

.pt1 {padding-top:1em;}
.pt3 {padding-top:3em;}
.pb1 {padding-bottom:1em;}
.pl1 {padding:1em 1em 1em 1em}
.pad {padding:1em}

.t-left {text-align:left;}
.t-center {text-align:center;}
.t-bold {font-weight:700;}
.t-normal {font-weight:400;}
.t-right {text-align:right}
.t-overunder {text-decoration: overline underline}
.t-italic {font-style:italic}

.c-maroon {color:maroon;}
.c-green {color:green;}
.c-yellow {color:yellow;}
.c-blue {color:blue;}
.c-#menuy {color:blue}
.c-orange {color:#ce6700;}
.c-red {color:red;}
.c-cyan {color:#00FFFF;}
.c-black {color:black;}
.c-white {color:white}
.c-grey {color:#888888}
.c-silver {color:#555555}

strong {font-weight:800}


#rent a:hover img  {border:solid .125em blue;width:9.5em}
#sales a:hover img  {border:solid .125em blue;width:9.5em}
#cam a:hover img  {border:solid .125em blue;width:11.125em}
#shores a:hover img  {border:solid .125 blue;width:11.375em}
img {max-height:100%;max-width:100% }
img.i-center{display:block;margin-right:auto;margin-left:auto}
#footer {float:left;height:auto;margin-top:3em;padding-bottom:3.625em }
strong {font-weight:800}

#pbtn:hover { background-color: #00dd00; }
a:hover img.rc {border-color:blue }
a:hover img {border-color:blue;background-color:transparent }
#content img {margin-top:.5em }
div.d-center{clear:both;width:100%%;display:block;margin-left:auto;margin-right:auto}
@media only screen and (max-width: 767px) {
  div#sidebar { display:none }
  div#bodyblock{min-width:300px }
  #content{width:95%;padding-left:1em;}