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

/* ---GLOBALS ---*/

body {
	margin:0px;
}

.clear { 
    clear: both; 
}

.honey {
	display:none;
	
}

a {
	text-decoration:none;
	color:#444444;
	
}

a.footer_link {
	color:#fff;
}


/* ---IMAGES ---*/

img {
	border:none;
	max-width: 100%;
	height: auto;
	
}

img.center {
    display:block;
	margin-left:auto;
	margin-right:auto;
	
}

img.align_right {
	margin-left:2em;
	margin-bottom:2em;
	border-left:4px solid #7a715f;
}

img.align_left {
	margin-right:2em;
	margin-bottom:2em;
	margin-top:1em;
	border-right:4px solid #7a715f;
}

img.quotes_open {
	vertical-align:top;
	margin-right:5px;
	
}

img.quotes_close {
	vertical-align:bottom;
	margin-left:5px;
	
}

img.main_logo {
	margin-top:25px;
	display:inline-block;
	vertical-align:middle;
	float:left;
}

img.padding_gallery {
	margin-right:50px;
	margin-bottom:50px;
}

/* ---TYPOGRAPHY ---*/

p {
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	color:#444444;
	
}

p.title_text {
	font-size:20px;

}

p.beige {
	color:#7a715f;
}

p.header_black{
	color:#000;

}

p.header_black a {
	color:#000;
}

.facilities_title {
	font-size:1.3em;
	color:#7a715f;
}

.facilities_detail {
	list-style:none;
	padding-left:1.5em;
}


h1 {
	font-family: 'Montserrat', sans-serif;
	color:#7a715f;
	font-size:1.8em;
	text-align: left;
	
}

h1.index_title {
	font-family: 'Montserrat', sans-serif;
	color:#7a715f;
	font-size:3em;
	text-align: center;

}

h1.index_subtitle {
	font-family: 'Montserrat', sans-serif;
	color:#7a715f;
	font-size:1.8em;
	text-align: center;

}

h2 {
	font-family: 'Montserrat', sans-serif;
	color:#7a715f;
	font-size:1.4em;
	text-align: center;

}

h2.index_text_testimonials {
	font-family: 'Montserrat', sans-serif;
	color:#7a715f;
	font-size:2em;
	text-align: center;
	padding: 0px;
    margin: 0px;
	
}

h3 {
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size:1.5em;
	text-align: center;


}

 /* Slider */
 
 
#slider_container {
	height:auto;
	width:100%;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	
}


/* Pager */

.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 88%; overflow: visible;
}
.cycle-pager span { 
    font-family: arial; font-size: 80px; width: 80px; height: 16px; 
    display: inline-block; color: #b4b4b4; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #7a715f;}
.cycle-pager > * { cursor: pointer;}

 /* anchors */
.cycle-slideshow > a { 
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* --- TOP NAVBAR ---*/

#top_navbar_div {
	height:50px;
    width:100%;
font-family: 'Montserrat', sans-serif;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	background-color:#7a715f;		
}

#top_nav_container {
	width:1000px;
    margin-left:auto;
	margin-right:auto;	
}

#top_nav { 
	list-style: none;
    margin:0; 
	padding: 0;
	font-size: 16px;
	position: relative;	
}

/* Top Layer */

#top_nav li {
	float: left; 
	position: relative;
}

#top_nav li a {
	float: left;
	display: block;
	line-height:50px;
	padding-left:3.2em;
	padding-right:3.2em;                            
	text-decoration: none;
	color: #FFF;
}



#top_nav li:hover a,
#top_nav li a:hover {
	color: #e3e3e3;			
}

/* Second Layer */

#top_nav ul {
	display: none;
	text-align:left;
}

#top_nav li:hover ul {
	display: block;
}

#top_nav ul {
	float: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 50px;
	left: -30px;
	z-index:600; 
}

#top_nav ul li {
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	color: #999;
}

#top_nav li:hover ul li a,
#top_nav ul li a {
	width:220px;         
	line-height: 300%;
	display: block;
	padding: 0 6px 0 5px;
	float: none;
	color: #fff;
	background:#7a715f;	
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
    border-right:solid 1px #fff;
}


#top_nav li:hover ul li a:hover,
#top_nav ul li a:hover {
	color: #e3e3e3;	
	background-color:#7a715f;
}

/* Mobile Menu */

.mobile_menu_container {
background-color:#7a715f;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	padding-top:1px;
	height:220px;
	margin-left:auto;
	margin-right:auto;

}

.mobile_menu {
	padding-left:0;
}


.mobile_menu li {
	list-style:none;
	text-decoration:none;
	line-height:2em;
	margin-left:auto;
	margin-right:auto;
	width:100%;
			
}

.mobile_menu li a {
	text-decoration:none;
	color:#fff;		
	width:100%;

}

.mobile_menu li a:hover {
  color:#e3e3e3;
  background-color:#978d79;
  display:block;
 
}


/* --- LAYOUT ---*/

#outer_container {
	width:100%;	
	height:100%;
	margin:auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

#header_container {
	width:100%;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

#header {
	width:75%;
	height:150px;
	margin-left:auto;
	margin-right:auto;
}

#header_contact {
	height:50px;
	width:450px;
	float:right;
	text-align:left;
	margin-top:44px;
	padding-left:1em;
	border-left: solid 1px #7a715f;

}

#hero_image {
	width:100%;
	height:600px;
	background-image:url("Images/hero-image.jpg");
	
}

#index_content {
	width:65%;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

.index_line_break {
	color:#7a715f;
	width:35%;
}

#index_images_container {
	width:100%;
	height:570px;


}

#index_images {
	width:65%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;

}

#content_container {
	width:100%;
	min-height:472px;
	
}

#content {
	width:60%;
	margin-right:auto;
	margin-left:auto;
	text-align:left;

}

#facilities_list {
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	color:#444444;
	line-height: 2em;
}

.google-maps {
        position: relative;
        padding-bottom: 40%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
  }
 .google-maps iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 90% !important;
       height: 90% !important;
 }

 #gallery_container {
	width:100%;


}

#gallery_images {
	width:100%;
	margin-left:auto;
	margin-right:auto;

}

#content_gallery {
	width:80%;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}



/* --- Footer ---*/

#footer_container {
	width:100%;
	height:220px;
	background-color:#7a715f;
}

#footer {
	width:65%;
	margin-right:auto;
	margin-left:auto;
}

#footer_left {
	width:50%;
	float:left;

}

#footer_right {
	width:50%;
	float:left;

}

.footer_list {
	list-style:none;
	font-size:1em;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;

}

.footer_list li {
	margin-top:1em;
}

#copyright_bar {
background-color:#7a715f;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	height:80px;
}

#copyright_bar a {
	color:#fff;
}

/* Responsive Design */


@media screen and (max-width:1645px) { 
	#index_images {
	width:100%;

}



}

@media screen and (max-width:1620px) { 
	.cycle-pager { 
    top: 83%; 
}


}

@media screen and (max-width:1175px) { 
	.cycle-pager { 
    top: 78%; 
}


}

@media screen and (max-width:1150px) { 
	#header_contact {
		display:none;
	}

	img.main_logo {
	   float:none;
	   display:block;
	   margin-left:auto;
	   margin-right:auto;
	}

#header {
	width:100%;

}

#content {
	width:75%;
}

}

@media screen and (max-width:1075px) { 

	#index_images_container {
	height:1100px;


}

}

@media (min-width: 1032px) {       /* Hides mobile menu when not in use */

.mobile_menu_container { 
   display: none; 

}
  
 }

  @media screen and (max-width:1031px) { 

#top_navbar_div {
	display:none;

}

}

@media screen and (max-width:920px) { 

	#footer_container {
	height:340px;
}

	#footer {
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

#footer_left {
	width:100%;
	float:none;
	padding-top:10px;

}

#footer_right {
	width:100%;
	float:none;

}



}

@media screen and (max-width:912px) { 
	.cycle-pager { 
    top: 70%; 
}


}

@media screen and (max-width:720px) { 

	#index_images_container {
	height:1650px;


}

}

@media screen and (max-width:650px) { 
	.cycle-pager { 
    top: 60%; 
}


}

@media screen and (max-width:495px) { 
	.cycle-pager { 
    top: 50%; 
}

#content {
	width:90%;
}

}

@media screen and (max-width:390px) { 
	.cycle-pager { 
    display:none; 
}


}

@media screen and (max-width:330px) { 

	#footer_container {
	height:380px;
}

}

@media screen and (max-width:260px) { 

	#index_images_container {
	height:1450px;


}

}