body{margin:0px;
	font-family: 'deliciousroman';
	font-size: 16px;
	color:#6d6d6d;
	
}

@font-face {
    font-family: 'deliciousroman';
    src: url('/media/fonts/delicious-roman-webfont.eot');
    src: url('/media/fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/delicious-roman-webfont.woff2') format('woff2'),
         url('/media/fonts/delicious-roman-webfont.woff') format('woff'),
         url('/media/fonts/delicious-roman-webfont.ttf') format('truetype'),
         url('/media/fonts/delicious-roman-webfont.svg#deliciousroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BarmenoRoman';
    src: url('/media/fonts/Barmeno/barmeno.eot');
    src: url('/media/fonts/Barmeno/barmeno.eot') format('embedded-opentype'),
         url('/media/fonts/Barmeno/barmeno.woff') format('woff'),
         url('/media/fonts/Barmeno/barmeno.ttf') format('truetype'),
         url('/media/fonts/Barmeno/barmeno.svg#BarmenoRoman') format('svg');
}
a {
    color: #738B39;
}



blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 1.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

h1, h2, h3, h4, h5{
	font-weight: normal;

    color: #738b39;
	
}

h1{
	border-bottom: 1px solid #738b39;
	color:#738b39;
	margin-top: 0px;
}

p {
    line-height: 22px;
}

.content{
	width:100%;
	float: left;
	overflow: auto;
	
}

.content-inner{
	max-width:1110px;
	padding: 40px 40px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.28);
	background-image: url(/media/images/main-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
    background-position:center;

}

.content-inner table {
    width: 80%;
}

.content-inner th {
    text-align: left;
    padding-bottom: 4px;
}

input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
    width: 300px;
    font-size: 16px;
    margin-bottom: 10px;
}

.accord-content { 
	display: none; 
	background-color: #ebf2cd;
	padding: 20px;
	margin-top: 20px;
}

.accord-button{
	padding: 10px 14px 10px 14px;
	background-color: #738b39;
	color:white;
	display: inline-block;
    margin-bottom: 20px;
}

.accord-content h2 {
    margin-top: 0px;
}

.headder{
	width:100%;
	float: left;
	height:310px;
	background-image: url(/media/images/banner-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: auto;
}

.header-inner{
	max-width:1150px;
	padding: 0px 20px;
	margin-left: auto;
	margin-right: auto;
	height:185px;
	position: relative;
}

.header-logo{
	width:239px;
	height:239px;
	background-color: #738b39;
	top:20px;
	background-image: url(/media/images/heathcote-retreat-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;

}
.nav-bar{
	width:100%;
	float: left;
	height:50px;
	background-color:#738b39;
	overflow: auto;
}

.nav-bar-inner{
	max-width:1150px;
	padding: 0px 20px;
	margin-left: auto;
	margin-right: auto;

}

.nav-bar-inner ul{
	list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 13px;
}
.nav-bar-inner li{
	display: inline;
	margin-right: 3%;
	font-size: 21px;
}

.nav-bar-inner li a, .nav-bar-inner li{
color:white; text-decoration:none;transition: all .25s ease-in-out;}

.nav-bar-inner li a:hover{
text-decoration:underline;transition: all .25s ease-in-out;}

.footer{
	width:100%;
	float: left;
	min-height:100px;
	overflow: auto;
	background-color:#738b39;	
}

.footer-inner{
	max-width:1150px;
	padding: 0px 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 20px 40px 20px;
	color:white;
	text-align: center;
        color: #C5D2A6;
    line-height: 23px;
}

.footer-inner a{
color: #C5D2A6;}

.social-links {
    float: left;
    width: 20%;
    margin-top: 6px;
        text-align: right;transition: all .25s ease-in-out;
}

a.fancybox.mag::after {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(/media/images/retreat/mag.png);
    background-repeat:no-repeat;
    content: ' ';
    top: -34px;
    position: relative;
    left: 210px;
}

img.trip-advisor {
    margin-right: 10px;
    transition: all .25s ease-in-out;
}

img.facebook {

    transition: all .25s ease-in-out;
}

.social-links img:hover {
    transform: scale(.95);
 
}

.menu {
    float: left;
    width: 80%;
}


/* Large screen and bigger */
@media (max-width: 1190px) {

}

/* Fine Control In Between */
/*
@media (max-width: 1000px) {

}

@media (max-width: 900px) {

}
@media (max-width: 800px) {

}*/
/* Tablet and bigger */
@media (max-width: 768px) {

}

@media (max-width: 420px) {

}


@media (max-width: 375px) {

}

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

