/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */
/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */
/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */

@media all{

/* CSS Document */
@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
font-size: 22px; font: inherit normal 100% inherit; color: #333; }
/* remember to define focus styles! */
:focus { 	outline: 0; }
body {	line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }

 

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; } */

	*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}	

    body {font-size: 16px; font-family: 'Nunito Sans', Arial, Helvetica, sans-serif; font-weight: 300;
    margin:0; width:100%; color:#444444; padding: 0; }
  
    p, a    {line-height: 1.5em; } 
	a {color:#666; text-decoration:underline; }
	a:hover { text-decoration:none;}
	section, header,footer,nav { display:block;}
	img {border:0; vertical-align:top; max-width:100%; }
	
    h1, h2, h3, h4 {line-height: 1.1em; text-transform: uppercase; }
	h1 { margin:0 0 0.15em; color:#444;}
	h2 {font-size: 1.5em; font-family:  Arial, Helvetica, sans-serif; margin: 2em 0 1em; color:#222; text-align: center;}
	h3 {font-size: 1em; font-family:  Arial, Helvetica, sans-serif; margin:0 0 0.15em; color:#444;}
	
	h1 a, 
	h2 a,
	h3 a {font-size: 1em; text-decoration: none; color: #000;}


#right-content h3 {margin: 0 0 1em;}
#right-content p {line-height: 1em;}
		
	ol, ul {padding:0; margin:0; list-style:none; }
    ul li  {list-style-type: disc; }
    ol li  {list-style-type: decimal; }
    li     {padding:0 0 0.15em .5em; margin-left: 1em; line-height: 1.2em;}
    p      {margin:0 0 1em; line-height: 1.95}
    hr     {color:#c00; background-color:#c00; height:1px; border:none; clear: both;}
    td     {border: 1px solid #aaa;}
    .more       {float: right; display: inline-block;}
    .imageright {float: right; margin: 15px  0 5px 10px;}
    .imageleft  {float: left;  margin: 15px 10px 5px 0;}
    .readmore   {text-align: right; text-decoration: underline;}
	.image50    {width: 50%;}
	.image33    {width: 33%;}

	.imageshadow {
		-moz-box-shadow: 3px 3px 5px #aaa;
    	-webkit-box-shadow: 3px 3px 5px #aaa;
    	box-shadow: 3px 3px 5px #aaa;}

    .justifyright {text-align: right;}
    .justifyleft  {text-align: left;}
	.alignLeft    {float:left; margin-right:1em; }
	.alignRight   {float:right; margin-left:1em; }
	.no-scale  {width: auto;}
	
	.box-main:after,
	.center:after {content:""; clear:both; display:block; }

	
	.columns       {width:100%	}
	.columns:after {content:""; display:block; clear:both; }
	.columns > div {float:left; vertical-align:top; }
	.columns > div:first-child,
	.columns > article:first-child {margin-left:0;}
	

	.twoThird {width:64%; margin:1%; }

	
	
	.threeForth{width:74.5%;}
	
	.docnotfound li {list-style-type: none;}	
	 li.last {float: none;}

	.mobile-only {display: none;}


/*** main styles ***/
  body {}  
  header {background: transparent; padding: 0 2%;}
  #content {background: white; }
	.pagewidth {width:100%; padding: 0;}
	.center {max-width:1000px; width: 100%;	margin:0 auto; padding: 0 2%;}
	section {padding: 20px 0;}
	
	header {width:100%; padding: 1em 0  0; }
  header h1 {font-size: 3.5em; color: #fff; margin: 1em 0 2em; width: 100%; text-align: center;}
  header a {color: #fff;}
  
  .dropdownmenu {padding-top: 25px;}
  #template2 .dropdownmenu {padding-top: 0;}
  .dropdownmenu li {padding-left: 0; padding-right: 40px;}
  .dropdownmenu li a {font-weight: bold;}

  .overlay { background-color: #000; width: 100%;  }
  .static-image {position: fixed; top: 0; left: 0;   z-index: -100; width: 100%; }
  .static-image img {width: 100%; opacity: .7; margin-top: 0px; min-height: 400px; }

  
  
	#logo {float: left; max-width: 600px; width: 45%; padding: 0; margin: 0;}
	#logo img {  width: 100%; }

  #contact-button {margin-top: 2.5em; float: right; color: #000; display: inline-block; padding: 3px 8px; border: 2px solid #000; text-decoration: none;}
  #contact-button:hover {color: #666;}
  .phone {text-decoration: none;}
  
  #header-top {padding-bottom: 1em; }
  
  footer {background-color: #fff;}
  
  #left-content {float: left; width: 60%; }
  #right-content {float: right; width: 30%; padding: 1.5em 2em;  border: 1px solid #912D2B; }
#template5 #right-content {border: 0; padding: 25px 20px 0 0; min-width: 275px;}
  #right-content a {margin: .5em 0 0;  text-decoration: none; line-height: 1.5em; display: block;
  color: #444; display: inline-block;  padding: 3px 8px; border: 2px solid #666; }
  #right-content a:hover {color: #888;}
  #right-content p {margin: 0; padding: 0; }
#right-content img {margin: 2em 0;}
#right-content ul {margin: .5em;}
  

/*** gallery ***/	  
  .gallery .center {max-width: 1400px;}
  .gallery {border: 1px solid #aaa; border-right: 0; border-left: 0; margin:1em 0 2em; padding: 3em 0;}
  #gallery {text-align: center;  }
  .galleryItem img {max--width: 220px;  max-height: 160px; padding: 5px 5px 10px;}
 
/*** maps ***/	  
  .map {float: right; width: 66%}

/*** amenities ***/	  
  .amenities {width: 31%; margin-right: 2%}
  
/*** Book Now ***/	
  .book-now {float: right; text-decoration: none; border: 3px solid #888; padding: 10px 20px; margin-right: 30px; font-weight: bold;
    font-size: 1.25em; display: inline-block;}
  .book-now:hover {color: #000; border-color: #000;}
  header .book-now {border-color: #fff;}
  .book-now.big {float: none; clear: both; width: 20%; margin: 2em 40%; display: inline-block; text-align: center; min-width: 140px;}

/*** forms ***/	
	form,
	fieldset {border:0; padding:0; margin:0; }

	form,
	#form_container,
	form div {display: block; width: 100%; clear: both; padding:0; margin:0; border:0; }
form {width: 90%; margin: auto;}
	input:focus, textarea:focus, select:focus {border:1px solid #222; outline: none; }	
	input, select, textarea, label  {background:#fff; font-family: arial;
		color:#444; resize:none; float: none; display: block; width: 100%; }
  label {margin-bottom: .25em;}
	input, select, textarea {border:1px solid #aaa; padding:0.75em 1.5em; margin-bottom: 1.5em;  }
	textarea {overflow:auto; height:10.812em; }

	::-webkit-input-placeholder { color: #444; }
	:-moz-placeholder {color:    #444; }

	.error {color: #E41124; padding: 0; margin: .5em 0 -3em;}
	#workemail {position: absolute; left: -10000px;}


	.form-buttons {width: 300px;}
	.form-buttons input {background-color: #ccc; margin-left: 0;}
	.form-buttons input:hover {color: #fff;}

	input[type=submit]:hover {cursor: pointer; background-color: #aaa; color: #fff;}


.ui-datepicker {width: 300px!important;}
.ui-datepicker table a {font-size: .65em;}
input::placeholder {
  color: white;
}
form input,
textarea {font-size: .9em; line-height: 1em; margin-bottom: 0;}
form div {margin-bottom: 1.5em}
form .two {width: 47.5%; margin-right: 5%; float: left; clear: none;}

form .two.right {margin-right: 0; clear: none;}
form .property {width: 70%; margin-right: 2.5%; float: left;}
form .number {width: 27.5%; float: left; clear: none;}

	
/*** Footer ***/
	footer .center {width:100%; overflow:hidden; padding:24px 0; color:#fff; line-height:16px; 
  text-align: center; }
	
  footer p, 
  footer {font-size: .6em;}
  footer p a {font-size: 1em;}
  
	footer .social {float: right;}
	footer .social a {text-decoration: none;}	
	#copyright {padding: 0;}


/******* make standard embedded google maps responsive ********/
	#google-map {position: relative; padding-bottom: 56%; /* This is the aspect ratio */
	height: 0; overflow: hidden;}
	#google-map iframe {position: absolute; top: 0; left: 0;
	width: 100% !important; height: 100% !important;}	

/**** For responsive custom google map with API ****/
	#map_container {position: relative; width: 80%; margin: 100px 0 0;}
	#map {height: 0; overflow: hidden; position: relative; width: 80%; margin: auto;
	padding-bottom: 42.25%; padding-top: 30px; }
	#map #content img {max-width: 40px;}
	#map #content h1 {font-size: 1.5em;}

/*** clearing ***/
  .stretch,  .clear {  clear: both;  height: 1px;  margin: 0;  padding: 0;  font-size: 15px;
  line-height: 1px;  }
  .clearfix:after {  clear: both;  height: 0;  display: block;  visibility: hidden;  content: ".";  }
  .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
  .clearfix {display:block;}
  /* End hide from IE Mac */
/* end clearing */

} /* End Media Query */

@media all and (max-width: 1024px){
  header h1 {margin: .5em 0 1em; font-size: 2.5em;}

}

@media all and (max-width: 960px){

  
}

@media all and (max-width: 780px){

form {width: 90%;}
	form label,
	form input,
	form textarea,
	form select,
	form .checkbox,
	form #zip,
	form #state {text-align: left!important; width: 100%!important; margin-right: 0;}
	.form input[type="checkbox"] {width: 35px!important;}
    .form-buttons input {margin-left: 0;}
  .map,
  .amenities {float: none; width: 100%; margin-top: 1em;}
  header h1 { font-size: 2em; margin-bottom: 2em;}
  h2 {margin-top: 1em;}
	
	
	#template5 #right-content {float: none; ; margin:0 auto; 2em}
	#template5 #left-content {float: none; width: 100%; margin: auto;}
	#template5 form div {width: 100%;}
	
}


@media all and (max-width: 650px){
  header h1 { font-size: 1.5em;}
  #header-top .book-now {display: none;}
  .book-now-container {width: 100%; text-align: center;}
  .book-now-container .book-now {float: none;}
  .book-now.big {width: 80%;
    margin: 2em 10%;}
}


@media all and (max-width: 600px){

	.columns > div,
  #left-content,
  #right-content {float:none; margin:0; width:100%; }

  h1 {font-size: 2em; }
  #content {padding: 1em;}
	/* .js #menu,
	.dropdownmenu {display:none;} 
	.js .slicknav_menu {display:block;} */
	.mobile-only {display: block;}
	.desktop-only {display: none;}
	
	.content-row .box {width: 100%!important; float: none;}
  .static-image img {margin-top: -80px;}
  .dropdownmenu {padding-top: 0;}
  header h1 {margin-bottom: 1em;}
	h2 {margin-top: 0;}
	
	.static-image img {min-height: 300px;}

/*** Force table to not be like tables anymore ***/
	table.rwd-tables, .rwd-tables thead, .rwd-tables tbody, .rwd-tables th, .rwd-tables tbody,
	.rwd-tables td, .rwd-tables tr {display: block; }
	
/*** Hide table headers (but not display: none;, for accessibility) ***/
	.rwd-tables thead, .rwd-tables th {position: absolute; top: -9999px; left: -9999px;}
	.rwd-tables tfoot {display: block; text-align: right;}
	.rwd-tables tfoot td {display: inline-block;}
	td span.rwd-tables, td span.rwd-tables.thead {width: 50%; display: inline-block;}
	td span.rwd-tables.tbody{text-align: right;}

/*** Styling for Mobile ***/

	.rwd-tables tfoot tr:nth-of-type(odd), .rwd-tables tfoot td { 
		background: #333; color: white; font-weight: bold; border-bottom: none;} 
	.rwd-tables tr                {border: 1px solid #ccc; border-bottom: 0;}
    .rwd-tables tr:nth-of-type(1) {border: 0;}
	.rwd-tables td {padding: 10px;	border: none;} 

/*** alternate ***/

	table.rwd-tables:nth-of-type(2)	td span.rwd-tables.tbody {width: 70%; text-align: left; }
	table.rwd-tables:nth-of-type(2)	td span.rwd-tables.thead {width: 30%; text-align: right; }
	table.rwd-tables:nth-of-type(2) tr {margin-bottom: 10px; border-bottom: 1px solid #ccc;}
	table.rwd-tables:nth-of-type(2) tr:nth-of-type(1) {border: 0;}

	.rwd-tables.thead,
	.rwd-tables.thead span,
	.rwd-tables.thead strong span {color: #000!important; font-weight: bold;} 

	.rwd-tables.thead {border-right: 1px solid #ccc; }
	
	.rwd-tables td {border-bottom: 0; padding: 0;}
	.rwd-tables tr td:last-of-type {border-top: 0;}
	.rwd-tables tr:last-of-type {border-bottom: 1px solid #ccc;}
	.rwd-tables td span {padding: 10px;}
	

}

@media all and (max-width: 504px){

}
@media all and (max-width: 320px){

}

@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	
}