@font-face {
    font-family: 'cherry_swashregular';
    src: url('../Fonts/cherryswash-regular-webfont.eot');
    src: url('../Fonts/cherryswash-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/cherryswash-regular-webfont.woff2') format('woff2'),
         url('../Fonts/cherryswash-regular-webfont.woff') format('woff'),
         url('../Fonts/cherryswash-regular-webfont.ttf') format('truetype'),
         url('../Fonts/cherryswash-regular-webfont.svg#cherry_swashregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{font-family:"Apple-Chancery";
src: url(../Fonts/ps_24516.eot);
src: url('../Fonts/ps_24516.eot?#iefix') format('embedded-opentype'), local("Apple Chancery"), url(../Fonts/ps_24516.ttf);format ("truetype"); 
}

@font-face {
    font-family: 'railwayregular';
    src: url('../Fonts/railway-webfont.eot');
    src: url('../Fonts/railway-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/railway-webfont.woff2') format('woff2'),
         url('../Fonts/railway-webfont.woff') format('woff'),
         url('../Fonts/railway-webfont.ttf') format('truetype'),
         url('../Fonts/railway-webfont.svg#railwayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playtime_with_hot_toddiesRg';
    src: url('../Fonts/playtime-webfont.eot');
    src: url('../Fonts/playtime-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/playtime-webfont.woff2') format('woff2'),
         url('../Fonts/playtime-webfont.woff') format('woff'),
         url('../Fonts/playtime-webfont.ttf') format('truetype'),
         url('../Fonts/playtime-webfont.svg#playtime_with_hot_toddiesRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fridaysregular';
    src: url('../Fonts/fridays-webfont.eot');
    src: url('../Fonts/fridays-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/fridays-webfont.woff2') format('woff2'),
         url('../Fonts/fridays-webfont.woff') format('woff'),
         url('../Fonts/fridays-webfont.ttf') format('truetype'),
         url('../Fonts/fridays-webfont.svg#fridaysregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'newrockerregular';
    src: url('../Fonts/newrocker-regular-webfont.eot');
    src: url('../Fonts/newrocker-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/newrocker-regular-webfont.woff2') format('woff2'),
         url('../Fonts/newrocker-regular-webfont.woff') format('woff'),
         url('../Fonts/newrocker-regular-webfont.ttf') format('truetype'),
         url('../Fonts/newrocker-regular-webfont.svg#newrockerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tinetregular';
    src: url('../Fonts/tungusfont_tinet-webfont.eot');
    src: url('../Fonts/tungusfont_tinet-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/tungusfont_tinet-webfont.woff2') format('woff2'),
         url('../Fonts/tungusfont_tinet-webfont.woff') format('woff'),
         url('../Fonts/tungusfont_tinet-webfont.ttf') format('truetype'),
         url('../Fonts/tungusfont_tinet-webfont.svg#tinetregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{font-family:"Amaranth-Regular";
src: url(../Fonts/amaranth-webfont.eot);
src: url('../Fonts/amaranth-webfont.eot?#iefix') format('embedded-opentype'), local("Amaranth"), url(../Fonts/amaranth-webfont.ttf);format ("truetype"); 
}

@font-face
{font-family:"Cooper-Black";
src: url(../Fonts/ps_10369.eot);
src: url('../Fonts/ps_10369.eot?#iefix') format('embedded-opentype'), local("Cooper Black"), url(../Fonts/ps_10369.ttf);format ("truetype"); 
}

@font-face {
  font-family: 'icons';
  src: url('../Fonts/icons.eot');
  src: url('../Fonts/icons.eot#iefix') format('embedded-opentype'),
       url('../Fonts/icons.woff') format('woff'),
       url('../Fonts/icons.ttf') format('truetype'),
       url('../Fonts/icons.svg#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

a:focus /*removes blue outline when focused on anchor*/
	{
	outline:0;
	outline: none;
	}
	

img
	{
	max-width: 100%;  /*container for background-required to keep aspect ratio when shrinking*/
	border:none;  /*IE 8,9,10 add borders to images that are also links*/
	}

body
	{
	background:#F7F7F7;	
	margin:0;
	padding:0;
	font-family:cherry_swashregular;	 
	}

 
/*=================UPPER HEADER BEGINS HERE=================================================*/	
.upperheaderwrap
	{
	width:100%;	 
	background: #1D924C; 
	text-align:center; 	
	}
	
.upperheader
	{
	max-width:1366px;	 
	color:white;
	margin:auto;/*centers content*/	
	padding:10px 1%; /*allows left and right spacing for smaller devices*/	 
	}
	
.toplinks ul 
	{
	text-align:right;
	margin:0;
	}
	
.toplinks ul li
	{
	display:inline;
	color:white;
	}
	
		
/*=========================HEADER============================*/
.headerwrap
	{
	width:100%;
	text-align:center;
	background:#EFEEE9 url(../Background/handmadepaper.jpg);
	background:#BBA189 url(../Background/camp-texture.jpg); 
	background:#E1E1E1;		 
	}
	
.header
	{
	max-width:1366px;		
	margin:auto;/*centers content*/	
	padding:0 1%; /*allows left and right spacing for smaller devices*/ 	 
	}	

.header h1
	{	 
	font-family:Apple-Chancery; 
	}		

.azimage img
	{	 
	line-height:0%; /*removes white background under the image*/
	margin:2%;
	
	}
	
 
	
.homeparent 
	{
	position:relative;
	display:inline-block;	
	}
	
.home
	{
	position:absolute;	
	top: 38px; /*dont use percentage due to smart phones placing incorrectly*/
	left:25px;
	font-size:1.1em;
    font-weight;bold;
	color:black;
	font-weight:bold;	
	filter:alpha(opacity=0);
	opacity:0;		 
	background:#E8D54E;	
	width:65%;
	border-radius:25px;		
	}	
	
.home:hover  
	{
	filter:alpha(opacity=100);
	opacity:1.0;
	font-weight:bold;
	font-size:1.1em;
	}
		
.hdrtext
	{	
	display:inline-block;
	width:60%;	
	text-align:center;	
	vertical-align:top;	 
	}
	
.hdrtext h1
	{	
	font-size:2em;
	margin-bottom:0;	
	}
	
.hdrtext h4
	{	
	margin-top:0;
	}
	
.hdrtext p
	{	
	font-size:.85em;
	text-align:left;
	}
	
.hdrtext span
	{	
	font-weight:bold;
	}
	
#cabinreq
	{
	font-size:.7em;
	}

.citylinks
	{
	color:black;		
	}
	
/*Sub Header BEGINS HERE*/	
.subheaderwrap
	{
	width:100%;	 
	text-align:center;
	color:white;
	background:#1D924C url(../Background/grnblk.png);	 
	margin-bottom:1em; /*make room between header and main panel*/		
	}
	
.subheader
	{
	max-width:1366px;	 
	margin:auto;/*centers content*/	
	padding:0 1%; /*allows left and right spacing for smaller devices*/	 	 
	}
	
.steps
	{
	display:inline-block;
	font-size:1.2em;
	}
	
.steps img
	{
	vertical-align:middle;
	margin:10px;
	margin-left:20px;
	margin-right:5px;
	}	
	
.steps span
	{
	font-size:.75em;
	}
.steptext
	{
	display:none;
	}	

/*=====================MAIN PANEL BEGINS HERE==================================*/
.mainsectionwrap	
	{
	max-width:1366px;	
	margin:auto;	 
	}	 
	
.mainsectionwrap img
	{
	vertical-align:top;	
	border-radius:25px;
	box-shadow: 2px 2px 5px black;
	margin-right:2px; /*to compensate for border between the images*/	
	}
	
.mainsectionwrap ul
	{	 
	padding:0;		
	}
	
.mainsectionwrap ul li
	{
	display:inline;	 	
	}
	
.dash
	{
	visibility:hidden;
	}
#gmaplink
	{
	display:none;
	}

.mainsection1, .mainsection2, .mainsection3	
	{		
	text-align:center; 
	margin:auto;/*centers content*/	
	padding:0 1%; /*allows left and right spacing for smaller devices*/	
	}
	
.mainsection1, .mainsection2 
	{	
	margin-bottom:10px;
	}
	
.mainsection3
	{
	margin-bottom:15px;	
	}
 
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{
	display:inline-block;
	width:29%;
	vertical-align:top;	/*keeps pictures from dropping down*/
	min-height:225px;/*increase so line isn't short.  275 is biggest number needed*/
	background:#EFEEE9 url(../Background/handmadepaper.jpg);
	padding:15px 10px;
	border-radius:10px;
	box-shadow:2px 2px 5px black;
	margin:2.5px 5px;	
	}
	
.payson, .pine, .flagstaff 
	{
	margin-left:0;		
	}
	
.pinetop, .alpine, .tucson
	{
	margin-right:0;		
	}
	
hr
	{
	margin-bottom:15px;
	}
	
	
/*Footers Begin Here*/

.allfooterwrap
	{	  	
	text-align:center;
	color:white;
	margin-top:10px;	
	}
	
.upperfooterwrap
	{
	background:#1D924C;
	width:100%;	
	margin:auto;
	
	}
	
.upperfooter
	{		
	max-width:1366px;	 	
	margin:auto;/*centers content*/	
	padding:10px 5%; /*allows left and right spacing for smaller devices*/		 	
	}
	
.upperfooter hr
	{		  	
	margin:auto 5%;	  	
	}	
.removecabin
	{
	font-size:.75em;	
	}
	
.lowerfooterwrap
	{	
	background:#1D924C url(../Background/grnblk400.png);
	width:100%;	
	margin:auto;
	color:white;	
	}
	
.lowerfooter
	{		
	max-width:1366px;	 	 
	padding-bottom:0;
	margin:auto;/*centers content*/	
	padding:0 1%; /*allows left and right spacing for smaller devices*/	  
	}
	
.leftlowerwrap
	{
	display:inline-block;	 
	width:65%;
	/*box-shadow:2px 2px 5px black;*/
	vertical-align:top;
	 margin:10px 0;	  
	}
	
.lowerlinks
	{
	margin-top:25px;
	}
	
#notavail
	{
	display:none;	
	}
	
.leftlower
	{	
	margin:0 10px;		 
	text-align:center;	  
	}


.mapsizeobjwrap
	{
	position:relative;
	overflow:hidden;
	z-index:10; /*to hide overflow of absolute map*/
	width:200px;
	height:200px;
	margin-top:25px;
	-webkit-mask-image: -webkit-radial-gradient(white, black);	/*rounds corners for iPad*/
	border-radius:25px;	
	
	
	}	
	
.mapsizeobj
	{
	position:absolute;
	z-index:5; /*to hide overflow of absolute map*/
	width:100%;
	height:100%;	 
	}
		
.linkholder , .linkholder2, .linkholder3
	{	
	min-width:200px;	
	}
	
.linkholder
	{
	text-align:left;
	border-right:1px groove black;
	}
		
.linkholder , .linkholder2
	{	
	display:inline-block;	 
	width:49%;
	/*box-shadow:2px 2px 5px black;*/
	vertical-align:top;
	margin:10px 0;	  
	}
	
.linkholder3
	{
	display:inline-block;	 
	width:32%;
	/*box-shadow:2px 2px 5px black;*/
	vertical-align:top;
	margin:10px 0;	  
	border-left:1px groove black;
	padding-left:10px;	
	}
	
.divider
	{
	display:none;/*=============used for smaller screens as a divider================*/
	}
	

.lowerlinks h1
	{
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	}
	
.lowerlinks ul
	{
	padding-left:5%;
	text-align:left;
	margin-top:0;
	margin-bottom:0;
	font-size:.8em;		
	}
	
.lowerlinks ul li
	{
	list-style-type:none;
	padding-top:5px;
	margin:1% auto;  /*more space between links for mobile devices*/	 
	}
	
.lowerlinks ul li a
	{
	color:white;	
	}
	
.oneword
	{
	white-space:nowrap;
	}
	
.bottomfooterwrap
	{	
	background:black;	
	text-align:left;	
	}
	
.bottomfooter 
	{	
	max-width:1366px;
	/*padding:15px 0;*/
	padding-right:0;	
	margin:auto;/*centers content*/	
	padding:15px 1%; /*allows left and right spacing for smaller devices*/	 	 
	}
	
.disclaimer
	{
	display:inline-block;	
	font-size:.6em;	
	}
	
.jump2top
	{
	position:fixed;	
	right:5px;
    bottom:-5px;
	-webkit-backface-visibility: hidden;
	}
	
/*==================Contact Form==================================*/
input, textarea, select
	{
	border-radius:5px;
	/*IE8*/behavior: url(../PIE/PIE.htc);
	font-family:cherry_swashregular;
	font-weight:bold;	
	}
	
input:focus, textarea:focus , select:focus
	{
	background:yellow;	 
	}	

.mainform  /*body of form*/
	{
	text-align:left;	 
	}
	

.mainform h3  /*required warning statement*/
	{
	display:inline;
	margin-left:5%;
	font-size:.7em;	
	}
	
.asterisk
	{
	color:red;
	display:inline-block; /*allows vertical alignment of asterisk*/
	vertical-align:middle; /*vertical alignment of asterisk*/
	line-height:1.5em;	/*vertical alignment of asterisk*/
	}

.fieldwrap /*contains field and keeps field inside form*/
	{
	margin-right:10px;/*adjust field width here as shrinking*/		 
	}
	
.fielddiv /*outer div boundary for form fields excluding asterisk*/
	{
	width:auto;
	margin:auto; /*centers form fields on form*/
	position:relative; /*or asterisk is hidden*/	
	}

	
/*===========ADJUST TEXT AREA HERE=================*/ 

.fielddiv textarea
	{	
	font-family:cherry_swashregular;
	font-weight:bold;
	}	

	
.fieldwrap-inline3  /* STREET, EMAIL*/
	{	
	min-width:80px; /*adjust width of fields here so the inline fields step down when reduced*/
	position:relative;/*for absolute position before asterisk*/	 
	margin-left:10px;	 
	}
	
.fieldwrap-inline3:before  /* Asterisk*/
	{	
	content:'*';
	position:absolute;
	top:13px;
	left:-10px;
	color:red;
	}

.field-inner1, .field-inner7 , .field-inner12
	{
	width:auto;	
	position:relative;/*for absolute position for icons*/	 
	}	
	
/*=============add icons via absolute positioning============*/	
.field-inner1:after  /*NAME*/
	{
	content:'\e80B';
	position:absolute;
	top:12px;
	left:6px;
	font-family:icons;
	font-size:.8em;
	font-weight:normal;
	opacity: 0.9;
	filter: alpha(opacity=90);
	}
	
.field-inner7:after  /*Email*/
	{
	content:'\e805';
	position:absolute;
	top:12px;
	left:6px;
	font-family:icons;
	font-size:.8em;
	font-weight:normal;
	opacity: 0.9;
	filter: alpha(opacity=90);
	}
	
.field-inner12:after  /*Comments*/
	{
	content:'\e800';
	position:absolute;
	top:11px;
	left:6px;
	font-family:icons;
	font-size:1em;
	font-weight:normal;
	opacity: 0.9;
	filter: alpha(opacity=90);	
	}	
		
	
.field  /*FIRST, CITY, ZIP, ARRIVAL, DEPARTURE input fields themselves*/
	{	
	width:90%;  /*adjust here to avoid wrapping of fields below asterisk*/
	padding:5px 10px; /*height of field is static*/
	padding-left:20px; /*make room for icon*/
	margin:5px 0px; /*room between fields*/
	border:2px inset beige;	 
	font-size: .8em;  /*adjust inside text font size here*/
	opacity: 0.5;	
	filter: alpha(opacity=50);	
	}
	
.field1  /* STREET,  The not inline fields */
	{	
	width:90%;  /*adjust to fill form with field*/
	padding:5px 10px; /*height of field is static*/
	padding-left:20px; /*make room for icon*/
	margin:5px 0; /*room between fields*/
	border:2px inset beige;	 
	font-size:.8em;  /*adjust inside text font size here*/
	opacity: 0.5;	
	filter: alpha(opacity=50);		
	}
	
.field2  /* Comments */
	{	
	width:90%;  /*adjust to fill form with field*/
	padding:5px 10px; /*height of field is static*/
	padding-left:20px; /*make room for icon*/
	margin:5px 0; /*room between fields*/
	border:2px inset beige;	
	font-size:.8em;  /*adjust inside text font size here*/
	opacity: 0.5;	
	filter: alpha(opacity=50);	
	}
	
.fieldwrap-inline5  /* COMMENTS - no asterisk needed*/
	{		 
	min-width:80px; /*adjust width of fields here so the inline fields step down when reduced*/
	position:relative;/*for absolute position before asterisk*/	
	margin-left:10px; 
	} 
	
textarea.field2
	{
	height:6.7em;	 
	}
	
/*SUBMIT BUTTON*/
	
.submitdiv  /*div around send button*/
	{
	position:relative;
	text-align:right;
	} 
	
.submitdiv input /*div around send button*/
	{	 
	background:url(../Background/Button.png);	 
	font-size:1em;
	font-weight:bold;
	margin:5px;
	margin-right:18px;/*adjust in tandem with field length to move button over*/
	padding:5px 10px;
	border:2px solid #006600;
	border-radius:5px;	
	/*IE8*/behavior: url(../PIE/PIE.htc);		 
	}
	
.submitdiv input:hover /*div around send button*/
	{
	border:2px solid white;		
	}
	
	
/*END OF MAIN PAGE - */


/*===========================================================================
==========================Payson-cabins page starts here ====================
============================================================================*/


.listingwrap	
	{
	max-width:1366px;	
	margin:auto;
	padding:0 1%; /*allows left and right spacing for smaller devices*/		 
	}

.cities
	{		
	text-align:center;	
	}
	
.eachcity
	{
	background:#1D924C url(../Background/grnblk.png);	
	display:inline-block;
	margin:0 0 10px 0;
	border-radius:10px;	  
	}
	
.eachcity h1
	{
	margin:0;
	padding:5px 25px;
	font-size:120%;/*must call out font size for internet explorer 11 or font size is huge*/
	}
		

.widget
	{
	width:199px;
	height:62px;
	margin-bottom:-5px;
	} 
	
.listing
	{
	background:#E6E5E0 url(../Background/handmadepaper.jpg);	 
	border-radius:10px;
	box-shadow:2px 2px 5px black;	
	}
	
.listing img
	{
	display:inline-block;	
	margin:10px;
	margin-bottom:0; 
	border-radius:5px;
	box-shadow:2px 2px 10px black;	
	}
	
.cabinhdr
	{
	position:relative; /*for pricing in header*/
	background:#1D924C url(../Background/grnblk.png);	
	color:white;
	padding:0px;
	border-radius:10px 10px 0 0;
	text-align:center;
	overflow:hidden;
	min-height:30px;	 
	}
	
.namehdr
	{	
	position:absolute;
	top:0;
	left:10px;
	}
	
.namehdr h3
	{	
	margin:0;
	padding:0;
	white-space:nowrap;
	padding-top:3px;
	}
	
.namehdr h3 a
	{	
	color:white;
	}
	
.elevation
	{
	display:inline-block;
	white-space:nowrap;
	margin-top:5px;	
	}
	
.price
	{	
	position:absolute;
	top:5px;
	right:8px;
	white-space:nowrap;
	}

/*======Hide for small display==========*/	
.imgcont
	{
	position:relative; /*for slideshow Icon*/
	display:inline-block;
	margin:5px;
	display:none;
	}
	
/*======Hide for large display==========*/		
.imgcont2
	{
	position:relative; /*for slideshow Icon*/
	display:inline-block;
	margin:5px;		
	/*display:none;*/
	}
	
.imgcont img, .imgcont2 img   /*controls picture size*/
	{
	width:200px;
	height:150px;	
	}
	
/*button's need important due to css coding below-override.*/
	
.newlisting
	{
	position:absolute;
	left:64px;	
	}
	
.newlisting img
	{
	width:75px;
	height:20px;
	}



/*====HIDE CLICK FOR DETAILS FOR LARGE IMAGES========*/

.clambtn
	{
	display:none;	
	}
	
.slideshow img, .firstimage>.slideshow  /*keeps slideshow icon small - in same container as image*/
	{
	height:auto;
	width:auto;
	}
.vrbo
	{
	background-color:#386C97;
	font-size:.65em;
	margin-top:5px;	
	}
	
.airbnb
	{
	background-color:#FF5A5F;
	font-size:.65em;
	margin-top:5px;	
	}

.azvacation
	{
	background-color:#FF9B2B;
	font-size:.65em;
	margin-top:5px;	
	}
	
.vr411
	{
	background-color:#FFCA46;
	font-size:.65em;
	margin-top:5px;	
	color:black;
	font-weight:bold;
	}
	
.cabins
	{
	background-color:#351E13;
	font-size:.65em;
	margin-top:5px;		 
	}
.frbo
	{
	background-color:#03AFEA;
	font-size:.65em;
	margin-top:5px;		 
	}	
	
	
	 
	
.discounts
	{
	background-color:#56B5B1;
	font-size:.65em;
	margin-top:5px;	
	}
	
.upscale
	{
	background-color:#323232;
	font-size:.65em;
	margin-top:5px;	
	}
	
.nocleanfee
	{
	background-color:#00FDBD;
	background-color:#D79241;
	font-size:.65em;
	margin-top:5px;		
	}
	
.hottub
	{
	background-color:#009AC7;
	font-size:.65em;
	margin-top:5px;		
	}
	
.under100
	{
	background-color:#0052FF;
	font-size:.65em;
	margin-top:5px; 
	}
	
.horsesallowed
	{
	background-color:#9E745B;
	font-size:.65em;
	margin-top:5px; 
	}
	

/*======visual lightbox hiding images============*/
#vlightbox0
	{
	width:auto!important; /*controls image container width. was too wide*/
	}
	
.vlightbox0 /*makes images with and without sildeshows the same margins*/
	{
	display:none!important;	
	margin-top:10px!important;
	margin-left:10px!important;	
	margin-right:10px!important;
	}
	
.vlightbox0 img /*makes slideshow and non slideshow images same size*/
	{
	height:150px;		
	}
/*backgroud color for popup- overrides colorbox background*/	
#vlb0overlay
	{
	background-color:#2A5D2A!important;
	opacity:.6!important;
	}

	
/*============slideshow must be after vlightbox due to slide show image sizing====*/

.slideshow
	{
	position:absolute;
	left:5px;
	bottom:5px;
	}
	
.slideshow img  /*return slideshow image to correct smaller size.*/
	{
	height:auto;
	width:auto;
	}
	
#clambtn
	{
	/*display:none;*/
	}
	

 	
/*==============change to block when shrinking to drop sections========================*/	
.informationwrap, .informationwrap2, .informationwrap3 
	{
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
	margin-left:15px; 
	
	} 
	
.cage, .cage2, .cage3, .cage3em, .cage3wb
	{	
	display:block;
	text-align:right;
	margin:5px 0;	
	}
	
.title, .titleem, .titlewb, .data
	{
	display:inline-block;
	white-space:nowrap; 
	}
	
.title, .titleem, .titlewb
	{
	font-weight:bold; 
	padding-right:5px;
	}
	
.data
	{
	min-width:85px;
	text-align:left;
	}
	
.informationwrap2>.cage2>.data 
	{
	
	text-align:left;
	}
	
.informationwrap3>.cage3>.data 
	{
	min-width:220px;
	text-align:left;
	}

.data>a
	{
	 color:black;
	}
	
.informationwrap3>.cage3em>.data 
	{
	min-width:220px;
	text-align:left;
	}
	
.informationwrap3>.cage3wb>.data 
	{
	min-width:220px;
	text-align:left;
	}
	
	
.informationwrap4>h4 
	{
	margin-bottom:0;	
	text-align:center;
	}
	
.informationwrap4 p 
	{
	margin-top:0;	
	padding:10px;	
	font-size:80%;
	text-align:left;
	}
	
 .informationwrap4 p.datadisclaimer 
	{
	text-align:center;	
	font-size:.65em;
	color:brown;
	border-top:1px solid black;	
	}

	

/*========================================================================================================================================================================================================================MEDIA QUERIES BEGIN HERE============================================================
=====================================================================================================================================================*/
	
	
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
{  
	
#slideshow  /* so icon doesn't hide behind image*/
	{	
	bottom:10px; 	 
	}

}

/* iPads (landscape)---------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{
}


/* iPads (portrait)----------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{	 
.fieldwrap /*contains field and keeps field inside form*/
	{
	margin-right:20px;/*adjust form field width here as shrinking*/		 
	}
}

/*iPhone 6 Landscape------------------------------------------------------------------------------------------------*/
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
{ 

}

/*iPhone 6 Portrait----------------------------------------------------------------------------------------------------*/
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{ 
body  /*==========touch anywhere to close (The cursor is a pointer and indicates a link)===============*/
	{
	cursor: pointer;
	}
}

/*iPhone 6+ Landscape----------------------------------------------------------------------------------------------------*/
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
	{
	.jump2top
		{ 
		right:30%;
		bottom:30%;		
		}
	}


/*iPhone 6+ Portrait------------------------------------------------------------------------------------------------------*/
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 
body  /*==========touch anywhere to close (The cursor is a pointer and indicates a link)===============*/
	{
	cursor: pointer;
	}
	
	.jump2top
		{ 
		right:30%;
		bottom:30%;		
		}
	}


/*
 iOS Blocker
 Chrome 15+, Android OS & Browser 4+
 Mobiles (High-Definition)  Mobile phones but not desktops or laptops
*/

/*@media screen and (-webkit-min-device-pixel-ratio:1.1)
	{
    _:-webkit-full-screen, .jump2top
		{ 
		right:30%;
		bottom:30%;		
		} 
	}*/

/*for Android phones-portrait only-landscape looks fine as is*/	
	


/*=================================================================================================================================================================MEDIA QUERIES LARGE TO SMALL BEGIN HERE======================================
======================================================================================================================*/

@media only screen and (min-width :994px) and (max-width :3000px)
{ 
/*hiding clam for all large displays*/
 .clam
	{
	/*display:none;*/
	}  
}	


@media only screen and (min-width :1201px) and (max-width :1325px)
{ 
.submitdiv input /*div around send button*/
	{		
	margin-right:15px;/*adjust in tandem with field length to move button over*/		 
	}  
}	

@media only screen and (min-width :1125px) and (max-width :1200px)
{ 
.submitdiv input /*div around send button*/
	{		
	margin-right:12px;/*adjust in tandem with field length to move button over*/		 
	} 
 	 	
}	

@media only screen and (min-width :995px) and (max-width :1124px)
{  	
.submitdiv input /*div around send button*/
	{		
	margin-right:8px;/*adjust in tandem with field length to move button over*/		 
	} 		
}

/*====== for Payson-cabins page=====*/
@media only screen and (min-width :995px) and (max-width :1070px)
{  	
.submitdiv input /*div around send button*/
	{		
	margin-right:8px;/*adjust in tandem with field length to move button over*/		 
	}

/*===================added for Payson-cabins page=================*/
.informationwrap3
	{
	margin-left:auto;
	text-align:center;		
	}

.cage3, .cage3em, .cage3wb
	{
	display:inline-block;
	min-width:350px;	
	}
	
.clam
	{
	/*display:none;*/
	} 	 		
}

@media only screen and (min-width :875px) and (max-width :994px)
{ 	
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:245px;	
	}
	
.fieldwrap /*contains field and keeps field inside form*/
	{
	margin-right:15px;/*adjust field width here as shrinking*/		 
	}

.submitdiv input /*div around send button*/
	{		
	margin-right:8px;/*adjust in tandem with field length to move button over*/		 
	}  

/*===================added for Payson-cabins page=================*/
.informationwrap3
	{
	margin-left:auto;
	text-align:center;		
	}

.cage3, .cage3em, .cage3wb
	{
	display:inline-block;
	min-width:350px;	
	}		
	
.clam
	{
	/*display:none;*/
	} 
 		
}

@media only screen and (min-width :790px) and (max-width :874px)
{ 
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:245px;
	
	}
	
.fieldwrap /*contains field and keeps field inside form*/
	{
	margin-right:15px;/*adjust field width here as shrinking*/		 
	}

.submitdiv input /*div around send button*/
	{		
	margin-right:5px;/*adjust in tandem with field length to move button over*/		 
	} 

/*===================added for Payson-cabins page=================*/
.informationwrap3
	{
	margin-left:auto;
	text-align:center;	 
	
	}

.cage3, .cage3em, .cage3wb
	{
	display:inline-block;
	min-width:350px;	
	}	
	
.clam
	{
	/*display:none;*/
	} 
 	 	
}	

@media only screen and (min-width :760px) and (max-width :789px)
{ 


.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:245px;	
	}
	
.fieldwrap /*contains field and keeps field inside form*/
	{
	margin-right:20px;/*adjust field width here as shrinking*/		 
	}

.submitdiv input /*div around send button*/
	{		
	margin-right:5px;/*adjust in tandem with field length to move button over*/		 
	}

/*===================added for Payson-cabins page=================*/  	
	
.informationwrap3
	{
	margin-left:auto;
	text-align:center;	
	}

.cage3, .cage3em, .cage3wb
	{
	display:inline-block;
	min-width:350px;	
	}	
	
.clam
	{
/*display:none;*/
	} 
 	
}

/*=================footer needs to go single file here=============*/	

@media only screen and (min-width :740px) and (max-width :759px)
{ 


.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:245px;	 
	}
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto;	 
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	
	vertical-align:top;
	margin:10px 0;	
	width:40%;	/*adjust her and linkholder 2 to center info on panels*/	
	}
	
.linkholder2
	{
	margin-left:8%;	/*adjust her and linkholder1,2 to center info on panels*/
	}
	
.linkholder3
	{
	display:block;
	width:60%;
	margin:auto;
	margin-top:60px;
	border:none; /*removes left border now that on a lower panel*/	
	}
	
.submitdiv input /*div around send button*/
	{		
	margin-right:15px;/*adjust in tandem with field length to move button over*/		 
	}
	
/*===================added for Payson-cabins page=================*/	
	
.informationwrap3
	{
	margin-left:auto;
	text-align:center;	
	}

.cage3, .cage3em, .cage3wb
	{
	display:inline-block;
	min-width:300px;	
	}	
	
.clam
	{
	/*display:none;*/
	} 
 	

}

@media only screen and (min-width :735px) and (max-width :739px)
{ 


.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:265px;	 
	}
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto;	 
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	
	vertical-align:top;
	margin:10px 0;	
	width:40%;	/*adjust her and linkholder 2 to center info on panels*/
	}
	
.linkholder2
	{
	margin-left:8%;	/*adjust her and linkholder1,2 to center info on panels*/
	}
	
.linkholder3
	{
	display:block;
	width:60%;
	margin:auto;
	margin-top:60px;
	border:none; /*removes left border now that on a lower panel*/	
	}
	
.submitdiv input /*div around send button*/
	{		
	margin-right:15px;/*adjust in tandem with field length to move button over*/		 
	}

/*===================added for Payson-cabins page=================*/	
.informationwrap3
	{
	margin-left:auto;
	text-align:center;		
	}

.cage3, .cage3em, .cage3wb
	{
	display:inline-block;
	min-width:300px;	
	}	
	
	
.clam
	{
	/*display:none;*/
	} 
 
}


@media only screen and (min-width :540px) and (max-width :734px)
{ 

.mainsection1, .mainsection2
	{
	margin-bottom:15px;
	}
	
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:265px; /*increase so line isn't short.  275 is biggest number needed*/
	width:27%; /*decrease so the panels don't fall to next line*/
	padding-bottom:0;	 
	} 
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto;
	}
	
#hmdash /*dash is hidden but on one line by itself so removed it altogether*/
	{
	display:none;
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;		
	vertical-align:top;
	margin:10px 0;
	width:45%;	/*adjust her and linkholder 2 to center info on panels*/
	}
	
.linkholder2
	{
	margin-left:4%;	/*adjust her and linkholder1,2 to center info on panels*/
	}
	
.linkholder3
	{
	display:block;
	width:70%;
	margin:auto;
	margin-top:60px;
	border:none; /*removes left border now that on a lower panel*/	
	}	
	
.submitdiv input /*div around send button*/
	{		
	margin-right:20px;/*adjust in tandem with field length to move button over*/		 
	}
}

/*===============For Payson-cabins page==============================*/
@media only screen and (min-width :625px) and (max-width :734px)
{ 
.informationwrap
	{
	margin-left:40px;	 
	}
	
.informationwrap2
	{
	min-width:240px;	 
	}	
 	
.clam
	{
	/*display:none;*/
	} 
 
}

/*===============For Payson-cabins Page==============================*/
@media only screen and (min-width :590px) and (max-width :624px)
{

.namehdr
	{		
	position:relative;
	left:0;	
	}
	
.price
	{
	position:relative;
	right:0;
	margin-bottom:10px;
	}
	
.informationwrap
	{
	margin-left:5px;	 
	}
	
.informationwrap2
	{
	min-width:0px;
	margin-left:10px;
	}
	
	
.clam
	{
	/*display:none;*/
	}  
	 
}

/*===============For Payson-cabins Page==============================*/
@media only screen and (min-width :490px) and (max-width :589px)
{  

.namehdr
	{		
	position:relative;
	left:0;	
	}
	
.price
	{
	position:relative;
	right:0;
	margin-bottom:10px;
	}

.informationwrap2, .informationwrap3
	{
	text-align:center;
	margin-left:0px;	
		
	}
	
 .cage2, .cage3
	{
	display:inline-block;	 
	}
	
.cage2, .cage3
	{
	min-width:220px; 	 
	margin-top:0;
	
	}	 
	
.informationwrap3>.cage3>.data
	{
	min-width:110px;	
	}
	
 .cage3em, .cage3wb
	{
	display:block;
	text-align:center;
	}
	
.cage3em>.titleem, .cage3wb>.titlewb
	{
	min-width:75px;
	text-align:right;	 
	}
	
.cage3em>.data, .cage3wb>.data
	{
	min-width:220px!important;	 
	}
	
.clam
	{
	/*display:none;*/
	 
	}
	
.clambtn
	{
	display:none;
	 
	}

 
}

/*===============For Payson-cabins Page==============================*/
@media only screen and (min-width :465px) and (max-width :489px)
{  
	
.namehdr
	{		
	position:relative;
	left:0;	
	}
	
.price
	{
	position:relative;
	right:0;
	margin-bottom:10px;
	}
	

/*Div added so the slideshow icon has a parent as the first image container*/	
.imgcont /*make room for picture centering*/
	{
	width:auto;
	display:block;
	margin-bottom:0px;
	padding-bottom:0px;
	text-align:center;	
 	
	}	
	
.imgcont2
	{
	display:none;
	}
	


.iframe1
	{
	position:relative;	
	}


.firstimage  
	{
	 width:200px; /*keeps slideshow icon from floating - controls container*/
	 margin:auto;  
	 position:relative;
	}	
	
#slideshow  /* so icon doesn't hide behind image*/
	{
	position:absolute; 
	left:5px; 
	bottom:5px; 
	margin:0; 
	padding:0;	 
	}
		
.vlightbox0 /*centers picture*/
	{
	margin-left:auto!important;
	margin-right:auto!important;	
	}	
/*End of Slideshow Icon coding*/

 
 

 
	
 .cage, .cage2, .cage3
	{
	display:inline-block;	 
	}
	
.cage, .cage2
	{
	min-width:220px;	 
	}
	
.cage3
	{
	min-width:220px;	 
	}
	
.informationwrap3>.cage3>.data
	{
	min-width:110px;	
	}
	
 .cage3em, .cage3wb
	{
	display:block;
	text-align:center;
	}
	
.cage3em>.titleem, .cage3wb>.titlewb
	{
	min-width:75px;
	text-align:right;	 
	}
	
.cage3em>.data, .cage3wb>.data
	{
	min-width:220px!important;	 
	}
	
.cage, .cage2, .cage3
	{
	margin-top:auto;
	margin-bottom:auto;
	margin-left:-5%;	 
	}
	

.informationwrap4>p
	{
	margin-left:3%;
	margin-right:3%;
	font-size:.75em;	
	}	
	
	
			
/*================CLAM HERE======================*/
	
.vlightbox0 /*centers picture*/
	{
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:15px!important;
	margin-bottom:25px!important;	
	}
	
.informationwrap, .informationwrap2, .informationwrap3, .informationwrap4
	{
	/*display:none;*/
	}
	
 

.clambtn
	{
	background:#1D924C url(../Background/grnblk.png);
	padding:8px;
	color:white;
	border-radius:10px;	
	display:inline;
	}
	
.clambtn:hover
	{
	box-shadow:2px 2px 5px black;
	}	
.clambtn:active
	{
	box-shadow:2px 2px 5px black;
	}
	
#clambtn[tabindex] /*removed outline from tabindex.  Tabindex is needed or clam wont open*/
	{
	outline: none !important;
	}	 
	
#clambtn
	{	
	display:block;	
	text-align:center;	
	margin-top:20px;	
	padding-bottom:0px;	
	}
/*Pointer Event on and off allows to click same button to close*/


 .clam   /*opacity and absolute hides the panel until clicked*/
	{
	background:#E6E5E0 url(../Background/handmadepaper.jpg);
	color:black;
	display:block;
	position:relative;
	z-index:-1;
	opacity:0;	 
	margin-top:15px; 	
	/*max-height:0px;*/
	transition: opacity .5s ease-in .5s, height .5s ease-in .25s, z-index .5s ease-in .25s;
	height:0;
	}
	
#clambtn:focus /*allows you to click on th button to close the panel of info*/
	{	
	pointer-events:none;	
	}
	
#clambtn:focus >.clam /*includes clam button and the clam panel to open panel*/
	{
	position:relative;	
	z-index:25;	
	opacity:1;		 
	pointer-events:auto;	
	height:100%;
 	
	}	

.listing  /*or the listings will touch*/
	{
	margin-bottom:10px;	 
	}

body
{
cursor:pointer;
} 



	
/*================END CLAM SECTION HERE======================*/	
 
}


a[href^="#"]:focus 
{	 
}



/*===============Start the region panels single file here==============================*/

@media only screen and (min-width :485px) and (max-width :539px)
{ 

.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:265px; /*increase so line isn't short.  275 is biggest number needed*/	
	display:block;
	width:auto;
	min-height:0;
	margin:5% 10%;	
	} 
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto;
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	 	
	vertical-align:top;
	margin:10px 0;	
	width:47%;	/*adjust her and linkholder 2 to center info on panels*/
	}
	
.linkholder2
	{
	margin-left:2%;	/*adjust her and linkholder1,2 to center info on panels*/
	}
	
.linkholder3
	{
	display:block;
	width:70%;
	margin:auto;
	margin-top:60px;
	border:none; /*removes left border now that on a lower panel*/	
	}	
	
.submitdiv input /*div around send button*/
	{		
	margin-right:10px;/*adjust in tandem with field length to move button over*/		 
	}

}


	
/*=================map is too big here=============*/		
	
@media only screen and (min-width :420px) and (max-width :484px)
{ 

.header
	{	 
	text-align:left; /*causes title to move to left so not cut off*/	
	}
	
.azimage img
	{
	line-height:0%; /*removes white background under the image*/
	margin:2%;	
	margin-left:0;
	margin-right:0;	 
	}
	

	
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	display:block;
	width:auto;
	min-height:0;
	margin:5% 10%;	
	} 
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}
	
.lowerfooterwrap
	{	
	background:#1D924C url(../Background/grnblk340.png);
	width:100%;	
	margin:auto;
	color:white;	
	}

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto; 
	}
	
#notavail
	{
	display:block;
	}
	
.mapsizeobjwrap
	{
	display:none;
	}
	
#gmaplink
	{
	display:list-item;
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;		
	vertical-align:top;
	margin:10px 0;	
	width:47%;	/*adjust her and linkholder 2 to center info on panels*/
	min-width:0;	
	}
	
.linkholder
	{
	border:none;
	}
	
.linkholder2
	{	
	border-left:1px ridge black;
	margin-bottom:20px;
	margin-left:0;
	padding-left:2%;
	}
	
.linkholder3
	{
	display:block;
	width:70%;
	margin:auto;
	margin-top:100px;
	border:none; /*removes left border now that on a lower panel*/	
	}	
	
.submitdiv input /*div around send button*/
	{		
	margin-right:10px;/*adjust in tandem with field length to move button over*/		 
	}
	
.bottomfooter
	{
	text-align:center;
	}

}

/*===============For Payson-cabins Page==============================*/
@media only screen and (min-width :340px) and (max-width :464px)
{  
	
.namehdr
	{		
	position:relative;
	left:0;	
	}
	
.price
	{
	position:relative;
	right:0;
	margin-bottom:10px;
	}
	

/*Div added so the slideshow icon has a parent as the first image container*/	
.imgcont /*make room for picture centering*/
	{
	width:auto;
	display:block;
	margin-bottom:0px;
	padding-bottom:0px;
	text-align:center;	
 
	}	
	
.imgcont2
	{
	display:none;
	}
	
	
.iframe1
	{
	position:relative;	
	}


.firstimage  
	{
	 width:200px; /*keeps slideshow icon from floating - controls container*/
	 margin:auto;  
	 position:relative;
	}	
	
#slideshow  /* so icon doesn't hide behind image*/
	{
	position:absolute; 
	left:5px; 
	bottom:5px; 
	margin:0; 
	padding:0;	 
	}
		
.vlightbox0 /*centers picture*/
	{
	margin-left:auto!important;
	margin-right:auto!important;	
	}	
/*End of Slideshow Icon coding*/

 
 

.informationwrap, .informationwrap2, .informationwrap3
	{
	text-align:center;
	margin-left:0px;	
	padding-left:10px;
	padding-right:5px;	
	
	}
	
 .cage, .cage2, .cage3
	{
	display:inline-block;		
	}
	
.cage, .cage2
	{
	min-width:220px;	 
	}
	
.cage3
	{
	min-width:220px;	
	
	}
	
.informationwrap3>.cage3>.data
	{
	min-width:110px;
	
	}
	
 .cage3em, .cage3wb
	{
	display:block;
	text-align:center;	 	
	}
	
.cage3em>.titleem, .cage3wb>.titlewb
	{
	min-width:75px;
	display:block;
	text-align:center;	 
	}
	
.cage3em>.data, .cage3wb>.data
	{
	min-width:220px!important;	
	display:block;
	text-align:center!important;	
	}
	
.cage3em>.titleem, .cage3wb>.titlewb
	{
	margin-top:10px;
	 } 
	
.cage, .cage2, .cage3
	{
	margin-top:auto;
	margin-bottom:auto;
	margin-left:-5%;	 
	}
	

.informationwrap4>p
	{
	margin-left:3%;
	margin-right:3%;
	font-size:.7em;	
	}	
	

		
/*================CLAM HERE======================*/
	
.vlightbox0 /*centers picture*/
	{
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:15px!important;
	margin-bottom:25px!important;	
	}
	
.informationwrap, .informationwrap2, .informationwrap3, .informationwrap4
	{
	/*display:none;*/
	}
	
 

.clambtn
	{
	background:#1D924C url(../Background/grnblk.png);
	padding:8px;
	color:white;
	border-radius:10px;	
	display:inline;
	}
	
.clambtn:hover
	{
	box-shadow:2px 2px 5px black;
	}	
.clambtn:active
	{
	box-shadow:2px 2px 5px black;
	}
	
#clambtn
	{	
	display:block;	
	text-align:center;	
	margin-top:20px;	
	padding-bottom:0px;	
	}
/*Pointer Event on and off allows to click same button to close*/


 .clam   /*opacity and absolute hides the panel until clicked*/
	{
	background:#E6E5E0 url(../Background/handmadepaper.jpg);
	color:black;
	display:block;
	position:relative;
	z-index:-1;
	opacity:0;	 
	margin-top:15px; 	 
	/*max-height:0px;*/
	transition: opacity .5s ease-in .5s, height .5s ease-in .25s, z-index .5s ease-in .25s;
	height:0;
	}
	
#clambtn:focus /*allows you to click on th button to close the panel of info*/
	{	
	pointer-events:none;	
	}
	
#clambtn:focus >.clam /*includes clam button and the clam panel to open panel*/
	{
	position:relative;	
	z-index:25;	
	opacity:1;		 
	pointer-events:auto;	
	height:100%;
	 	
	}	

.listing  /*or the listings will touch*/
	{
	margin-bottom:10px;	 
	}

body
{
cursor:pointer;
} 
	
/*================END CLAM SECTION HERE======================*/	
 
}



@media only screen and (min-width :300px) and (max-width :419px)
{ 


/*===the three steps===*/	
.steps img
	{
	margin-left:0;	 
	}

.hdrtext  /*===the div containing the headers and paragraph below the logo===*/
	{
	width:90%;	
	}
	
.hdrtext h1
	{
	margin-top:0;
	}
	
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{			
	display:block;
	width:auto;
	min-height:0;
	margin:5% 5%;	
	} 
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}
	
.lowerfooterwrap
	{	
	background:#1D924C url(../Background/grnblk400.png);
	width:100%;	
	margin:auto;
	color:white;	
	}
#notavail
	{
	display:block;
	}
	
	
.mapsizeobjwrap
	{
	display:none;
	}
	
#gmaplink
	{
	display:list-item;
	}
	
.leftlowerwrap
	{	 
	width:85%;
	margin:10px auto; 
	margin-top:0;
	}
	
.divider
	{
	display:block;
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	 
	width:49%;	
	vertical-align:top;
	margin:10px 0;	
	width:45%;	/*adjust her and linkholder 2 to center info on panels*/
	min-width:0;	
	display:block;
	width:auto;	 	
	}
	
.linkholder
	{
	border:none;
	margin-top:0;
	margin-bottom:20px;
	}
	
.linkholder2
	{
	margin-left:2%;	/*adjust her and linkholder1,2 to center info on panels*/	
	border-left:1px ridge black;
	margin-bottom:20px;
	margin-left:0;
	padding-left:2%;	
	padding-left:0;
	border:none;
	}
	
.linkholder3
	{	 
	display:block;
	width:80%;
	margin:auto;
	margin-top:60px;
	border:none; /*removes left border now that on a lower panel*/		 
	}	
	
.submitdiv input /*div around send button*/
	{		
	margin-right:5px;/*adjust in tandem with field length to move button over*/		 
	}
	
.bottomfooter
	{
	text-align:center;
	}

}

/*===============For Payson-cabins Page==============================*/
@media only screen and (min-width :250px) and (max-width :339px)
{ 	
.namehdr
	{		
	position:relative;
	left:0;	
	}
	
.price
	{
	position:relative;
	right:0;
	margin-bottom:10px;
	}
 
/*Div added so the slideshow icon has a parent as the first image container*/	
.imgcont /*make room for picture centering*/
	{
	width:auto;
	display:block;
	margin-bottom:0px;
	padding-bottom:0px;
	text-align:center;	
 
	}	
	
	
.imgcont2
	{
	display:none;
	}


	
.iframe1
	{
	position:relative;	
	}


.firstimage  
	{
	 width:200px; /*keeps slideshow icon from floating - controls container*/
	 margin:auto;  
	 position:relative;
	}	
	
#slideshow  /* so icon doesn't hide behind image*/
	{
	position:absolute; 
	left:5px; 
	bottom:5px; 
	margin:0; 
	padding:0;	 
	}
		
	
/*End of Slideshow Icon coding*/	
	 
 

.informationwrap, .informationwrap2, .informationwrap3
	{
	text-align:center;
	margin-left:0px; 	

	}
	
 .cage, .cage2, .cage3
	{
	display:inline-block; 	
	}
	
.cage, .cage2
	{
	min-width:220px;	 
	}
	
.cage3
	{
	min-width:220px;
	}
	
.informationwrap3>.cage3>.data
	{
	min-width:110px;	
	}
	
 .cage3em, .cage3wb
	{
	display:block;
	text-align:center;	 
	}
	
.cage3em>.titleem, .cage3wb>.titlewb
	{
	min-width:75px;
	display:block;
	text-align:center;
	}
	
.cage3em>.data, .cage3wb>.data
	{
	min-width:220px!important;	
	display:block;
	text-align:center!important;		
	}
	
.cage3em>.titleem, .cage3wb>.titlewb
	{
	margin-top:10px;
	 } 
	
.cage, .cage2, .cage3
	{
	margin-top:auto;
	margin-bottom:auto;
	margin-left:-5%;	 
	}	
	

.informationwrap4>p
	{
	margin-left:3%;
	margin-right:3%;
	font-size:.7em;	
	}
	
	
/*================CLAM HERE======================*/
	
.vlightbox0 /*centers picture*/
	{
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:15px!important;
	margin-bottom:25px!important;	
	}
	
.informationwrap, .informationwrap2, .informationwrap3, .informationwrap4
	{
	/*display:none;*/
	}
	
 

.clambtn
	{
	background:#1D924C url(../Background/grnblk.png);
	padding:8px;
	color:white;
	border-radius:10px;	
	display:inline;
	}
	
.clambtn:hover
	{
	box-shadow:2px 2px 5px black;
	}	
.clambtn:active
	{
	box-shadow:2px 2px 5px black;
	}
	
#clambtn
	{	
	display:block;	
	text-align:center;	
	margin-top:20px;	
	padding-bottom:0px;	
	}
/*Pointer Event on and off allows to click same button to close*/


 .clam   /*opacity and absolute hides the panel until clicked*/
	{
	background:#E6E5E0 url(../Background/handmadepaper.jpg);
	color:black;
	display:block;
	position:relative;
	z-index:-1;
	opacity:0;	 
	margin-top:15px;  
	/*max-height:0px;*/
	transition: opacity .5s ease-in .5s, height .5s ease-in .25s, z-index .5s ease-in .25s;
	height:0;
	}
	
#clambtn:focus /*allows you to click on th button to close the panel of info*/
	{	
	pointer-events:none;	
	}
	
#clambtn:focus >.clam /*includes clam button and the clam panel to open panel*/
	{
	position:relative;	
	z-index:25;	
	opacity:1;		 
	pointer-events:auto;	
	height:100%;
 		
	}	

.listing  /*or the listings will touch*/
	{
	margin-bottom:10px;	 
	}

body
{
cursor:pointer;
} 
	
/*================END CLAM SECTION HERE======================*/	
 
}
	
	
@media only screen and (min-width :275px) and (max-width :299px)
{ 

.hdrtext
	{
	width:95%;
	}
	
.hdrtext h1
	{
	margin-top:0;	
	font-size:1.85em;
	}
	
.steps
	{
	display:block;	 
	padding-bottom:15px;	 
	}
	
.steps img
	{	 
	margin-bottom:0;	 
	}

.steptext
	{
	display:block;
	}	
	
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:265px; /*increase so line isn't short.  275 is biggest number needed*/	
	display:block;
	width:auto;
	min-height:0;
	margin:5% 5%;	
	} 
	
#notavail
	{
	display:block;
	}
	

.mapsizeobjwrap
	{
	display:none;
	}
	
#gmaplink
	{
	display:list-item;
	}

.leftlowerwrap
	{	 
	width:95%;
	margin:10px auto;	 
	margin-top:0;
	}
	
.divider
	{
	display:block;
	}


.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

	
.linkholder, .linkholder2
	{
	display:block;
	width:60%;
	margin:auto;
	border:none;
	margin-bottom:20px;		
	}
	
.linkholder3
	{
	display:block;
	width:95%;
	margin:auto;
	margin-top:60px;
	border:none;	
	padding-left:0;
	margin-top:65px;
	}
	
.bottomfooter
	{
	text-align:center;
	}
	
.submitdiv input /*div around send button*/
	{		
	margin-right:0px;/*adjust in tandem with field length to move button over*/		 
	}
}
		
@media only screen and (min-width :250px) and (max-width :274px)
{ 
.hdrtext
	{
	width:95%;
	}
	
.hdrtext h1
	{
	margin-top:0;	
	font-size:1.7em;
	}
	
.steps
	{
	display:block;	 
	padding-bottom:15px;
	}
	
.steptext
	{
	display:block;
	}
	
.steps img
	{	
	margin-bottom:0;
	}	
	
.payson, .heber, .pinetop, .pine, .springerville, .alpine, .flagstaff, .prescott, .tucson 
	{	
	min-height:265px; /*increase so line isn't short.  275 is biggest number needed*/	
	display:block;
	width:auto;
	min-height:0;
	margin:5% 5%;	
	} 
	
#notavail
	{
	display:block;
	}
		

.mapsizeobjwrap
	{
	display:none;
	}
	
#gmaplink
	{
	display:list-item;
	}

.leftlowerwrap
	{	 
	width:95%;
	margin:10px auto;	 
	margin-top:0;
	}
	
.divider
	{
	display:block;
	}


.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

	
.linkholder, .linkholder2
	{
	display:block;
	width:60%;
	margin:auto;
	border:none;
	margin-bottom:20px;	
	}
	
.linkholder3
	{
	display:block;
	width:95%;
	margin:auto;
	margin-top:60px;
	border:none;	
	padding-left:0;
	margin-top:5px;
	}
	
.bottomfooter
	{
	text-align:center;
	}
	
.submitdiv input /*div around send button*/
	{		
	margin-right:0px;/*adjust in tandem with field length to move button over*/		 
	}

}

/*TOO SMALL SO MAKE FULL WIDTH*/
@media only screen and (min-width :1px) and (max-width :249px)
{ 
body
	{
	width:1000px;
	}
	


}