@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;
	}
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*/	 
	}
	
	
/*=========================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 img
	{		
	}	

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

.azimage 
	{	
	}
	
.azimage img
	{
	line-height:0%; /*removes white background under the image*/
	margin:2%;
	}
		
.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;
	}
	
	
/*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*/	
	font-size:2em;
	}
	
 	

/*MAIN PANEL BEGINS HERE*/

	
	
/*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;	
	margin:auto;/*centers content*/	
	padding:10px 1%; /*allows left and right spacing for smaller devices*/		 	
	}
	
.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;	  
	}
	
.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;	
	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
	{		
	}
	
.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;	 
	margin-bottom:0;
	}
	
.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;	
	}
	
/*==================Main form and 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;	 
	}	

.outerwrapper
	{		 
	}	
	
.mainform  /*body of form*/
	{
	text-align:left;	 
	}
	
.mainform h2 
	{ 	
	}
	
.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;
	}	
	
.fielddiv
	{	
	}
	
	
.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:99%;  /*adjust here to avoid wrapping of fields below asterisk*/
	padding:5px 10px; /*height of field is static*/
	padding-left:5px; /*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);		
	}
	
.field1desc  /* DESCRIPTION OF CABIN TO BE ADDED,  The not inline fields */
	{	
	width:96%;  /*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:1em;  /*adjust inside text font size here*/
	opacity: 0.5;	
	filter: alpha(opacity=50);
	min-height:150px;	
	}
	
.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;	 
	}
	
/*Field names changed for contact form */

.fieldc  /*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);	
	}
	
.field1c  /* 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);		
	}	
 
	
.field2c  /* 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);	
	}
	
  
	
textarea.field2c
	{
	height:6.7em;	 
	}
	
/*END OF Field names changed for contact form */

	
/*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;		
	}
	
.submitdiv label  /*div around send button*/
	{		  
 	}	
	
/*SUBMIT BUTTON for description*/
	
.submitdiv2  /*div around send button*/
	{
	position:relative;
	text-align:right;
	} 
	
.submitdiv2 input /*div around send button*/
	{	 
	background:url(../Background/Button.png);	 
	font-size:1em;
	font-weight:bold;
	margin:10px;
	margin-right:10px;/*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);		 
	}
	
.submitdiv2 input:hover /*div around send button*/
	{
	border:2px solid white;		
	}
	
.submitdiv2 label  /*div around send button*/
	{		  
 	}	
	
	
/*===============paragraph under description===================*/

.wrap4hr
	{
	width:85%;
	}
	
.wrap4note
	{
	width:85%;	
	margin:auto;
	font-size:1em;
	}
/*END OF MAIN PAGE - */


/*===========================================================================
==========================Start Main Form Here ====================
============================================================================*/


.listingwrap	
	{
	max-width:1366px;	
	margin:auto;
	padding:0 1%; /*allows left and right spacing for smaller devices*/		 
	}
	
.listing
	{
	background:#E6E5E0 url(../Background/handmadepaper.jpg);	 
	border-radius:10px;
	box-shadow:2px 2px 5px black;	
	}
	
.cabinhdr
	{
	position:relative; /*for pricing in header*/
	background:#1D924C url(../Background/grnblk.png);	
	
	padding:0px 0px 0px  0px;
	border-radius:10px 10px 0 0;
	text-align:center;
	overflow:hidden;
	min-height:40px;		
	}
	
.namehdr
	{	
	position:absolute;
	top:6px;
	left:10px;	 	
	margin:0;
	padding:0;
	white-space:nowrap;
	/*padding-top:3px;*/	
	}
	
.hdrfield
	{
	text-align:left;
	width:130px;
	height:20px;
	}
	
.elevation
	{	
	white-space:nowrap;
	margin-top:6px;	
	width:150px;
	text-align:center;
	height:20px;
	
	}
	
.price
	{	
	position:absolute;
	top:6px;
	right:10px;	
	white-space:nowrap;
	width:160px;
	text-align:center;
	height:20px;

	}	

	
/*==============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, .smallinformationwrap3>.cage3>.data
	{
	min-width:220px;
	text-align:left;
	}

.data>a
	{
	 color:black;
	}
	
.informationwrap3>.cage3em>.data, .smallinformationwrap3>.cage3em>.data
	{
	min-width:220px;
	text-align:left;
	}
	
.informationwrap3>.cage3wb>.data, .smallinformationwrap3>.cage3wb>.data
	{
	min-width:220px;
	text-align:left;
	}
	
/*============Description text box field======================*/	
	
	
.informationwrap4
	{	
	}
	
.informationwrap4>h4, .smallinformationwrap4>h4
	{
	margin-bottom:0;	
	text-align:center;
	}
	
.informationwrap4 p, .smallinformationwrap4 p
	{
	margin-top:0;	
	padding:10px;	
	font-size:80%;
	text-align:left;
	}
	
.fieldwrapm  /*manager field not showing*/
	{display:none;}	

/*========================================================================================================================================================================================================================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) 
{
}


/*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
	}
}


/*=======================BEGINNING OF SUBMIT NEW CABIN RENTAL PAGE FIELDS=============================*/

@media only screen and (min-width :915px) and (max-width :1010px)
{ 
.cage, .cage2, .cage3, .cage3em, .cage3wb
	{	
	display:block;
	text-align:right;
	margin:5px 0;
	width:90%; /* adjust here and data-fields to line up fields as shrinking*/
	white-space:nowrap;	

	}
 
.informationwrap, .informationwrap2, .informationwrap3
	{
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
	margin-left:15px; 
	margin-left:0;	 
	}  

.data, .informationwrap3>.cage3>.data, .informationwrap3>.cage3em>.data, .informationwrap3>.cage3wb>.data
	{
	min-width:auto;
	text-align:left;
	width:57%; /* adjust here cages to line up fields as shrinking*/	
	}	
 
}	

@media only screen and (min-width :560px) and (max-width :914px)
{ 
.cage, .cage2, .cage3, .cage3em, .cage3wb
	{	
	display:block;
	text-align:right;
	margin:5px 0;
	width:90%; /* adjust here and data-fields to line up fields as shrinking*/
	white-space:nowrap;	
	width:75%;
	margin:5px auto;	
	}
 
.informationwrap, .informationwrap2, .informationwrap3
	{
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
	margin-left:15px; 	
	display:block;
	}  

.data, .informationwrap3>.cage3>.data, .informationwrap3>.cage3em>.data, .informationwrap3>.cage3wb>.data
	{
	min-width:auto;
	text-align:left;
	width:57%; /* adjust here cages to line up fields as shrinking*/
	width:70%;
	}
	
.field	
	{
	width:75%;
	margin-right:0;		
	}
.field1desc  /* DESCRIPTION OF CABIN TO BE ADDED,  The not inline fields */
	{	
	width:93%;
	}
 
}

@media only screen and (min-width :425px) and (max-width :559px)
{ 	
.namehdr
	{		
	position:relative;
	top:auto;
	left:auto; 		
	}
	
.hdrfield
	{	
	margin:10px auto;
	width:75%;
	text-align:center;
	}
	
.elevation
	{		
	margin: 5px auto; 	
	}
	
.price
	{		
	position:relative;
	top:auto;
	right:auto;
	margin: 5px auto;	 
	}	
	

.cage, .cage2, .cage3, .cage3em, .cage3wb
	{	
	display:block;
	text-align:right;
	margin:5px 0;
	width:90%; /* adjust here and data-fields to line up fields as shrinking*/
	white-space:nowrap;		
	margin:5px auto;
	width:auto;	 
	}
 
.informationwrap, .informationwrap2, .informationwrap3
	{	
	display:block;	
	}  

.data, .informationwrap3>.cage3>.data, .informationwrap3>.cage3em>.data, .informationwrap3>.cage3wb>.data
	{	
	/*width:57%;  adjust here cages to line up fields as shrinking*/
	width:70%;
	}
	
.field	
	{
	width:75%; 
	}
	
.field1desc  /* DESCRIPTION OF CABIN TO BE ADDED,  The not inline fields */
	{	
	width:91%;
	}
 
}

@media only screen and (min-width :295px) and (max-width :424px)
{ 	
.namehdr
	{		
	position:relative;
	top:auto;
	left:auto; 		
	}
	
.hdrfield
	{	
	margin:10px auto;
	width:75%;
	text-align:center;
	}
	
.elevation
	{		
	margin: 5px auto; 	
	}
	
.price
	{		
	position:relative;
	top:auto;
	right:auto;
	margin: 5px auto;	 
	}	

.cage, .cage2, .cage3, .cage3em, .cage3wb
	{	
	display:block;
	text-align:right;
	margin:5px 0;
	width:90%; /* adjust here and data-fields to line up fields as shrinking*/
	white-space:nowrap;		
	margin:5px auto;
	width:auto;	 
	white-space:normal;	
 	
	}
 
.informationwrap, .informationwrap2, .informationwrap3
	{	
	display:block;	
	} 

.title, .titleem, .titlewb
	{
	display:block;
	text-align: center;	
	}	
	
.informationwrap2>.cage2>.data
	{	
	text-align:center;
	}
	
.data, .informationwrap3>.cage3>.data, .informationwrap3>.cage3em>.data, .informationwrap3>.cage3wb>.data
	{		
	display:block;
	width:auto;
	text-align:center;	
	}
	
.field
	{
	width:auto;	 
	}

.field1desc  /* DESCRIPTION OF CABIN TO BE ADDED,  The not inline fields */
	{	
	width:87%;
	} 
}

/*=======================END OF SUBMIT NEW CABIN RENTAL PAGE FIELDS*/

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


@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*/		 
	} 		
}



@media only screen and (min-width :875px) and (max-width :994px)
{ 	

	
.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*/		 
	}  		
}

@media only screen and (min-width :790px) and (max-width :874px)
{ 
	
.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*/		 
	} 
 	 	
}	

@media only screen and (min-width :760px) and (max-width :789px)
{ 
	
.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*/		 
	}
 	
}

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

@media only screen and (min-width :740px) and (max-width :759px)
{ 
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto;	 
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	 
	width:49%;	
	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*/		 
	} 	

}

@media only screen and (min-width :735px) and (max-width :739px)
{ 
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto;
	 
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	 
	width:49%;	
	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*/		 
	}
 
}


@media only screen and (min-width :540px) and (max-width :734px)
{  
	
.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;	 
	width:49%;	
	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 :465px) and (max-width :489px)
{ 	
	
.listing  /*or the listings will touch*/
	{
	margin-bottom:10px;	 
	}

	body
	{
	cursor:pointer;
	} 
 
}


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

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

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

.leftlowerwrap
	{	 
	 width:100%;
	 margin:10px auto;
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	 
	width:49%;	
	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;	 
	}
	

	
.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;
	  
	}
	
.mapsizeobjwrap
	{
	display:none;
	}
	
#gmaplink
	{
	display:list-item;
	}
	
.linkholder , .linkholder2
	{	
	display:inline-block;	 
	width:49%;	
	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
	{
	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%;
	}
	
.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*/		 
	}
	
.bottomfooter
	{
	text-align:center;
	}

}

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

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

	body
	{
	cursor:pointer;
	}  
}



@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;
	}
	
	
.subheaderwrap
	{
	background:#1D924C url(../Background/grnblk400.png);
	}
	
.lowerfooterwrap
	{	
	background:#1D924C url(../Background/grnblk400.png);
	width:100%;	
	margin:auto;
	color:white;	
	}
	
.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)
{ 	 

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

	body
	{
	cursor:pointer;
	} 
 
}
	
	
@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;
	}	

.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*/		 
	}
}
		
@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;
	}	


.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;
	} 
}