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

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg.png) repeat-x;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.75em;
	color: #336733;
	width:100%;
	height:100%
}
a {
	text-decoration:none;
	border:none;
	color:#336733;
	}
a:hover {
	color:#333;
	
}

a img {
	border:none;
	}
textarea {
	overflow:auto;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	padding:3px;
	}



h3 {
	font-size: 1em;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	
}

p {
	margin:5px 0;
	padding:0 10px;
	line-height:17px;
}

#wrapper {
	width:960px;
	margin: auto;
	background-color: #fff;
	padding:20px 20px 0 20px;
	box-shadow: 0px 0px 5px 4px #333;
	-moz-box-shadow: 0px 0px 5px 4px #333;
	-webkit-box-shadow: 0px 0px 5px 4px #333;
	border-left:1px solid #9abebf;
	border-right:1px solid #9abebf;
		
}
#header {
	float:left;
	width:1000px;
}
#header .logo{
	float:left;
	width:467px;
	font-size:1.5em;
	font-weight:bold;
}
#header h1 {
	margin:0;
	font-size:1.25em;
}
#header .enjoy {
	float:left;
	width:102px;
	margin-left:50px;
}
#header .social {
	float:right;
	width:250px;
	font-size:1.5em;
	font-weight:bold;
}
#nav {
	clear:both;
	float:right;
	width:675px;
}
#nav ul {
	margin:0;
	padding:0 15px;
	
	background-color:#336733;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	-o-border-radius:10px 10px 0 0;
}
#nav ul li {
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav ul li a {
	display:inline-block;
	width:65px;
	height:33px;
	color:#fff;
	padding:10px 30px 0 29px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
#nav ul li a:hover {
	background-color:#859f84;
	color:#336733;
}
#banner {
	clear:both;
	height:350px;
	margin-bottom:5px;
	position:relative;
}
#banner .offers {
	position:absolute;
	z-index:99;
	background:url(../images/offers-bg.png);
	border-radius:10px;
	box-shadow: 0px 0px 4px #000;
	top:20px;
	left:20px;
	color:#fff;
	padding:15px;
	text-align:center;
	width:285px;
}
#banner .offers h2 {
	width:285px;
	padding-left:10px;
		margin:0;
}

.holly {
     left: -23px;
    position: absolute;
    top: 2px;
    width: 75px;
    z-index: 999;
}
#banner ul{
	padding:0;
	margin:0;
	
}
#banner ul li {
	list-style-type:none;
}
#banner img {
	border-radius: 0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px ;
	-webkit-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	
}
#banner .banner_text {
	background:url(../images/text_bg.png);
	position:absolute;
	bottom:3px;
	left:0;
	width:935px;
	padding:8px 25px 8px 0;
	font-size:1.5em;
	color:#fff;
	text-align:right;
	text-transform:uppercase;
	border-radius: 0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px ;
	-webkit-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
}
#content {
	clear:both;
}
.box {
	border-radius: 10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border: 2px solid #336733;
	width:305px;
	height:425px;
	margin-right:15px;
	margin-top:5px;
	float:left;
	position:relative;
	margin-bottom:10px;
}
.box p {
	font-size: 8pt;
}
.box h2 {
	margin-bottom:0;
	text-align:center;
	font-size:1.333em;
}
.box img{
	border-radius: 10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	}
.box ul {
}
.box ul li {
	margin-bottom:10px;
	font-weight:bold;
}
.box_text {
	background:url(../images/text_bg.png);
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-size:1.167em;
	font-weight:bold;
	width:100%;
	border-radius: 0 0 7px 7px ;
	-moz-border-radius:0 0 7px 7px ;
	-webkit-border-radius:0 0 7px 7px ;
	-o-border-radius:0 0 7px 7px ;
	text-transform:uppercase;
}

.england-logo {
	padding-left:50px;
}
.wifi {
	height:75px;
	padding-left:120px;
}

.wifi-text {
	text-align:center;
	font-size:14px !important;
	font-weight:bolder;
}
.book {
	background-color:#336733;
	border-radius: 5px ;
	-moz-border-radius:5px ;
	-webkit-border-radius:0 5px ;
	-o-border-radius:5px ;
	text-align:center;
	font-weight:bold;
	font-size:1.167em;
	padding:5px;
	width:180px;
	color:#fff;
	margin:0 auto;
	cursor:pointer;
}
.left_content {
	border-radius: 10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border: 2px solid #336733;
	width:610px;
	margin-right:15px;
	margin-top:5px;
	float:left;
	position:relative;
	margin-bottom:10px;
}
.left_content ul li {
	list-style-type:none;
}
.left_content ul li a {
	font-weight:bold;
}
.left_content h2 {
	margin-bottom:0;
	text-align:center;
	font-size:1.333em;
}

.room_box {
	float:left;
	width:555px;
	
}
.room_box img {
	float:left;
	width:180px;
	border:1px solid #336733;
	margin-right:10px;
}
.room_box p {
	float:left;
	width:342px;
	}
#accordion {
	width:590px;
	margin-left:10px;
	margin-bottom:10px;
}
#accordion h3 {
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
}
#accordion p {
	padding:0;
}
#accordion ul {
	padding:0;
}
#accordiuon li {
	margin-bottom:5px;
}
.right_box {
	border-radius: 10px;
	text-align:center;
	border-radius:10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border: 2px solid #336733;
	width:305px;
		margin-right:15px;
	margin-top:5px;
	float:left;
	position:relative;
	margin-bottom:10px;
	background-color:#859f84;
	color:#fff;
}
.right_box h2 {
	margin-bottom:0;
	text-align:center;
	font-size:1.333em;
}
.right_box hr {
	width:80%;
}
.right_box img {
	margin:10px 10px 5px 10px;;
	border:5px solid #fff;
	border-radius:10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
}
.header {
	font-weight:bold;
	font-size:1.167em;
	margin-left:10px;
}
.left_col {
	float:left;
	width:200px;
	border-radius:10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border: 2px solid #336733;
	margin-right:25px;
	margin-top:5px;
	margin-bottom:10px;
	font-size:1.5em;
	text-align:center;
	
}
.left_col p {
	line-height:25px;
	margin:5px 0;
}
.left_col h2 {
	font-size:1em;
	line-height:normal;
	background-color:#336733;
	color:#fff;
	margin:0;
	margin-bottom:10px;
	border-radius:7px 7px 0 0 ;
	-moz-border-radius:7px 7px 0 0 ;
	-webkit-border-radius:7px 7px 0 0 ;;
	-o-border-radius:7px 7px 0 0 ;
	padding:5px 0;
}
.middle_col {
	float:left;
	width:370px;
	border-radius:10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border: 2px solid #336733;
	margin-right:25px;
	margin-top:5px;
	margin-bottom:10px;
	
	
}
.middle_col h2 {
	background-color:#336733;
	color:#fff;
	margin:0;
	border-radius:97px 7px 0 0 ;
	-moz-border-radius:7px 7px 0 0 ;
	-webkit-border-radius:7px 7px 0 0 ;
	-o-border-radius:7px 7px 0 0 ;
	padding:5px 0;
	text-align:center;
}
.middle_col form{
	margin: 0 0 10px 10px;
}
.middle_col input {
	border:1px solid #336733;
}
.middle_col input.direction_submit {
	background-color:#336733;
	color:#fff;
	padding:5px 0 6px 0;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	margin-top:5px;
	width:150px;
	font-weight:bold;
}
.middle_col input.direction_submit:hover {
	color:#000;
}

#gmap {
	width:350px;
	height:350px;
	border: 1px solid #336733;
	margin:10px;
	
}
.right_col {
	float:left;
	width:300px;
	border-radius:10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border: 2px solid #336733;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:10px;
	
}
.right_col h2 {
	background-color:#336733;
	color:#fff;
	margin:0;
	border-radius:7px 7px 0 0 ;
	-moz-border-radius:7px 7px 0 0 ;
	-webkit-border-radius:7px 7px 0 0 ;
	-o-border-radius:7px 7px 0 0;
	padding:5px 0;
	text-align:center;
}
.contact_form {
	margin:10px;
}
.contact_form form{
	margin-top:10px;
}
.contact_form input{
	margin-left:25px;
	border: 1px solid #336733;
	padding-left:3px;
	margin-bottom:5px;
}
.contact_form input.submit {
	background-color:#336733;
	color:#fff;
	padding:5px 0 6px 0;
	border-radius:5px;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	width:90px;
	font-weight:bold;
}
.contact_form input.submit:hover {
	color:#000;
}
.contact_form textarea{
	width:250px;
	height:150px;
	border: 1px solid #336733;
}
.error {
	color:red;
	font-weight:bold;
}
.success {
	font-weight:bold;
}

#footer {
	border-top:1px solid #336733;
	color:#859f84;
	clear:both;
	float:left;
	width:960px;
}
#footer ul {
	padding:0;
	float:left;
	width:550px;
}

#footer ul li {
	list-style-type:none;
	display:inline;
}
#footer ul li a {
	color:	#859f84;
	margin:0 20px;
}

#footer ul li a:hover ,#footer .credit a:hover {
	color: #336733;
}
#footer .credit {
	float:right;
	width:325px;
	padding:10px 0;
	
}
#footer .credit a {
	color:	#859f84;
}

@media screen and (max-width: 480px) {
	body {
		max-width:480px;
		width:98%;
		background:none;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	#header {
		max-width:98%;
	}
	
	#footer {
		max-width:98%;
	}
	
	#footer ul {
		width:98%;
	}
	
	#footer ul li {
		display:block;
		margin-top:10px;
	}
	
	.credit {
		float:right;
		width: 30% !important;
		margin-top: -135px;
	}
	
	#wrapper {
		width:98%;
		max-width:98%;
		padding:0px;
		box-shadow: 0px 0px 0px 0px #333;
		-moz-box-shadow: 0px 0px 0px 0px #333;
		-webkit-box-shadow: 0px 0px 0px 0px #333;
		border-left: 0px solid #9abebf;
		border-right: 0px solid #9abebf;
	}
	.box {
		width:98%;
	}
	#banner {
		max-width:100%;
		height:auto;
	}
	
	#banner ul li img {
		max-width:98%;
	}
	
	.banner_text {
		max-width:92%;
		font-size:.5em !important;
	}
	
	#banner:after {
  		content: "";
  		display: table;
  		clear: both;
	}
	
	#nav {
		width:98%;
		padding:0px;
		float:none;
	}
	
	#nav {
		padding:0px;
		margin-left:0px;
	}
	
	#header .logo {
		width:98%;
		
	}
	
	#header .logo a {
		max-width:98%;
		width:98%;
	}
	
	#header .logo a img {
		max-width:98%;
		width:98%;
		
	}
	
	#header .logo a img {
		float:none !important;
		width:98% !important;
		max-width:98% !important;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.logo h1 {
		text-align:center;
	}
	
	.social {
		text-align:center;
		float:none !important;
		display:block;
		margin-left:auto;
		margin-right:auto;
		
	}
	
	.plusone, .addthis_button {
		display:none;
	}
	
	.wifi {
		padding-left:0px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		max-width:60px;
	}
	
	.england-logo {
		padding-left:20%;
		max-height:100px;
		width:auto !important;
	}
	
	.janeandroger {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.room_box {
		width:84%;
	}
	
	.ui-accordion-header {
		width:62%;
	}
	
	.ui-accordion-content {
		width:56%;
	}
	
	.left_content {
		width:98%;
	}
	
	.right_box, .left_col, .right_col, .middle_col {
		float:none;
		margin-left:auto;
		margin-right:auto;
		display:block;
		padding:0px;
	}
	
	.adamfix {
		clear:both;
	}
	
	.left_content {
		margin-top: 170px;
	}
	
	.box:first-child, .left_col {
		margin-top: 160px;
	}
	
	.box {
		height:100%;
	}
	
	.box img{
		width:100%;
	}
	
	#gmap {
	   width:93%;
	}
	
	iframe {
		width:98%;
	}
	
	
	
	.middle_col, .right_col, .right_box {
		width:98%;
	}
	
	.right_box img {
		width:90%;
	}
}

@media screen and (max-width: 320px) {
	.banner_text {
		width:90%;
	}
	
	.ui-accordion-header {
		width:40%;
	}
	
	.ui-accordion-content {
		width:34%;
	}
	
	.ui-accordion-content p {
		width:100%;
	}
}