@charset "UTF-8";
/* CSS Document */

/*age verification styles*/

.ac-overlay{
    box-sizing: border-box;
    height:100%;
    width:100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99998;
    opacity:0;
	cursor: wait;
}
.ac-container {
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
    width: 360px;
    position: fixed;
    padding: 20px 20px 30px 20px;
    background: #fff;
    z-index: 99999;
    opacity:0;
    text-align:center;
    border-radius: 4px;
    box-shadow:0px 0px 5px #000;
    font-weight:normal;
}
.ac-container h2 {
    box-sizing: border-box;
    margin:0 0 14px 0;
    font-size:26px;
    border-bottom:1px dashed #ccc;
    padding-bottom:11px;
}
.ac-container h3 {
    box-sizing: border-box;
    color:#649D09;
    margin-bottom:5px;
    margin-top:15px;
    font-size:26px;
}
.ac-container p {
    box-sizing: border-box;
    margin:0 0 20px 0;
    font-size: 14px;
    color:#959595;
    line-height: 20px;
}
.ac-container p strong {
    color:#FF1F1F;
}
.ac-container select, 
.ac-container input {
    box-sizing: border-box;
    color:#555;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-right:5px;
    border:1px solid #ccc;
}
.ac-container input.day{
    box-sizing: border-box;
    width:45px;
    height:28px;
}
.ac-container input.year{
    box-sizing: border-box;
    width:70px;
    height: 28px;
}
.ac-container select {
    box-sizing: border-box;
    height:28px;
    padding-left:4px;
}
.ac-container button {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px 10px 4px 10px;
    font-size: 12px;
    line-height: 1.5;
    width: 84px;
    background:#8EB908;
    color:#fff; 
    text-shadow:1px 1px 0 #84A51D;

}
.ac-container button:hover{
    box-sizing: border-box;
    background:#82A711;
}
.ac-container .errors  {
    box-sizing: border-box;
    margin:0 0 20px 0;
    font-size: 12px;
    line-height: 18px;
    color:#FF1F1F;
}
.ac-container .errors ul,
.ac-container .errors li{
    box-sizing: border-box;
    padding:0 0 3px 0;
    margin:0 0 0 0;
    list-style:none;
}
.ac-container .errors li span {
    box-sizing: border-box;
    font-size:9px;
    background:#ebebeb; 
    border:1px solid #ccc;
    width: 14px;
    height:14px;
    border-radius:7px;
    display:inline-block;
    color:#FF1F1F;
    font-weight: bold;
    text-align: center;
    margin-right:5px;
    line-height: 13px;
    position:relative;
    top:-2px;
    text-shadow: 1px 1px 0 #fff;
    font-family:arial;
}
.ac-container .fields {
    box-sizing: border-box;
    clear:both;
    margin:10px 0 10px 0;
}             
@media (max-width: 500px) {
.ac-container {
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
}
.ac-container select, 
.ac-container input.day, 
.ac-container input.year{
	box-sizing: border-box;
	display:block;
	margin-bottom:10px;
	margin-right:0;
	width:100%;
}
.ac-container button {
	box-sizing: border-box;
	display: block;
	width: 100%;
}
}




body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: #333;
	background-color: #fff;
	text-align: center;
	overflow-x: hidden;
}
.clear {
	clear: both;
}
a, a:visited {
	color: #d3a92a;
	text-decoration: none;
}
a:hover {
	color: #4f99ab;
}
.linkOnBrown a:hover {
	color: #fff;
}

p {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.spacer {
    margin-top: 30px;
}
.bigSpacer {
    margin-top: 60px;
}
.gold {
	color: #d3a92a;
}
.goldBkgd {
	background-color: #d3a92a;
}
.ltGold {
	color: #e8ce7e;
}
.green {
	color: #7eab4f;
}
.greenBkgd {
	background-color: #7eab4f;
}
.blue {
	color: #4f99ab;
}
.blueBkgd {
	background-color: #4f99ab;
}
.rust {
	color: #C63;
}
.white {
	color: #ffffff;
}
.rustBkgd {
	background-color: #C63;
}
h1 {

	font-size: 60px;
	line-height: 60px;
	font-weight: 100;
	text-align: center;
	margin-bottom: 0;
}
h2 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 100;
	text-align: center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}

#hide {
	display: none;
}
header .home{
	position: fixed;
	width: 100%;
	height: 100px;
	background-color: #fff;
	z-index: 10;
	border: 1px solid #F00;
}
#nav {
	padding: 18px 0 15px 0;
	width: 100%;
	font-weight: 200;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 3px;
	text-align: center;
}
.navUl{
	list-style: none;
}
.navUl li {
	display: inline-block;
	padding: 0 12px;
}
.navUl li a{
	text-decoration: none;
	color: #999;
}
.navUl li a:hover{
	text-decoration: none;
	color: #000;
}
#bottomNav {
	width: 100%;
	padding: 20px 0;
	display: block;
	position: relative;
}
#bottomNav a, #bottomNav a:visited{
	color: #666;
	letter-spacing: 2px;
}
#bottomNav a:hover {
	color: #000;
}

/*dropdown menu styles*/

#dropDown {
	position: absolute;
	display: none;
	width: 100%;
	top: 80px;
	left: 50%;
	border: none;
	z-index: 100;
}
#dropDown a, #dropDown a:visited {	
	position: relative;
	margin-left: -50%;
	display: block;
	padding: 15px 0;
	width: 100%;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	background: #999;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 2px;
}
#dropDown a:hover {
	background: #C63;
	color: #fff;
}
#navButton {
	display: none;
}
#hide {
	display: none;
}

.homeHeroBkgd {
	width: 96%;
	padding: 2%;
	background-image: url(../images/home-images/home-sky.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin-bottom: 3px;
	z-index: 1;
}
.homeBorder {
	width: 90%;
	padding: 50px 5% 40px 5%;
	border: 1px solid #685d3b;
}
.sale-banner {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 40px;
}
.homeLogo {
	width: 90%;
	height: 240px;
	padding: 0 5% 30px 5%;
	background-image: url(../images/home-images/big-header-image.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 650px 254px;
	text-indent: -10000px;
	z-index: 10;
}
.homeHead {
	max-width: 900px;
	margin: 30px auto 0 auto;
	padding: 60px 0 30px 0;
	font-size: 55px;
	line-height: 65px;
	color: #CCC;
	background: url(../images/home-images/home-ornament.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100px 41px;
}
.downArrow {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/home-images/down-arrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 40px 40px;
}
#section2 {
	height: auto;
}

@media all and (min-width: 401px) and (max-width: 800px) {
	
h1 {
	font-size: 50px;
	line-height: 50px;
}
.homeHead {
	font-size: 40px;
	line-height: 45px;
}
.homeHeroBkgd {
	width: 90%;
	padding: 5%;
}
.homeLogo {
	max-width: 700px;
	text-indent: -10000px;
	margin: 0 auto;
	background-image: url(../images/home-images/small-header-image.png);
	background-size: contain;
	padding: 0 5% ;
}
}

.productRow {
	width: 100%;
    padding: 0;
}
#productCell {
	width: 49%;
	display: inline-block;
	position: relative;
	background-color: #f4f2ed;
}
#lidlProductCell {
	width: 49%;
	display: inline-block;
	position: relative;
	background-color: #f1e4cd;
}
#productCell img {
	height: 100%;
	display: block;
	margin: 0 auto;
}
.left {
	border-top-width: 6px;
	border-right-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;	
	margin-left: -4px;
}
.right {
	border-top-width: 6px;
	border-left-width: 4px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	margin-right: -4px;
}
#media__body {
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 13.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

#media__body:hover { opacity: 1; }

#media__body:after,
#media__body:before {
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

#media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

#media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

#media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

#media__body h2 { 
	margin-top: 0; 
}

#media__body p { 
	margin-bottom: 1.5em; 
}
.greenOverlay {
	 background: rgba(120, 132, 4, 0.7);
}
.orangeOverlay {
	 background: rgba(189, 119, 27, 0.7);
}
.goldOverlay {
	 background: rgba(228, 204, 3, 0.7);
}
.blueOverlay {
	 background: rgba(105, 162, 191, 0.7);
}
#homeButton {
	margin: 0 auto;
	border-radius: 4em;
}
.orangeButton {
	width: 75px;
	background: #e3965d;
	padding: 10px 22px 10px 17px;
}
.blueButton {
	width: 75px;
	background: #69a2bf;
	padding: 10px 22px 10px 17px;
}
.comingButton {
	width: 75px;
	background: #69a2bf;
	padding: 10px 22px 10px 17px;
}
.sectionBorder {
	border: 2px solid #09C;
	display: block;
}

@media all and (min-width: 50px) and (max-width: 975px) {
	
#productCell {
	width: 100%;
	display: block;
}
.left {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-right: none;
	margin-left: 0;
}
.right {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-left: none;
	margin-left: 0;
}
#productCell img {
	max-width: 100%;
	height: auto;
}
#media__body {
  padding: 30% 3em;
}
}

.aboutBanner {
	width: 100%;
	height: 185px;
}
.interiorBanner {
	width: 100%;
	height: 185px;
	background-image: url(../images/interior-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#interiorWrapper {
	background-color: #fff;
	width: 100%;
}
.mainInterior {
	position: relative;
	max-width: 1800px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
	color: #000;
}
.aboutContainer {
	padding: 0;
}
#logoBanner {
	width: 90%;
	height: 100px;
	margin: 0 auto;
	padding: 70px 5% 10px 5%;
	background-image: url(../images/interior-header.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 700px 142px;
	text-indent: -10000px;
}
#aboutTop {
	width: 86%;
	padding: 60px 7% 120px 7%;
	background-image: url(../images/about-images/about-bkgd.jpg);
	background-size: cover;
	background-color: #4b330d;
}
#aboutTop h1 {
	max-width: 950px;
	margin: 40px auto 0 auto;
	font-size: 60px;
	line-height: 65px;
	font-weight: 100;
	color: #CCC;
	margin-bottom: 40px;
}
#aboutTop p {
	max-width: 950px;
	font-size: 24px;
	line-height: 36px;
	font-weight: 300;
	color: #CCC;
	margin: 0 auto 20px auto;
}
#aboutLower {
	width: 80%;
	padding: 50px 10%;
    margin-bottom: 60px;
	background-color: #fff;
}
#aboutLower h2 {
	letter-spacing: 3px;
	font-size: 24px;
	line-height: 24px;
}
#aboutLower h1, .contactWrapper h1 {
	font-size: 50px;
	line-height: 55px;
	font-weight: 100;
	margin-bottom: 0;
}
#aboutLower p, .contactWrapper p {
	max-width: 900px;
	margin: 0 auto 20px auto;
	font-size: 24px;
	line-height: 36px;	
	font-weight: 200;
}
.aboutLifestyle {
    width: 100%;
}
.lifestylePhoto {
    width: 50%;
    float: left;
}
/* Clear floats after image containers */
.aboutLifestyle::after {
  content: "";
  clear: both;
  display: table;
}
#photoCollage {
	max-width: 510px;
	height: auto;
	margin: 50px auto 60px auto;
}
.aboutFirst {
	padding-top: 20px;
}
.aboutContact {
	margin: 30px auto;
}
.boxImage {
	float: left;
	width: 65%;
	height: auto;
    display: block;
}
.boxImage img{
	width:90%; 
	height:90%;
    padding-top: 45px;
}
.video {
    position: relative;
    overflow: hidden;
    width: 400px;
    height: 400px;
    margin-top: -16px;
}
.thumbnails {
	position: relative;
	float: left;
	margin-top: 40px;
}
.thumbnails img{
	display: inline-block;
	padding: 5px 0;
	cursor: pointer;
}
.boxDesc {
	float: left;
	width: 30%;
	padding: 0 5% 30px 0;
	color: #333;
	text-align: left;
	background-color: #fff;
}
.boxDesc h1 {
	text-align: left;
}
.boxSpecs {
	margin-bottom: -10px;
	font-weight: 700;
}
.comingSoon {
	color: #4b330d;
	font-size: 20px;
	font-weight: 700;
	padding-top: 20px;
	margin-bottom: -5px;
}
.prices {
	margin: 40px 0;
}
.price {
	font-size: 14px;
	color: #d3a92a;
	margin-top: 20px;
}
.paypalTop {
	margin: -12px 0 20px 0;
}
.paypal {
	margin: -5px 0 20px 0;
}
.ec_ejc_thkbx {
	margin: 5px 0 ;
}

  
footer {
	width: 100%;
	margin-top: 10px;
	background-color: #CCC;
	background-image: url(../images/footer-bkgd.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#footerWrapper {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
	padding: 60px 5% 50px 5%;
}
.contactFooter {
	text-align: center;
	padding: 30px 0 50px 0;
	background-image: url(../images/footer-bkgd.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 13px;
}
.contactFooter a, .contactFooter a:visited {
	color: #000;
}
.contactFooter a:hover {
	color: #fff;
}

.homeLower {
	font-size: 30px;
	line-height: 42px;	
	color: #333;
}
#bottomLeft {
	float: left;
	width: 60%;
	padding-bottom: 50px;
	color: #666;
	font-weight: 200;
	text-align: left;
}
#bottomLeft h2 {
	width: 100%;
	font-weight: 200;
	font-size: 16px;
	margin: 20px 0 0 0;
	color: #666;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#bottomLeft h3 {
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 2px;
	margin: 40px 0 5px 0;
	color: #666;
	text-align: left;
}
.blogPosts {
	font-weight: 300;
}
.firstP {
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
#bottomRight {
	float: right;
	padding-top: 20px;
}



  
/* email form styles */  


#emailForm {
	width: 212px;
    text-align: left;
    color: #fff;
	background-color: #000;
	padding: 10px 20px 25px 25px;
	background-image: url(../images/single-paisley-large.jpg);
	background-repeat: no-repeat;
	background-position: 50px 60px;
}
#emailFormInterior {
	width: 212px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
	background-color: #000;
	padding: 10px 23px 25px 25px;
	background-image: url(../images/single-paisley-large.jpg);
	background-repeat: no-repeat;
	background-position: 50px 60px;
}
#emailForm h3 {
    font-size: 16px;
    text-align: left;
}
#emailFormInterior h3 {
    font-size: 16px;
}
.promise {
	font-size: 12px;
    line-height: 14px;
}
#emailFormInterior > .promise p {
    text-align: left;
}
#emailForm label, #emailFormInterior label {
    font-size: 12px;
}
#emailForm input, #emailFormInterior input {
	width: 190px;
}
#submit-button input {
    width: 120px;
    height: 20px;
    margin-top: 30px;
}
#mce-responses {
    height: 10px;
}


.social {
	width: 250px;
	font-size: 14px;
	line-height: 18px;
	margin: 20px auto 30px auto;
	color: #333;
	text-align: left;
}
.interiorFooter .social {
	text-align: center;
}
.social a{
	border: none;
	display: inline-block;
	padding: 0 8px;
}
.socialContact {
	margin-bottom: 50px;
}
.socialContact a{
	border: none;
	display: inline-block;
	padding: 0 8px;
}
.copyright {
    margin-top: 30px;
	text-align: center;
	font-size: 12px;
}
.copyright a, .copyright a:visited{
	color: #000;
}
.copyright a:hover{
	color: #fff;
}
.copyrightBottom {
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
	margin-bottom: 0;
}

  
  
  
/* contact page form styles */  


.thanksWrapper {
	width: 92%;
	background-color: #fff;
	margin: 0 auto;
	padding: 8% 4% 10% 4%;
	overflow: hidden;
	color: #000;
}
.contactWrapper p {
	padding-top: 20px;
}
.contactWrapper {
	width: 100%;
	margin: 0 auto;
}
.contactBkgd {
    max-width: 1200px;
    margin: 100px auto;
    padding: 150px;
    background-image: url(../images/contact-bkgd.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position: center;  /* Internet Explorer 7/8 */
}
.contactus {
	width: 80%;
	background-color: #000;
    color: #fff;
	margin: 0 auto;
	padding: 20px 30px 30px 30px;
	background-image: url(../images/single-paisley-large.jpg);
	background-repeat: no-repeat;
	background-position: -10% -60%;
}
.contactus h2 {
    font-size: 48px;
    line-height: 50px;
    text-align:  center;
    margin-bottom: 0;
}
.contactus h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    line-height: 26px;
    text-align:  center;
    font-weight: 100;
    margin-bottom: 0;
}
.emailLink {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    text-align: center;
    margin: 50px;
    text-decoration: underline;
}
.promise {
	font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
}

#mce-MMERGE3 {
    height: 80px;
}
.button {
    width: 120px;
    height: 20px;
    margin-top: 30px;
}




.thankYouHead {
	color: #4b330d;
	padding: 0;
}



@media all and (min-width: 50px) and (max-width: 450px) {

h1 {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 0;
}
.homeBorder {
	padding: 50px 5% 40px 5%;
	border: 1px solid #685d3b;
}
.homeLogo {
	max-width: 700px;
	height: 180px;
	text-indent: -10000px;
	margin: 0 auto;
	background-image: url(../images/home-images/small-header-image.png);
	background-size: contain;
	padding: 0 5% ;
}
.homeHead {
	margin: 10px auto 0 auto;
	padding: 60px 0 30px 0;
	color: #CCC;
	font-size: 30px;
	line-height: 35px;
	background: url(../images/home-images/home-ornament.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100px 41px;
}
#aboutBkgd {
	font-size: 28px;
	line-height: 40px;
}
#photoCollage {
	width: 90%;
	margin: 50px auto 70px auto;
}
#photoCollage img {
	width: 100%;
}

.promise {
	font-size: 12px;
    line-height: 14px;
    text-align: left;
    margin-bottom: 20px;
}
.contactus > .promise p {
    text-align: left;
}
.contactus label {
    font-size: 12px;
}
.contactus input {
	max-width: 100%;
}
#mce-MMERGE3 {
    height: 80px;
}
.button {
    height: 20px;
    margin-top: 30px;
}
}


@media all and (min-width: 50px) and (max-width: 700px) {
	
#naturePhoto, #naturePhoto img {
		font-size: 30px;
	line-height: 33px;
	background-image: url(../images/home-images/mountains-mobile.jpg);
}
#aboutTop {
	background-image: url(../images/about-images/about-bkgd-mobile.jpg);
}
}

@media all and (min-width: 50px) and (max-width: 1150px) {

.homeLower {
	font-size: 24px;
	line-height: 32px;	
	text-align: center;
}
#bottomLeft {
	float: none;
	width: 100%;
}
#bottomRight {
	float: none;
	width: 100%;
	margin: 0 auto;
}
#emailForm {
	width: 230px;
	margin: 0 auto;
}
.social {
	width: 230px;
	text-align: center;
	margin: 20px auto 0 auto;
}
.social a{
	border: none;
	display: inline-block;
	padding: 0 8px;
}
.socialContact a {
	border: none;
	display: inline-block;
	padding: 0 8px;
}
.copyright {
	text-align: center;
	margin: 20px auto 0 auto;
}

.boxImage {
	float: none;
	width: 100%;
	height: auto;
}
.boxDesc {
	float: none;
	width: 90%;
	padding: 0 5% 30px 5%;
	color: #333;
	text-align: center;
}
.boxDesc h1 {
	text-align: center;
}
.thumbnails {
	position: relative;
	float: none;
	margin: 0 auto;
}
.boxSpecs {
	text-align: center;
}
.comingSoon {
	text-align: center;
}
.price {
	text-align: center;
}
.paypalShort {
	margin: -10px auto 0 auto;
}
.paypal {
	margin: -10px auto 0 auto;
}
.centeredTable {
	margin-left:auto; 
    margin-right:auto;
}

.thanksWrapper {
	width: 92%;
	background-color: #fff;
	margin: 0 auto;
	padding: 12% 4% 18% 4%;
	overflow: hidden;
	color: #000;
}
.lifestylePhoto {
    width: 100%;
    float: none;
}
    .video {
    margin: 0 auto;
}
}
 
@media all and (min-width: 50px) and (max-width: 800px) {

#logoBanner {
	padding: 65px 5% 10px 5%;
	background-image: url(../images/interior-header-mobile.png);
	background-repeat: no-repeat;
	background-position: center 35px;
	background-size: 300px 106px;
}
/*dropdown menu styles*/
#nav div a {	
	margin-left: -50%;
}
#aboutBkgd {
	font-size: 28px;
	line-height: 40px;
}
#photoCollage {
	width: 90%;
	margin: 50px auto 70px auto;
}
#photoCollage img {
	width: 100%;
}
}

@media all and (min-width: 50px) and (max-width: 700px) {
	
#navButton {
	width: 30px;
	margin: 0 auto;
	padding: 25px 0;
	display: block;
}
#nav-show {
	border: none;
}
#nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: none;
	list-style: none;
	text-align: center;
	font-size: 18px;
	line-height: 35px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0px 5px 5px #000;
	z-index: 200;
}
.navUl{
	list-style: none;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.navUl li {
	display: block;
}
.more {
	margin: 0 auto 20px auto;
}

.navInner {
	margin: 0 auto 30px auto;
}
#dropDown {	
	top: 110px;
}
#dropDown a, #dropDown a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
}
#dropDown a:hover {
	color: #fff;
}
#dropDown.current a {
	color: #fff;
}
#hide {
	display: block;
	color: #000;
	padding: 10px 0;
}
#hide a{
	color: #000;
}
#naturePhoto, #naturePhoto img {
		font-size: 30px;
	line-height: 33px;
	background-image: url(../images/home-images/mountains-mobile.jpg);
}
#aboutTop {
	background-image: url(../images/about-images/about-bkgd-mobile.jpg);
}
#aboutTop h1 {
	font-size: 40px;
	line-height: 42px;
	margin: 10px auto 20px auto;
}
 
.contactBkgd {
    width: 100%;
    margin: 100px 0px;
    padding: 30px 0px;
}
.contactus {
	width: 80%;
    margin: 40px auto;
	background-color: #000;
}  
.contactus h2 {
    font-size: 40px;
    line-height: 41x;
}
}