body { 
	color: #191919;
	background: url('../img/background-pattern.png');	/* background-color: #85AD33; */
	font-family: Arial;
	font-size: 14px;
	/* highlight color (purple): #a0839b; */
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.lang a:link,
.lang a:visited,
.menu-nav a:link,
.menu-nav a:visited {
	color: #191919;
}

.menu a:link,
.menu a:visited {
	color: #191919;
	padding-left: 6px;
}

a.email:link,
a.email:visited {
	color: #666666;
}

.to-top a:link,
.to-top a:visited {
	color: #666666;
}

a.fancybox:link,
a.fancybox:visited {
	color: #666666;
}

.lang a:hover,
.menu-nav a:hover {
	color: #F3F7EB;
	text-decoration: none;
}

.menu a:hover {
	color: #191919;
	text-decoration: none;
}

.lang a.active,
.menu-nav a.active {
	color: #F3F7EB;
	text-decoration: none;
}

.menu a.active {
	color: #191919;
}

#footer a:link,
#footer a:visited {
	color: #FFFFFF;
}

a img {
	border: 0;	/* Remove IE image link border */
}


/* COMMON -------------------------- */

#wrapper {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0; 
}

.container {
	margin-bottom: 20px;
}

.hidden {
	display: none;
}

.border {
	border: 1px solid #CCCCCC;
}

p {
	line-height: 20px;
}

.h1 {
	font-size: 26px;
}

.h2 {
	font-size: 20px;
}

.h3 {
	font-size: 15px;
}

.highlight {
	background-color: #CCCCCC;
}

.green {
	color: #85AD33;
	font-size: 16px;
}


/* HEADER SECTION ------------------ */

#header {
	height: 90px;
	padding: 5px;
}

#header > div:nth-child(2) {
	width: 100%;
	display: inline-block;
	position: relative;
}

.lang {
	margin-bottom: 10px;
	text-align: right;
}

.lang ul {
	margin: 0;
}

.lang li {
	padding-right: 5px;
	display: inline;
	list-style: none;
}

.lang li:first-child {
	border-right: 1px solid #FFFFFF;
}

.logo {
	width: 55%;
	padding-right: 5px;
	float: left;
}

.logo img {
	max-width: 100%;
	height: auto;
}

.menu-area {
	width: 30%;
	float: right;
}

.menu {
	background-color: #E6E6E6;
	width: 130px;
	margin-top: 15px;
	border: 1px solid #666666;
	border-radius: 5px;
	position: absolute;
	right: 0;
	z-index: 10;
}

.menu-current {
	padding: 5px 0px;	
	line-height: 20px;
}

.menu-current a {
	display: block;
}

.menu ul {
	margin: 0;
	padding: 0;
}

.menu li {
	width: 100%;
	display: inline-block;
	list-style: none;
}

.arrow-down {
	/* arrow */
	width: 0; 
	height: 0; 
	border-top: 7px solid #666666;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	/* -- */

	margin-top: 7px;
	margin-right: 5px;
	position: absolute;
	top: 0;
	right: 0;
}


/* MAIN SECTION --------------------- */

.main-content-border {
	clear: left;
}

#main-content { 
	background-color: #FFFFFF;
	width: 100%;	/* width:900px; */
	margin: auto;
	padding-bottom: 40px;
}

p.title {
	margin: 0;
	padding: 0 0 30px 0;
}

.title {
	text-align: center;
}

.splash img {
	background-color: #CCCCCC;
	max-width: 100%;
	height: auto;
}

/* Homepage */
.content-home {
	padding: 30px 30px 0px 30px;
}

.content-home > div:first-child {
	margin-bottom: 30px;
}

.content-home > div:first-child p {
	margin: 0;
}

.content-home .info-box {
	background-color: #F3F7EB;
	margin-bottom: 10px;
	padding: 0 20px 20px 20px;
	border: 1px solid #85AD33;
}

.content-home > div:nth-child(2) div:nth-child(2) {
	padding-top: 20px;
}

.content-home ul {
	padding-left: 15px;
}

/* Rooms & Rates page */
.content-rooms {
	padding: 40px 0 0 0;
}

.content-rooms ul {
	margin: 0;
	padding: 0;
}

.content-rooms img {
	max-width: 100%;
	float: left;
}

.room-type {
	max-width: 100%;
	display: inline-block;
	list-style: none;
}

.room-type > div {
	max-width: 100%;
	margin: auto;
}

.room-type img {
	max-width: 100%;
	height: auto;
	float: left;
}

.room-img .pic-area1,
.room-img .pic-area2,
.room-img .pic-area3 {
	background-color: #CCCCCC;
}

.room-img-area {
	max-width: 100%;
	height: auto;
	position: relative;
}

.room-thumbs {
	width: 100%;
	display: block;
	position: absolute;
	z-index: 10;
}
.room-thumbs ul {
	margin: auto;
	padding: 10px;
	display: inline-block;
	position: absolute;
	right: 0;
}
.room-thumbs li {
	padding-right: 2px;
	display: inline-block;
	list-style: none;
}

.room-details {
	padding: 30px 50px;
	float: left;
}

.room-details > p:first-child {
	margin-top: 0;
}

.room-details ul {
	padding-left: 20px;
}

.content-rooms .info-box {
	background-color: #F3F7EB;
	margin: 0px 30px 10px 30px;
	padding: 5px 30px 30px 30px;
	border: 1px solid #85AD33;
}

.content-rooms .info-box ul {
	padding-left: 15px;
}

/* Gallery page */
.content-gallery {
	padding: 40px 0px 50px 0px;
}

/*
.content-gallery .flexslider {
	margin-bottom: 0;
}
*/

.gallery-main {
	margin: auto;
	width: 100%;
}

.gallery-main img {
	max-width: 100%;
	height: auto;
}

.gallery-main .pic-area {
	background-color: #CCCCCC;
	width: 100%;
}

/*
.pic1 {
	background: url('http://placehold.it/760x500') no-repeat;
}

.pic2 {
	background: url('http://placehold.it/760x500/ff5050') no-repeat;
}

.pic3 {
	background: url('http://placehold.it/760x500/ffcccc') no-repeat;
}

.pic4 {
	background: url('http://placehold.it/760x500/33cccc') repeat;
}

.gallery-thumbs {
	width: 100%;
	padding-top: 5px;
	display: block;
}

.gallery-thumbs ul {
	margin: auto;
	padding: 10px;
} 

.gallery-thumbs li {
	padding-right: 2px;
	display: inline;
}
*/

/* Directions page */
.content-directions {
	padding: 40px 20px 0px 20px;
}

.content-directions .info-box {
	background-color: #F3F7EB;
	padding: 10px;
	border: 1px solid #85AD33;
	text-align: center;
}

.directions-details h3 {
	margin-bottom: 0;
}

.directions-details p {
	margin-top: 5px;
}

.directions-details p:last-child {
	margin-bottom: 0;
}

.map {
	max-width: 100%;
	height: auto;
	margin: auto;
}

.map div:nth-child(1) {
	margin-bottom: 30px;
	text-align: left;
}

.map div:nth-child(2) {
	margin-bottom: 30px;
}

.map div:nth-child(2) img {
	border: 4px solid #FFFFFF;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.map div:nth-child(2) p {
	color: #666666;
	font-size: 12px;
	margin: 0;
}

.map iframe {
	/* width: 300px; */
	border: 1px solid #999999;
}

iframe, object, embed,
.map .nth-1 img {
	max-width: 100%;
}

.map .nth-2 {
	display: none;
}

.to-top {
	font-size: 12px;
	margin: 0;
	padding-top: 20px;
	text-align: center;
}

/* FOOTER SECTION -------------------- */

#footer {
	color: #FFFFFF;
	font-size: 11px;
	margin: 10px 5px;
	text-align: center;
}

.footer-disclaimer p {
	margin: 0;
}

.footer-disclaimer p:nth-child(3) {
	padding-bottom: 15px;
}

.linebreak {
	display: block;
}

.copy p {
	margin-bottom: 0;
}

.footer-social-connect img {
	width: 30px;
}

/* FANCY BOX -------------------------- */

.fancybox-close {
	background-image: url('../img/fancybox_sprite@2x.png');
}


@media only screen and (min-width: 480px)
{
	#header {
		padding-bottom: 15px;
	}

	.content-directions {
		padding: 40px 30px 50px 30px;
	}

	.map {
		max-width: 425px;
		width: 100%;
	}

	/* .map iframe {
		width: 425px;
	} */
}


@media only screen and (min-width: 550px)
{
	.container {
		margin-bottom: 50px;
	}

	#main-content {
		min-height: 500px;
		display: inline-block;
	}

	.title {
		padding-bottom: 20px;
		padding-left: 10px;
		text-align: left;
	}

	.content-home {
		display: inline-block;
	}

	.content-home > div:first-child {
		margin-bottom: 0;
	}

	.content-home > div:nth-child(1) {
		width: 55%;
		padding-right: 5%;
		float: left;
	}

	.content-home > div:nth-child(2) {
		width: 40%;
		float: left;
	}

	.content-rooms,
	.content-gallery,
	.content-directions {
		padding: 40px 30px 50px 30px;
	}

	.content-rooms .info-box {
		margin: 0px;
	}

	.room-type {
		width: auto;
		padding: 20px 0px 20px 0px;
		border-bottom: 1px solid #85AD33; 
		display: block;
	}

	.room-type:first-child {
		padding-top: 0;
	}

	.room-type:last-child {
		border: none;
	}

	.room-type > div {
		width: auto;
		display: inline-block;
	}

	.room-img {
		width: 60%;
		float: left;
	}

	.room-img-area {
		width: 360px;
		height: 260px;
	}

	.room-details {
		width: 30%;
		padding: 20px;
	}

	/*
	.gallery-thumbs ul {
		padding: 10px 0px;
	}
	*/

	.content-directions {
		padding: 40px 30px 50px 30px;
		display: inline-block;
	}

	.map {
		width: 50%;
		padding-right: 5%;
		float: left;
	}

	.directions-details {
		width: 45%;
		margin: 0px auto;
		float: right;
	}
}


@media only screen and (min-width: 768px)
{
	.container {
		width: 748px; 
		margin: 0 auto 120px auto;
	}

	#header {
		padding-bottom: 10px;
	}

	.logo {
		width: 40%;
	}

	.lang li:last-child {
		padding-right: 0;
	}

	.menu-area {
		width: 50%;
	}

	.menu {
		display: none;
	}

	.menu-nav {
		font-size: 15px;
		padding-bottom: 15px;
		display: inline;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.menu-nav ul {
		margin: 0;
		padding: 0;
	}

	.menu-nav li {
		padding-right: 10px;
		padding-left: 5px;
		border-right: 1px solid #FFFFFF;
		display: inline;
		list-style: none;
	}

	.menu-nav li:last-child {
		padding-right: 0;
		border: none;
	}

	.main-content-border {
		background-color: transparent; 		/* #85AD33; */
		width: 728px;
		margin:auto;
		padding:10px;
		border:1px solid #FFFFFF;
		display:block;
		clear:left;
	}

	#main-content {
		min-height: 600px;
	}

	.content-home {
		padding: 30px 40px 40px 40px;
	}

	.title {
		text-align: left;
	}

	/*
	.carousel {
		width: 688px;
		height: 350px;
		margin: 0;
		display: block;
		position: relative;
		overflow: hidden;
	}

	.carousel li {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	*/

	.splash {
		display: none;
	}

	.content-rooms {
		padding: 40px;
	}

	.room-type {
		width: 650px;
		padding: 20px 0px 30px 0px;
		border-bottom: 1px solid #85AD33;
	}

	.room-type > div {
		width: auto;
		margin: 0;
	}

	.room-type img {
		width: auto;
	}	

	.room-img {
		width: 360px;
		padding-right: 20px;
	}

	.room-details {
		width: 220px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.content-gallery {
		padding: 40px;
	}

	/*
	.gallery-thumbs {
		padding-top: 10px;
	}

	.gallery-thumbs ul {
		padding: 10px 0;
	}
	*/

	.content-directions {
		padding: 40px;
	}

	.to-top {
		display: none;
	}

	#footer {
		font-size: 12px;
		width: auto;
	}

	.footer-disclaimer {
		/* width: 640px; */
		margin: auto;
		padding-top: 5px;
		padding-bottom: 20px;
	}

	.map .nth-2 {
		display: block;
	} 

	.copy p {
		margin: 0;
	}

	.linebreak {
		display: inline;
	}
}


@media only screen and (min-width:1024px)
{
	.container {
		width: 920px;
	}

	.main-content-border {
		width:900px;
		margin:auto;
		padding:10px;
		border:1px solid #FFFFFF;
		display:block;
		clear:left;
	}

	/*
	.carousel {
		width: 920px;
	}
	*/

	.content-home {
		padding: 50px 70px;
	}

	.content-rooms,
	.content-gallery,
	.content-directions {
		padding: 70px;
	}

	.room-type {
		width: 750px;
	}

	.room-details {
		width: 300px;
	}

	/*
	.gallery-thumbs {
		display: inline-block;
	}

	.gallery-thumbs ul {
		width: auto;
		margin: 0;
	}

	.gallery-thumbs li {
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
	}
	*/

	.footer-disclaimer {
		/* width: 720px; */
		display: block;		/* display: inline-block; */
		margin: auto;
		/* margin-bottom: 20px; */
	}

	/* .footer-disclaimer p:nth-child(1) { } */
	.footer-disclaimer p:nth-child(2) {
		float: left;
	}

	.footer-disclaimer p:nth-child(3),
	.copy {
		clear: left;
	}
}