body {font-size: 100%; font-weight: normal; line-height: 1.25em; font-family: arial, verdana, Helvetica, Courier New; color: #613532;  margin: auto; padding: 40 0 0 0; background-color: #959d92; background-attachment: fixed; background-image: url("../images/hfbg.jpg"); background-repeat: repeat-x; text-align: center;}
@media all and (max-width:1000px)
{body {font-size: 100%; background-image: none; padding: 0}}
a:link {text-decoration: underline; color: #613532;}
a:visited {text-decoration: underline; color: #613532;}
a:hover, active {text-decoration: none; color: #2A2E28; cursor: pointer;}
a:focus{text-decoration:underline; cursor: pointer; font-weight: 600; color: #3b4238; padding: 2px; background-color: transparent; border: 1px solid #3b4238;}
#textsize {float:left; position: fixed; top:0; left:0; width: auto; height: auto; z-index: 2000;}
.button {display: block;}
.increaseFont {background: #f6f4ef; color: #000;  font-size: 1.4em; font-weight: 700; border: 1px solid #595a5c; height:35px; width: 40px;}
.decreaseFont {background: #f6f4e; color: #000; font-size: 1em; font-weight: 700; border: 1px solid #595a5c; height:30px; width: 35px;}
#main {padding-left: 25px;}

/*  ********** header *********** */
header {max-width: 1200px; max-height: auto; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0; background: #FEFEFE; text-align: center}
.banner {font-family: arial, verdana, Helvetica, Courier New; font-size: 1em; font-weight: 700; color: #ffffff; padding: 13px 0px 13px 0px; margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: center; background-color: #3b4238; border: 1px solid #ffffff; max-width: 1200px;}
.imgbrdr {border: 0px solid #292F29}
#skip a {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; color: #fff; background: #000;} 
#skip a:focus {position:absolute; left:20px; top:5px; width:auto; height:auto; color: #fff; background: #000;}

/*  ********** menu *********** */
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
 margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 0;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
z-index: 100;
  width: auto;
  font-family: 'Crimson Text', serif;  background: #FEFEFE; padding-bottom: 20px}
#cssmenu > ul {
background: transparent;

}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li {
float: left;
  display: inline-block; font-family: 'Crimson Text', serif; 
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
padding: 10px 25px 21px 25px;
  border-bottom: 0px dotted #CFD6BF; text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #613532;
  text-transform: uppercase;
  letter-spacing: 1px; background: url('../images/menu_ltsnwflake.png') no-repeat left center;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {padding: 10px 25px 21px 25px;
color: #474E43;  background: url('../images/menu_drksnwflake.png') no-repeat left center;
}
#cssmenu > ul > li.active > a {padding: 10px 25px 21px 25px;
color: #474E43;  background: url('../images/menu_drksnwflake.png') no-repeat left center;
color: #474E43;
}
#cssmenu > ul > li > a:focus {text-decoration:underline; cursor: pointer; font-weight: 700; color: #474E43; padding: 10px 25px 21px 25px;}
#cssmenu > ul > li.has-sub > a {
padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0px solid transparent;
  border-top-color: #236303;
  right: 17px;
  top: 23px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  z-index: 9999;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #cfd6bf;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #cfd6bf;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
border-right-color: transparent;
  border-left-color: #CFD6BF;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {top: 120px;
}
#cssmenu > ul > li:hover > ul {
top: 50px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left: auto;
  right: 0;
}
#cssmenu ul ul ul {
padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
left: 180px;
  top: 0;
  opacity: 1;
}#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #236303;
  background: url('../images/menu_drksnwflake.png') no-repeat left center;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #41a354;
}
#cssmenu ul ul li:first-child > a {
border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #236303;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #236303;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #41a354;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
border-right-color: #41a354;
  border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1082px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1082px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 960px), only screen and (min-device-pixel-ratio: 2) and (max-width: 900px), only screen and (min-resolution: 192dpi) and (max-width: 900px), only screen and (min-resolution: 2dppx) and (max-width: 900px) {
  #cssmenu {
background: #FEFEFE;
  }
  #cssmenu > ul {
display: none;
  }
  #cssmenu > ul.open {
display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
float: none;
  }
  #cssmenu.align-center > ul {
text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
background-color: #D8DAD6;
 width: 100% }
  #cssmenu #menu-button {margin-top: 0; 
display: block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #7A8474;
    padding: 12px 25px 13px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #FEFEFE;
 cursor: pointer;
  }
 #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #236303;
    border-bottom: 2px solid #236303;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #236303;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }}

/*  ********** general *********** */

h1 {font-family: arial, Courier New, times new roman, verdana, Helvetica; font-size: 1.4em; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-align: left; color: #292F29; padding: 0 5px 15px 55px; margin:0; background: url('../images/hftitlebg.jpg') no-repeat left center; line-height: 4.5em;}
h2 {font-family: arial, Courier New, times new roman, verdana, Helvetica; font-size: 1.2em; font-weight: normal; font-variant:small-caps; letter-spacing: 1px; word-spacing: 1px; text-align: left; color: #292F29; padding: 0 5px 5px 5px;}
.leftsectext {font-family: arial, verdana, Helvetica, Courier New; color: #646C5E; font-size: 1em; line-height: 1.25em; font-weight: normal; padding: 50px; text-align: left; }
@media screen and (max-width: 500px) {.leftsectext  {font-size: 1em; padding: 10px}}
.rtsectext {font-family: arial, verdana, Helvetica, Courier New; color: #646C5E; font-size: 1em; line-height: 1.25em; font-weight: normal; padding: 50px; text-align: left; }
@media screen and (max-width: 500px) {.rtsectext  {font-size: 1em; padding: 10px}}
.sectleft {float:left; padding-bottom: 20px; max-width: 500px; clear:both}
.sectrt {float:right; padding-bottom: 20px; max-width: 500px; clear:both}
.center {padding:15px 0px; margin: auto; text-align: center}
.clearfix {clear:both}
.img {max-width: 100%; max-height: auto; border: 0}
.form {font-family: arial, verdana, Helvetica, Courier New; font-size: .90em; font-weight: normal; color:#292F29; background: #fff; border-color: #292F29; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px;}
.bodycont {padding-top: 10px; max-width: 900px;}
#main {position: relative; padding:0 0 0 1%;  text-align: left; max-width: 98%;}
.left {vertical-align: top; display: inline-block; position: relative; padding:0 0 0 1%; margin: auto; max-width: 525px;}
.left a:link, visited {text-decoration: underline; color: #613532;}
.left a:hover, active {text-decoration: none; color: #2A2E28; cursor: pointer;}
@media screen and (max-width: 800px) {   .left {max-width: 98%; min-width: 97%}}
.right {vertical-align: top; display: inline-block; position: relative; padding: 0 0 0 1%;  max-width: 525px;}
.right a:link, visited {text-decoration: underline; color: #613532;}
.right a:hover, active {text-decoration: none; color: #2A2E28; cursor: pointer;}
@media screen and (max-width: 800px) {   .right {max-width: 98%; min-width: 97%}}
#treeprice {display: inline; max-width: 1100px; align: center; padding: 20px; margin: auto;}
@media screen and (max-width: 800px) {   #right {float: none; max-width: 95%; min-width: 95%; margin-top: 30px; padding:0 0 1% 8%;}}
.bodycalt {margin: 40 0 0 0;}.textcont {margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 10px 10px 10px 10px;}
.bodytext {max-width: 90%; font-family: arial, verdana, Helvetica, Courier New; color: #444a40; font-size: 1em; line-height: 1.25em; font-weight: normal; padding-left: 35px; text-align: left; margin-bottom: 25px;}
@media screen and (max-width: 800px) {.bodytext {font-size: 1em;}}
.bodytextalt {font-family: arial, verdana, Helvetica, Courier New; color: #613532; font-size: .90em; line-height: 1.25em; font-weight: normal; padding: 35px; text-align: left;}
@media screen and (max-width: 800px) {.bodytextalt {font-size: 1em;}}
.titleh1 {font-family: arial, verdana, Helvetica, Courier New;color: #613532; font-size: 1em; line-height: 1.25em; font-weight: normal; padding: 5px; text-align: left; margin-bottom: 25px;}
@media screen and (max-width: 800px) {.titleh1 {margin:auto; text-align: center;}}
.tbletree {border: 0; margin-left: 80px;}
.ttltree {font-family: arial, Courier New, times new roman, verdana, Helvetica; font-size: 140%; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-align: left; color: #292F29; padding: 0 5 15 55; margin-left: 25px; background: url(../images/hftitlebg.jpg) no-repeat left center; line-height: 4.5em;}
.topbody {font-family: arial, verdana, Helvetica, Courier New; font-size: 100%; font-weight: nomal; Color: #646C5E; padding: 25 50 0 10; margin: 50 20 10 1;  text-align: justify;}
.floatsmleft {position: relative; padding: 10px; width: auto; height: auto; float: left; clear:both}
@media screen and (max-width: 600px) {.floatsmleft {float: none}}.floatsmright {position: relative; padding: 10px; width: auto; height: auto; float: right; clear:both}
@media screen and (max-width: 600px) {   .floatsmright {float: none}}
.floattop {position: relative; padding-right: 10px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; width: auto; height: auto; float: right;}
.floatrt {position: relative; padding-right: 10px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; width: auto; height: auto; float: right;}
.floatlt {position: bottom; padding-right: 10px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; width: auto; height: auto; float: left;}
.floatltfrnt {position: bottom; padding: 0 45px 65px 45px; width: auto; height: auto; float: left;}
@media screen and (max-width: 800px) {.floatltfrnt {float: none; margin:auto; align: center; max-width: 360px; padding: 0 0 20px 0}}
.navalt {padding-right: 0px; padding-left: 0px; padding-top: 10px; padding-bottom: 5px; width: 200px; margin-top: 350px; margin-right: 10px; float: right;}
.menu {font-family: arial, verdana, Helvetica, Courier New; color: #646C5E; font-size:.8em; line-height: 1.25em; font-weight: normal; padding: 5px 0 0 0; text-align: left;}
@media screen and (max-width: 800px) {.menu {max-width: 95%; min-width: 90%; font-size: 1em;}}
.menuhrs {font-family: arial, verdana, Helvetica, Courier New; color: #262924; font-size:.8em; line-height: 1.25em; font-weight: normal; padding: 5px 0 0 0; text-align: left;}
@media screen and (max-width: 800px) {.menuhrs {max-width: 95%; min-width: 90%; font-size: 1em;}}
.menusale {font-family: arial, verdana, Helvetica, Courier New; color: #646C5E; font-size: 9pt; font-weight: normal; padding: 5px 0 10px 0; text-align: left;}
.navtitle {font-family: 'Crimson Text', serif; font-size: 120%; font-weight: 700; text-align: left; color: #613532; margin-bottom: 5px; padding: 25px 5px 3px 10px; background: url(../images/hfnavbg.jpg) no-repeat left center; line-height: 1.2em;}
.title {font-family: arial, Courier New, times new roman, verdana, Helvetica; font-size: 1.4em; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-align: left; color: #292F29; padding: 0 5px 15px 55px; margin: 0 0 0 0; background: url('../images/hftitlebg.jpg') no-repeat left center; line-height: 4.5em;}
@media screen and (max-width: 680px) {.title {font-size: 1.2em; line-height: 3em}}
.titlecent {font-family: arial, Courier New, times new roman, verdana, Helvetica; font-size: 140%; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-align: center; color: #292F29; padding: 25 5 5 0; margin: 0 0 0 20; background: url(../images/hftitlebg.jpg) no-repeat center center; line-height: 4.5em;}
.centertetx {font-family: arial, verdana, Helvetica, Courier New; font-size: 100%; font-weight: nomal; Color: #613532; text-align: justify;}
.textcent {text-align: center; margin: auto; padding: 60 0 20 0;}.tcent {text-align: center; margin: auto;}.tcentbttm {text-align: center; margin: auto; clear: both}.treename {font-family: Helvetica, arial, verdana, Courier New; font-size: 120%; font-weight: bold; text-align: left; color: #613532; padding: 0px;}.treedesc {font-family: arial, verdana, Helvetica, Courier New; font-size: 90%; font-weight: nomal; Color: #646C5E; padding: 10px 5px 10px 10px; margin: 0; text-align: left; max-width: 180px;}
.treebtm {Color: #20310D; text-align: center; padding: 15px;}
.imgtree {vertical-align: top; text-align: left; padding: 25px 0 30px 30px; display: inline-block;  font-weight: normal; Color: #646C5E; max-width: 250px;}
@media screen and (max-width: 400px) {.imgtree {max-width: 98%;}}
.imgtreecnt {display: inline; text-align: center; margin-left: auto; margin-right: auto; max-width: 98%; padding: 15px 20px 35px 0;}
@media screen and (max-width: 900px) {.imgtreecnt {display: inline-block;}}
.front {text-align: center; margin: auto; padding: 10px; clear:both}
.imgfrt {display: inline; margin-left: auto; margin-right: auto; text-align: center; padding: 25px 20px 0 0;}
.imgfrtcnt {display: inline; text-align: center; margin-left: auto; margin-right: auto; max-width:1000px; padding: 45px 10px 15px 0;}
.imgsoc {position: relative; display: inline; margin: auto; text-align: center; padding: 25px 7px 0 0;}
.imgsocwrt {display: inline; text-align: center; margin-left: auto; margin-right: auto; max-width:600px; padding: 25px 10px 15px 0;}
.offsetone {font-family: arial, verdana, Helvetica, Courier New; font-size: 100%; font-weight: nomal; Color: #613532; text-align: left;}
.descr {font-family: arial, verdana, Helvetica, Courier New; font-size: 4px; font-weight: normal; text-align: center;  padding: 0;}.serv {margin-left: 40px; padding: 0px; text-align: left}
.servul {display:inline-block; padding: 0; margin:0px;}
.servli {display:block; padding-top: 15px; padding-bottom: 15px; margin:-10px 0 0 -25px; list-style-image:url("../images/snowflake.jpg");}
.servli li {font:normal 100% Arial, Helvetica, sans-serif; color:#613532;}.clearfix {clear: both;}
.tdbott {font-family: Helvetica, arial, verdana, Courier New; font-size: 11px; font-weight: bold; text-align: center; color: #ffffff;}
.botright{display:block; position:relative; bottom:0; right:5%; width: 60px; float: right; clear: both;}
.google-maps {position: relative;    padding-bottom: 30%; // (450   500 = 0.9 = 90%)    height: 0;    overflow: hidden;}
.google-maps iframe {position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; frameborder: 0; border: 0}
.plain ul {list-style-type:none;}
.plain li {list-style-type:none;}


/*  ********** slide *********** */
.rslides {
position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {position: relative;
  display: block;}

.rslides img {
display: block;
  height: auto; width: 100%;
  border: 0;
  }
/*  ********** footer *********** */
footer {padding-bottom: 10px; margin: auto; text-align: center; background: transparent; height: auto; max-width: 1200px; border: 0; clear:both}
footer a:link, visited {text-decoration: underline; color: #492725;}
footer a:hover, active {text-decoration: none; color: #1E221C; cursor: pointer;}
footer a:focus {text-decoration:underline; cursor: pointer; background-image: none; font-weight: 600; color: #ffffff; padding: 2px; background-color: #3b4238; border: 1px solid #ffffff;}
.close {font-family: arial, verdana, Helvetica, Courier New;color: #646C5E; font-size: .80em; font-weight: normal; padding: 25px 0 5px; text-align: center; margin: auto;}
.close a:link, visited {text-decoration: underline; color: #613532;}
.close a:hover, active {text-decoration: none; color: #2A2E28; cursor: pointer;}
.clseblurb {font-family: 'Crimson Text', serif; color: #613532; font-size: 1.2em; font-weight: 400; padding-top: 5%; text-align: center; margin: auto;}
.endblurb {font-family: arial, verdana, Helvetica, Courier New; font-size: 90%; line-height: 1em; font-weight: normal; Color: #82674D; text-align: center;  padding: 2%;}
.titleprints {font-family: 'Crimson Text', serif; font-size: 1.3em; font-weight: 400; font-variant: small-caps; letter-spacing: 2px; color: #ffffff; padding: 13px 0px 13px 0px; margin-bottom: 15px; text-align: center; background: #3b4238 url("../images/tree.png") no-repeat left center; border: 1px solid #ffffff; max-width: 200px;}
#leftcont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0;}
@media screen and (max-width:800px) {   #leftcont {width: 96%;  padding-left: 3%; padding-right: 3%; min-width: 96%; float: none}}
#midcont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0}
@media screen and (max-width: 800px) {   #midcont {width: 96%;  padding-left: 3%; padding-right: 3%; min-width: 96%; float: none}}
#rightcont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0}
@media screen and (max-width: 800px) {   #rightcont {max-width: 96%;  padding-left: 3%; padding-right: 3%; padding-bottom: 20px; min-width: 96%; float: none}}
#acccont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0}
@media screen and (max-width: 800px) {   #acccont {max-width: 96%;  padding-left: 3%; padding-right: 3%; padding-bottom: 20px; min-width: 96%; float: none}}
#endcont {margin-left: 40px; padding-right: 5px; padding-bottom: 10px; float: left; text-align: center; width: 180px;}
@media screen and (max-width: 800px) {   #endcont {max-width: 96%;  padding-left: 3%; padding-right: 3%; min-width: 96%; float: none}}
.port {margin-right: 20px; padding: 0px; float: left; text-align: left}
.port ul {display:inline-block; padding: 0; margin:0px;}
.portli {display:block; padding-top: 15px; padding-bottom: 15px; list-style-type:none}
.portli {font-family: 'Crimson Text', serif; font-weight: 600; font-size: 1.2em;  line-height: 1.25em; color:#10120f;}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:41px;
	height:41px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -41px;
	width:41px;
	height:41px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;

}/*  ********** wraps *********** */
#mainwrap {text-align: center; position: relative; margin-left: auto; margin-right: auto; margin-top: 3%; max-width:1200px; background: #FEFEFE; border: 2px solid #30362D;}@media screen and (max-width: 768px) {#mainwrap {margin-top: 0; max-width: 100%}}

