﻿@import url('https://fonts.googleapis.com/css?family=Mr+De+Haviland');
@import url('https://fonts.googleapis.com/css?family=Questrial|Varela+Round');
@import url('https://fonts.googleapis.com/css?family=Forum');

@font-face {
	font-family: 'Dear Joe Four';
	src: url('../fonts/dJ4TRIAL.ttf'); 

}
/* GLOBAL
--------------------------------------------------------------------------------------------------------*/
.bigger_font{font-size: 18px!important;}
.side_by_side{width: 50%; float: left;}
.side_by_side:after{clear: both;}
.side_by_side p{margin: 0px 15px;}
.Oneby3{width: 32%; padding: 0.5%; float: left; display: block}
.text-center{text-align: center;}
.space{margin-left: 10px; margin-right: 10px;}
* {
	margin:0;
	padding:0;
	border:0;
	line-height:1.5em;
	list-style:none;
}

body {

	/*background:url(../images/coffee2.jpg) no-repeat center top fixed;*/

	/* background-color:#F2F4F3; */

	background-color:white;

	background-size:cover;

	color:#666;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}

#flipbook .even .gradient{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    background-image: linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

#flipbook .odd .gradient{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image: -moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image: -ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image: -o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    background-image: linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}


a {

	color:#33CCCC;
	text-decoration:underline;

}



a:hover {

	color:#33CCCC;


}



p {

	margin:1em 0;
	font-family: 'Forum', cursive;
	font-size: 16px!important;

}



h1,h2,h3,h4,h5,h5 {

	text-transform:uppercase;

	margin:.75em 0;

	color:#1f150f;

}

.special_font{
	font-family: 'Dear Joe Four';
text-transform: unset;
font-size: 32px;
color: #555;
margin-bottom: 0;
}

.medium_size{font-size: 28px}

h1 { font-size:40px; 
    font-family: 'Dear Joe Four';
    text-transform: unset;
    margin: 0;
}

h2 { font-size:16px;}

h3 { font-size:14px;}

h4 { font-size:13px;}

h5 { font-size:12px;}

h6 { font-size:11px;}



.clear {

	clear:both;

	height:0;

	width:100%;

}



header, footer, section, nav, colgroup, col, article, aside {

	display:block;

}



#wrapper {

	margin:0 auto;

	width:980px;

}



/* HEADER

--------------------------------------------------------------------------------------------------------*/



header {

	width:100%;

	height:105px;

	position:relative;
	margin-top: 15px;

}



#logo {

	position:absolute;

	left:0;

	top:18px;

}



#social {

	position:absolute;

	right:0;

	top:60px;

}



#social li {

	float:left;

	margin-left:10px;

}



#social li a {

	display:block;

	height:60px;

	width:60px;

	text-indent:-9999px;

}



#social li.facebook a {

	background:url(../images/facebook-button.png) no-repeat left top;

}



#social li.twitter a {

	background:url(../images/twitter-button.png) no-repeat left top;

	margin-top:5px;

}



#social li.youtube a {

	background:url(../images/email.png) no-repeat left top;

	margin-right:5px;

	margin-top:5px;

}



#social li.rss a {

	background:url(../images/instabutton.png) no-repeat left top;

	margin-top:7px;

}

#social li.tripadvisor a {

	background:url(../images/tripadvisor.jpg) no-repeat left top;

	margin-top:7px;

}



/* NAV

--------------------------------------------------------------------------------------------------------*/



nav {

	/*background:url(../images/nav2.png) no-repeat left top;*/

	/*height:80px;*/

	margin-bottom:10px;

	margin-top:10px;

}



nav li {

	/*background:url(../images/separator.png) no-repeat left top;*/

	float:left;

	padding-left:8px;

	/*width:131px;*/
	margin-right: 17px;

	text-align:center;

	position:relative;

}



nav li:first-child {

	background:none;

	padding-left:1px;

	/*width:163px;*/
	margin-left: 0px;

}


nav li:first-child a{

}

nav li a {
    font-family: 'Forum', cursive;
	color: #36454f;
    display: block;
    font-size: 30px;
    font-weight: bold;
    /*margin-top: 36px;*/
	text-decoration:none;
}

nav > li a {
    margin-top: 36px;
}

nav li a:hover {

	/*background:url(../images/hover.png) repeat-x top;*/
		color:#33CCCC;


}



nav li ul {

	display:none;

	width:250px;

	z-index:1000;

	position:absolute;

	left:2px;

	top:40px;

}



nav li ul li {

	background:none;

	float:none;

	padding:0;

	text-align:left;

	width:248px;

}



nav li ul li:first-child {

	background: url(../images/dropdown.png) no-repeat left top;

	float:none;

	padding:10px 0 0;

	text-align:left;

	width:248px;

}





nav li ul li a {

	font-size:14px;

	padding:10px 20px;

	background:#2c2017;

	border-top:1px solid #382b20;

	border-bottom:1px solid #211811;
	color: white!important;
}



nav li ul li:first-child a {

	font-size:14px;

	padding:10px 20px;

	background:#2c2017;

	border-top:0;

	border-bottom:1px solid #211811;

}



nav li ul li a:hover {

	background:#231912;

	border-top:1px solid #2f231a;

	border-bottom:1px solid #1b120d;

}



nav li ul li:first-child a:hover {

	background:#231912;

	border-top:0;

	border-bottom:1px solid #1b120d;

}



/* BANNER

--------------------------------------------------------------------------------------------------------*/



#banner {

   height: 650px;
    /*padding: 40px;*/
    margin-bottom: 10px;
    overflow: hidden;
    width: 960px;

}



#slider {

	overflow: hidden;
	position:relative;

}



/* CONTENT

--------------------------------------------------------------------------------------------------------*/



#content {

	background:#fff;

	clear:both;

	width:960px;

	padding:0 10px 20px 10px;

}



#content.inner {

	/*background:#fff url(../images/content.png) repeat-y right;}*/



#content .col {

	float:left;

	margin:0 20px;

	width:200px;

}



#content p.more {

	float:right;

	margin:0;

}



#content p.more a {

	background:url(../images/more.gif) no-repeat left top;

	display:block;

	height:23px;

	width:70px;

	text-indent:-9999px;

}



#content p.more a:hover {

	background:url(../images/more.gif) no-repeat left bottom;

}





/* ARTICLE

--------------------------------------------------------------------------------------------------------*/



article {

	float:left;

	/*width:580px;*/

	margin-left:20px;

}



article ul {

	padding-left:20px;

}



article ul li {

	background:url(../images/bullet.gif) no-repeat left 3px;

	padding-left:20px;

}



article ul.columns li {

	float:left;

	width:40%;

	padding-right:5%;

}



article .post h1 {

	margin-bottom:0.5em;

	padding-bottom:0.5em;

	border-bottom:1px solid #e0dad5;

}



/* PAGING

--------------------------------------------------------------------------------------------------------*/



ul.paging {

	border-top:1px solid #e0dad5;

	padding:2em 0;

	text-align:center;

	margin-top:2em;

}



ul.paging li {

	display:inline;

	background:none;

	padding:5px;

}



ul.paging li.first {

	float:left;

	padding:0;

}



ul.paging li.last {

	float:right;

	padding:0;

}



ul.paging li.first a, ul.paging li.last a {

	font-size:9px;

	color:#1f150f;

	text-transform:uppercase;

	text-shadow:1px 1px rgba(255,255,255,0.4);

	border:1px solid #d5cdc6;

	padding:7px 10px;



	/* IE10 */ 

	background-image: -ms-linear-gradient(top, #D9D4CF 0%, #D1CBC6 100%);

	

	/* Mozilla Firefox */ 

	background-image: -moz-linear-gradient(top, #D9D4CF 0%, #D1CBC6 100%);

	

	/* Opera */ 

	background-image: -o-linear-gradient(top, #D9D4CF 0%, #D1CBC6 100%);

	

	/* Webkit (Safari/Chrome 10) */ 

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D9D4CF), color-stop(1, #D1CBC6));

	

	/* Webkit (Chrome 11+) */ 

	background-image: -webkit-linear-gradient(top, #D9D4CF 0%, #D1CBC6 100%);

	

	/* Proposed W3C Markup */ 

	background-image: linear-gradient(top, #D9D4CF 0%, #D1CBC6 100%);

}



ul.paging li.first a:hover, ul.paging li.last a:hover {

	border:1px solid #c6bdb6;

	padding:7px 10px;

		

	/* IE10 */ 

	background-image: -ms-linear-gradient(top, #CBC4BD 0%, #C2B9B2 100%);

	

	/* Mozilla Firefox */ 

	background-image: -moz-linear-gradient(top, #CBC4BD 0%, #C2B9B2 100%);

	

	/* Opera */ 

	background-image: -o-linear-gradient(top, #CBC4BD 0%, #C2B9B2 100%);

	

	/* Webkit (Safari/Chrome 10) */ 

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CBC4BD), color-stop(1, #C2B9B2));

	

	/* Webkit (Chrome 11+) */ 

	background-image: -webkit-linear-gradient(top, #CBC4BD 0%, #C2B9B2 100%);

	

	/* Proposed W3C Markup */ 

	background-image: linear-gradient(top, #CBC4BD 0%, #C2B9B2 100%);

}



/* PEOPLE

--------------------------------------------------------------------------------------------------------*/



#people {

	float:left;

	width:580px;

	margin-left:20px;

}



#people div {

	float:left;

	width:180px;

	margin:0 20px;

}



#people .first, #people .last {

	margin:0;

}



#people h2 {

	margin:2em 0 0.5em;

}



#people h3 {

	margin: 0;

}



/* PRODUCTS

--------------------------------------------------------------------------------------------------------*/



#products {

	width:600px;

	margin:0px 0 0 10px;

	float:left;

}



#products div {

	float:left;

	width:180px;

	height:230px;

	margin:0 20px 30px 0;

	display:block;

	overflow:hidden;

}



#products h3 {

	margin:0.5em 0;

	text-align:left;

	width:180px;

}



#products h3 a {

	float:left;

	width:180px;

}



#products p {

	margin:0;

}



/* GALLERY

--------------------------------------------------------------------------------------------------------*/



#gallery {

	width:600px;

	margin:0px 0 0 10px;

	float:left;

}



#gallery li {

	float:left;

	width:180px;

	height:165px;

	padding:10px;

	display:block;

	overflow:hidden;

}



#gallery li:hover {

	background:url(../images/gallery.png) no-repeat left top;

	color:#fff;

}



#gallery p {

	margin:3px 0;

	text-align:center;

}



/* ASIDE

--------------------------------------------------------------------------------------------------------*/



aside {

	float:right;

	width:280px;

	padding:20px;

}



aside h2 {

	margin:0;

}

#specials{

	padding-top:0px;

}

#submenu li a {

	border-bottom:1px solid #e0dad5;

	display:block;

	padding:10px 10px 10px 30px;

	background:url(../images/submenu.gif) no-repeat 10px 12px;

	color:#2c2017;

	font-size:16px;

}



#submenu li a:hover {

	color:#36454f ;

}



#submenu, #awards, #cards {

	margin:40px 0;

}



#comments {

	padding-top:30px;

}



#comments a {

	font-weight:bold;

}



#flickr {

	padding-top:30px;

}



#flickr h2 {

	margin-bottom: 20px;

}



#flickr img {

	margin: 0 7px 5px 0;

}



/* CONTACT FORM

--------------------------------------------------------------------------------------------------------*/



form {

	margin:30px 0;

}



form li {

	margin:10px 0;

}



form label {

	display:block;

	color:#534538;

	font-weight:bold;

	margin-bottom:3px;

}



form input, form textarea {

	border:1px solid #d2c9c2;

	width:270px;

	padding:4px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333;

}



form input[type=checkbox] {

	width:auto;

	float:left;

	margin:0 10px 20px 0;

	position:relative;

	top:3px;

}



form input[type=submit] {

	width:auto;

	float:right;

	border:1px solid #ab9b8d;

	font-size:9px;

	color:#1f150f;

	text-transform:uppercase;

	text-shadow:1px 1px rgba(255,255,255,0.4);

	border:1px solid #d5cdc6;

	padding:7px 20px;



	/* IE10 */ 

	background-image: -ms-linear-gradient(top, #b4a9a0 0%, #a4978d 100%);

	

	/* Mozilla Firefox */ 

	background-image: -moz-linear-gradient(top, #b4a9a0 0%, #a4978d 100%);

	

	/* Opera */ 

	background-image: -o-linear-gradient(top, #b4a9a0 0%, #a4978d 100%);

	

	/* Webkit (Safari/Chrome 10) */ 

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b4a9a0), color-stop(1, #a4978d));

	

	/* Webkit (Chrome 11+) */ 

	background-image: -webkit-linear-gradient(top, #b4a9a0 0%, #a4978d 100%);

	

	/* Proposed W3C Markup */ 

	background-image: linear-gradient(top, #b4a9a0 0%, #a4978d 100%);

}



/* PARTNERS

--------------------------------------------------------------------------------------------------------*/



#partners {

	background:url(../images/partners.png) repeat-x top;

	height:120px;

	width:916px;

	padding:0 32px;

	position:relative;

}



#partners .prev, #partners .next {

	position:absolute;

	top:0;

	width:30px;

	height:120px;

	display:block;

	text-indent:-9999px;

}



#partners .prev {

	background:url(../images/prev.jpg) no-repeat left top;

	left:0;

}



#partners .next {

	background:url(../images/next.jpg) no-repeat left top;

	right:0;

}



#partners .carousel {

	position:absolute;

	left:30px;

	top:0;

	width:920px;

}



#partners li {

	background:url(../images/partners-separator.png) no-repeat left top;

	height:120px;

	padding-left:2px;

	width:228px;

	float:left;

}



#partners a {

	display:block;

	width:100%;

	text-align:center;

}



/* REVIEWS

--------------------------------------------------------------------------------------------------------*/



.reviews li {

	display:block;

	width:200px;

	padding:0 35px;

	background:url(../images/quote.png) no-repeat left top;

}



.reviews p.review {

	color:#d3c7ba;

	height:130px;

	overflow:hidden;

}



.reviews p.author {

	color:#fff;

	text-align:right;

}



/* PRE-FOOTER

--------------------------------------------------------------------------------------------------------*/



#prefooter {

	background:url(../images/prefooter.png) no-repeat left top;

	width:980px;

	height:280px;

}



#prefooter section {

	float:left;

	width:27.33%;

	padding:0 2.5%;

}



#prefooter h2 {

	color:#FFFFFF;

	font-size:16px;

	text-align:center;

}



/* NEWS

--------------------------------------------------------------------------------------------------------*/



.news li {

	height:70px;

	width:100%;

	overflow:hidden;

	margin-bottom:20px;

}



.news .date {

	background:url(../images/calendar.png) no-repeat left top;

	color:#fff;

	float:left;

	font-size:9px;

	font-weight:bold;

	height:45px;

	margin-top:3px;

	width:36px;

	text-align:center;

	text-transform:uppercase;

}



.news .month {

	padding:4px 0;

	line-height:1em;

}



.news .day {

	color:#4d3e33;

	font-size:24px;

	padding:1px 0;

	line-height:1em;

	text-shadow:#e4dcd5 1px 1px;

}



.news .article {

	color:#d3c7ba;

	float:right;

	width:221px;

}



.news h3 {

	font-size:13px;

	text-transform:none;

	margin:0;

}



.news h3 a {

	color:#fff;

	text-decoration:none;

}



.news h3 a:hover {

	text-decoration:underline;

}



.news p {

	margin:0;

}



/* TWEETER FEED

--------------------------------------------------------------------------------------------------------*/



.twtr-widget, .twtr-widget p, #twtr-widget-1 p, .twtr-widget em {

	font-family:Arial, Helvetica, sans-serif!important;

	font-size:12px!important;

	line-height:1.5em!important;

}



.twtr-widget .twtr-tweet-wrap {

	padding:0!important;

}



#twtr-widget-1 .twtr-tweet em a {

	color:#43372d!important;

	font-weight:normal!important;

}



#twtr-widget-1 .twtr-tweet a {

	font-weight:bold;

}



.twtr-hd, .twtr-ft {

	display:none;

}



.twtr-widget .twtr-tweet {

	border:0!important;

	padding-bottom:15px;

}



/* FOOTER

--------------------------------------------------------------------------------------------------------*/



footer {

	width:100%;

	color:#706355;

	background:url(../images/footer.png) no-repeat center top;

	padding:20px 0px;

	text-align:center;

	font-size:12px;

}



footer li {

	display:inline;

	margin:0 10px;

}
#peham_gallery a{display: inline-block;}
#peham_gallery img{margin: 3px;}

#gallery_category img{height: 100px;}
#gallery_category a{margin: 10px; width: 31%; display: flex; flex-wrap: wrap;}

a.nivo-prevNav, a.nivo-nextNav, a.nivo-control {text-decoration:underline !Important;}
