﻿.l-wrapper {
	width: 94%;
	padding: 3%;
	background-color: white;
	border: 1px solid #ddd;	
	border-radius: 20px 20px 20px 20px;
	margin-bottom: 2%;
	box-shadow: 1px 1px 3px #ddd;
}
.l-info-wrapper {
	width: 48%;
	float: left;
}
.l-photo {
	width: 48%;
	float: right;
}
.l-photo img {
	width: 100%;
	padding-bottom: 20px;
	border-radius: 5px 5px 5px 5px;
}
.l-contact {
}
.l-amen {
	float: left;
	width: 65%;
}
.l-amen table {
	width: 100%;
}
td.l-amenities {
	width: 50%;
	font-size: 80%;
	vertical-align: top;
}
td.l-amenities ul {
	margin-top: 0%; padding-top: 0%
}
.l-links {
	text-align: right;
}
.l-links img {
	width: 30px;
	border: 0px;
	margin: 0px 2px 10px 2px;
}
h2.l-title {
	margin: 0% 0% 2% 0%; padding: 0;
}
h2.l-title a {
	text-decoration: none;
}

a.addy-link {
	text-decoration: none;
}
a:addy-link:hover {
	text-decoration: underline
}
div.book-now {
	width: 80%;
	border: 1px solid #7DA3C7;
	border-radius: 25px 25px 25px 25px;
	color: white;
	background-color: #7DA3C7;
	padding: 10px;
	margin: 0 auto;
	font-size: 24px;
	text-align: center;
}
div.book-now a {
	color: white;
	text-decoration: none;
}
br.br-hide {
	display: none;
}
/* Boat Rentals */
.gold-wrap {
	width: 96%;
	background-color: #E9DE94;
	padding: 2%;
}
.silver-wrap {
	width: 96%;
	background-color: #EAEAEA;
	padding: 2%;
}
.bronze-wrap {
	width: 96%;
	background-color: #EFDEC7;
	padding: 2%;
}
.br-photo {
	width: 16%;
	float: left;
	margin: 1%;
}
.br-photo img {
	width: 100%;
	border-radius: 5px 5px 5px 5px;
}
.br-contact {
	width: 34%;
	margin: 1%;
	float: left;
}
.br-contact h2 {
	margin: 0 0 2% 0;
	font-size: 20px;
}
.br-contact p {
	margin: 0 0 2% 0;
}
.br-details-wrap {
	width: 41%;
	margin: 1%;
	padding: 1%;
	float: left;
	border-left: 1px solid gray;
}
.br-details-wrap h3 {
	margin: 0 0 2% 0;
	font-size: 13px;
	
}
.br-details {
	width: 50%;
	float: left;
}
.br-details p {
	margin: 0px;
}
.br-rates {
	width: 50%;
	float: left;
}
.br-rates p {
	margin: 0px;
}
.br-comments p {
	margin: 0px;
}
	.list-special p {margin: 10px 0px 10px 0px; color: green; font-weight: 700; line-height: 32px}
	.list-special-decal {background-color: green; color: white; padding: 3px 5px 3px 5px; margin: 0px 5px 0px 0px; font-weight: bold;}
@media screen and (max-width: 768px) {
	h2.l-title, div.l-contact, p.sleeps-info {text-align: center;}
span.sp-hide {
	display: none;
}
br.br-hide {
	display: block;
}
.l-wrapper {
	width: 92%;
	padding: 4%;
}
.l-photo {
	width: 100%;
	float: none;
}
.l-info-wrapper {
	width: 100%;
	float: none;
}
.l-links {
	text-align: center;
}
.l-contact {
	float: none;
	width: 100%;
	margin-bottom: 5%;
}
.l-desc {
	margin-bottom: 5%;
}
.l-amen {
	float: none;
	width: 100%;
}
td.l-amenities ul {
	padding: 0% 0% 0% 10%;
}

div.book-now {
	margin: 0% 5% 5% 5%;
	width: 84%;
}
/* Boat Rentals */
.br-photo {
	width: 35%;
}
.br-contact {
	width: 60%;
}
.l-wrapper {
	font-size: 90%;
}
.br-contact h2 {
	font-size: 16px;
}
.br-details-wrap {
	width: 96%;
	border-left: 0px;
}
.br-details h3 {
	font-size: 13px
}
}