@media (max-width: 850px) {

#wrapper {
 width: 90%;
}

#subheadLogo img#logoOne{
}
#subheader {


   }
#subheader p#address {

  padding: 0;

}
/*--end of general structure - beginning of navigation area  --*/
#primarynav{
 float: none;
 padding: 0;
 width: 100%;
 background: transparent;
 font-weight: bold;
 font-size: 95%;

}
ul#primaryNavigation{

  display:list-item;
 list-style-type: none;
 padding: 0;
 margin: 0;

}
ul#primaryNavigation li{
   height: 2.4em;
 margin: .1em;
 border-bottom: 1px solid #aaa;
}
ul#primaryNavigation li#oneNav {

  margin: .1em;
}


/*--end of navigation area - beginning of main content area --*/

#contentBG {

  margin: 0 auto;
  width: 100%;
   min-height: 20em;
  text-align: center;
  padding: 0;
  border-radius: 1.67em;
  background: #e7f6a1;
  box-shadow: 0 0 2.67em 2em #e7f6a1;
 vertical-align:top;
}

#content {
 width: 100%;
 text-align: center;
 padding:  0;
 margin: 0 auto;
 background: transparent;

 }
#contentBottom {
 clear: both;
  width: 100%;
  height: 2em;
 text-align: center;
 background: transparent ;
 padding: 0;
 margin: 0 auto;
}


.contentLeft {
    vertical-align:top;
    margin: 0 .5em 0 0;
    float: left;
}
.contentRight {
    float: none;
    width: 100%;
    max-width: 100%;
    margin:0;
    padding: 0;
    vertical-align:top;
}
#content .contentRight  p.frontPage {
    margin: 0;
    padding: 0;
    line-height:normal;
    font-size: 100%;
    }

/*--end of main content area - beginning of footer area --*/
#footer {
 width: 100%;

 text-align: left;
 font-size: 80%;
 color: #777;
 background: transparent;
}
#footer p{
 margin: 0;
 font-size: 70%;
 padding: .67em 0 4em 4.67em;
}
#footer p#footslogan {
  font-size: 130%;
  text-align: center;
  font-variant:small-caps;
  padding-bottom: 2em;
  font-weight: bold;
}
#content h2#slogan {
  padding: 0;
  width: 100%;
  font-size: 100%;
}

ul#secnavigation {
 margin: 0;
 padding: .67em 0 0;
 width: 30%;
 color: #000;
 background: transparent;
 float: right;
 font-size: 80%;
 list-style-type: none;
 text-align: left;
}
ul#secnavigation li {
  display: inline;
}
ul#secnavigation li a:link, ul#secnavigation li a:visited{
 color: #777;
 background: transparent;
 text-decoration: none;
 text-align: center;
 }
ul#secnavigation li a:hover{
 color: #000;
 background: transparent;
 text-decoration: underline;
  }
 #footer a:link, #footer a:visited {
   color: #777;
   text-decoration: none;
 }
 #footer a:hover {
   color: #000;
    text-decoration: underline;
 }


/*--end of footer area --*/



}
@media (max-width: 44em) {

#wrapper {
 width: 90%;
}
#subheadLogo img#logoTwo{
  padding: 0;
  float: left;
  border: none;
  display:inline-block;
  width: 30%
  }
#subheadLogo img#logoOneA{
  padding: 0;
  float: left;
  border: none;
  display:inline-block;
  max-width: 22.4em;
  width: 68%;
}
#subheadLogo img#logoOne{

  display:none;
}
#subheader {
  background: transparent;
  float: right;
  width: 60%;
  max-width: 100%;
  margin-top: -2em;
   }
#subheader p#address {
  text-align: left;
  font-variant: small-caps;
  padding: 0;
  font-size: 70%;
}
/*--end of general structure - beginning of navigation area  --*/
#primarynav[role="full-horizontal"]{
 float: none;
 padding: 0;
 width: 100%;
 background: transparent;
 font-weight: bold;
 font-size: 95%;

}
ul#primaryNavigation{

  display:list-item;
 list-style-type: none;
 padding: 0;
 margin: 0;

}
ul#primaryNavigation li{
   height: 2.4em;
 margin: .1em;
 border-bottom: 1px solid #aaa;
}
ul#primaryNavigation li#oneNav {

  margin: .1em;
}


/*--end of navigation area - beginning of main content area --*/

#contentBG {

  margin: 0 auto;
  width: 100%;
   min-height: 20em;
  text-align: center;
  padding: 0;
  border-radius: 1.67em;
  background: #e7f6a1;
  box-shadow: 0 0 2.67em 2em #e7f6a1;
 vertical-align:top;
}

#content {
 width: 100%;
 text-align: center;
 padding:  0;
 margin: 0 auto;
 background: transparent;

 }
#contentBottom {
 clear: both;
  width: 100%;
  height: 2em;
 text-align: center;
 background: transparent ;
 padding: 0;
 margin: 0 auto;
}


.contentLeft {
    vertical-align:top;
    margin: 0 .5em 0 0;
    float: left;
}
#contactForm {
   float: none;
    width: 100%;
}

.contentRight {
    float: none;
    width: 100%;
    max-width: 100%;
    margin:0;
    padding: 0;
    vertical-align:top;
}
#content .contentRight  p.frontPage {
    margin: 0;
    padding: 0;
    line-height:normal;
    font-size: 100%;
    }
#content #scrollable {

  width: 100%;
  height: inherit;
  overflow: visible;
}
#content .contentRight p.booking {
    margin: 0;
    padding: .5em 0;
    font-style: italic;
}
#content .contentLeft p.frontPage, #content p.frontPage, #content p.moveClasses{

  text-align: left;
  padding: 0;
  font-size: 95%;
  line-height: 120%
}
#testimon1, #testimon2, #testimon3, #testimon4, #testimon5, #testimon6, #testimon7, #testimon8, #testimon9, #testimon10 {
    position: absolute;
    top: 15em;
    left: 0;
    max-width:100% }

#hoursRates {
    display: none;
}
#map1, #map2, #map3, #map4 {
 position: absolute;
 top: 15em;
 left: 0;
 border: 1px solid #000;
 max-width: 100%;
 }

/*--end of main content area - beginning of footer area --*/
#footer {
 width: 100%;

 text-align: left;
 font-size: 80%;
 color: #777;
 background: transparent;
}
#footer p{
 margin: 0;
 font-size: 70%;
 padding: .67em 0 4em 4.67em;
}
#footer p#footslogan {
  font-size: 130%;
  text-align: center;
  font-variant:small-caps;
  padding-bottom: 2em;
  font-weight: bold;
}
#content h2#slogan {
  padding: 0;
  width: 100%;
  font-size: 100%;
}

ul#secnavigation {
 margin: 0;
 padding: .67em 0 0;
 width: 30%;
 color: #000;
 background: transparent;
 float: right;
 font-size: 80%;
 list-style-type: none;
 text-align: left;
}
ul#secnavigation li {
  display: inline;
}
ul#secnavigation li a:link, ul#secnavigation li a:visited{
 color: #777;
 background: transparent;
 text-decoration: none;
 text-align: center;
 }
ul#secnavigation li a:hover{
 color: #000;
 background: transparent;
 text-decoration: underline;
  }
 #footer a:link, #footer a:visited {
   color: #777;
   text-decoration: none;
 }
 #footer a:hover {
   color: #000;
    text-decoration: underline;
 }


/*--end of footer area --*/

#timedzfloat {
	width: 65%;
	position: relative;
	margin: 5% auto;
	padding: 5px 10px 13px 10px; }

}