body{
	margin:0;
}
.navbar{
width:100%;
min-width: 960px;
height:80px;
background-color:white;
-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.43);
-moz-box-shadow:    5px 5px 5px rgba(50, 50, 50, 0.43);
box-shadow:         5px 5px 5px rgba(50, 50, 50, 0.43);
    position: relative;
    overflow:visible;
    z-index:200;
}
.logo { 
			background-image: url(img/largelogo.png); 
			width:238px;
    float:left;
			height:150px;
			position: relative;
			}	
.white-box{
	margin-top:80px;
margin:0;
float: left;
width:238px;
height:70px;
background-color: white;
-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.43);
-moz-box-shadow:    5px 5px 5px rgba(50, 50, 50, 0.43);
box-shadow:         5px 5px 5px rgba(50, 50, 50, 0.43);
		}
.presentation .text h2, .presentation .text p
{
    text-align: left;
}
.nav-text{
margin-left: 20%;
padding-top: 0.4%;
font-size: 24px;
font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
font-style: italic;
color:#980b0b;
    float:left;
    position: relative;
}
.nav-text a{
color:red;
text-decoration: underline;
font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
color:#980b0b;
}
.nav-text .italic{
font-style: italic;
color:#980b0b;
}
.btn-book{
	width:138px;
	height:138px;
	background-image: url(img/btn.png);
	position:absolute;
	margin-left:20%;
	z-index: 10000;
}
.thumb-wide{
	background-image:url(img/backgroundxlarge.png);
	width:100%;
	height:599px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.placeholder{
	padding:15px;
	background-color:white;
	opacity:0.8;
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 7%;
	-webkit-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.38);
-moz-box-shadow:    2px 2px 8px rgba(50, 50, 50, 0.38);
box-shadow:         2px 2px 8px rgba(50, 50, 50, 0.38);
}
.description{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 24px;
	color:#454545;
}
.red-separator{
	width:100%;
	height:13px;
	background-color:#841018;
}
.images-line{
	width:100%;
}
.imginner{
	position: absolute;
	overflow:hidden;
	width:100%;
}
.img-bed{
	float: left;
}
.img-pre{
	float: left;
position: relative;
width: 16.66%;
padding-bottom:12.5%;
overflow: hidden;
	background-color: black;
}
.img-pre img{
	opacity: 0.6;
	transition: opacity 1s;
-webkit-transition: opacity 1s;
width:100%;
}
.img-pre img:hover{
opacity: 1;
}
.presentation{
	padding: 8%;
	display: inline;
}
.text{
	width: 40%;
	margin-left: 5%;
	margin-top: 5%;
}
.images{
	width: 40%;
	margin-top: 5%;
	margin-left: 8%;
}
.float{
	float:left;
}
.separator-grey{
	width:100%;
	height:2px;
	background-color:#cbcbcb;
	margin-top: 5%;
}
h1{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size:48px;
	color:#980b0b;
	font-weight: 300;
}
h2{

font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
font-weight: bolder;
color:#434343;
}
h3{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 30px;
	font-style: italic;
	color:white;
	font-weight: 300;
}
h4{
	font-size:30px;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-style: italic;
	color:#b0afaf;
	font-weight: 200;
}
h5{
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
font-weight: 600;
	color:white;
}
p{
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	color:#434343;
}
.separator{
	background-color:#841018;
	height:4px;
	width:13%;
	margin-top:-2%;

}
.desription{
	font-family: Georgia, Times, "Times New Roman", serif;
}
.red-area{
	padding-left: 5%;
	background-color:#841018;
	-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    1px 1px 5px rgba(50, 50, 50, 0.45);
box-shadow:         1px 1px 5px rgba(50, 50, 50, 0.45);
text-align: center;
}
.small{
	height:72px;
	margin-top: 5%;
}
.big{
	height:80px;
	margin-top:-50px;
}
.star{
	margin-left:15px;
	float:left;
	margin-top: 15px;
}
.rating h3{
	display: block;
	float: left;
	margin-top: 22px;
}
.rate-us{
	width:129px;
	height:129px;
	border-radius: 50%;
	background-color:#841018;
webkit-box-shadow: -3px 6px 21px rgba(50, 50, 50, 0.46);
-moz-box-shadow:    -3px 6px 21px rgba(50, 50, 50, 0.46);
box-shadow:         -3px 6px 21px rgba(50, 50, 50, 0.46);
float: right;
margin-right: 10%;
margin-top: -25px;
text-align: center;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 30px;
}
.rate-us p{
	font-family: Georgia, Times, "Times New Roman", serif;
font-size: 30px;
color:white;
}
.rate-us a{
	text-decoration: none;
}
.quotes{
	margin-left: 5%;
	margin-top: -15px;
	height: 250px;
}
.quote-start{
	width:19px;
	height:15px;
	background-image: url(img/start-q.png);
	float:left;
}

.quote-end{
	width:20px;
	height:15px;
	background-image: url(img/endq.png);
	float:left;
}
.quote-body{
	float:left;
	width: 400px;
	margin-bottom: 40px;
	margin-right:30px;
}
.blockquote{
		font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	color:#959595;
	font-style: italic;
	float:left;
	font-weight: 100;
padding-right: 10px;
padding-left: 10px;
}
.q{
	float: right;
margin-right: 30px;
margin-top: 10px;
}
.q a{
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	color:#959595;
	text-decoration: underline;
}
.btn-red{
	background-color:#841018;
	width: 300px;
	height: 48px;
	border-radius: 5px;
	-webkit-box-shadow: -2px 3px 10px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    -2px 3px 10px rgba(50, 50, 50, 0.56);
	box-shadow:         -2px 3px 10px rgba(50, 50, 50, 0.56);
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px;
	position: relative;
	z-index: 100;
}
.btn-red a{
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 30px;
	font-weight: 100;
	color:white;
	text-decoration: none;
}
.big p{
	font-style: italic;
	color: white;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	padding-top: 30px;
margin-left: -60px;
}
.big p a{
	color:white;
	text-decoration: underline;
}
.footer{
	background-color: #841018;
	overflow: hidden;
}
.rows3{
	margin-left: 5%;
	float: left;
	width: 350px;
}
.separator-white{
	width: 49px;
	height: 3px;
	background-color: #c9c9c9;
	margin-top: -7%;
}
.rows3 p{
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: white;
}
.copyright{
	background-color: #43080c;
	text-align: center;
	color: white;
}
#googleMap{
	width: 100%;
height: 400px;
}
.bed{
	margin-top: 8%;
	width:420px;
	height:320px;
}
.img-ent{
	width:130px;
	height:130px;
	margin-left:5px;
	margin-bottom: 5px;
	float:left;
}
.ent{
	width:410px;
	height:280px;
	margin-top: 9%;
	margin-right: 6%;
}
.placeholder{
	width:844px;
}
.img-bed{
	width:200px;
	height:150px;
	margin-left:10px;
	margin-bottom:10px;
	overflow: hidden;
}
.img-kitchen{
	width:350px;
	height:261px;
}
.star{
	width:45px;
	height:43px;
	background-image:url(img/star.png);
}
/*@media only screen and (max-width : 960px) {
	.nav-text{
		font-size: 14px;
	}
	.logo { 
				background-image: url(img/smalllogo.png); 
				width:150px;
				height:95px;
			}
	.navbar{
		height:40px;
		padding-top:0.05%;
	}
	.btn-book{
		width:60px;
		height:60px;
		background-image: url(img/btnsmall.png);
	}
	.thumb-wide{
	background-image:url(img/backgroundsmall.png);
	}
	.placeholder{
	width:400px;
}
}
*/
@media only screen and (max-width: 820px){
	.btn-book{
		margin-left: 1% !important;
	}
	.nav-text{
		margin-left: 5% !important;
	}
	.quote-body{
		width:320px !important;
	}
	.blockquote{
		font-size: 20px !important;
	}
	.q a{
		font-size: 18px !important;
	}
	.quote-end{
		background-image: url(endqsmall.png);
		width:10px;
		height:8px;
	}
	.quote-start{
		width:10px;
		height:8px;
		background-image: url(start-qsmall.png);
	}
}
@media only screen and (width: 1024px){
.quote-body{
		margin-left:9%;
	}
.nav-text{
	margin-left: 7%;
}
}
@media only screen and (min-width: 820px) and (max-width: 960px){
.nav-text{
 margin-left:7%;
}
.nav-text p{
	font-size: 22px;
}
.btn-book{
	margin-left: 15%;
}
}
@media only screen and (max-width: 1400px){
	.blockquote{
		font-size: 22px;
	}
	.q a{
		font-size: 22px;
	}
	.quote-body{
		width:350px;
	}
	.quotes{
		height:350px;
	}

}
@media only screen and (min-width: 1800px) {
	.thumb-wide{
		background-image: url(img/backgroundxlarge.jpg);
	}
	.quote-body{
		margin-right: 200px;
	}
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	overflow:auto;
}
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}