/*** Symetrical Margins **/
body { font: 1em/1.6em Calibri, Arial, Verdana,sans-serif; } 
html>body { font-size: 16px; } 
p { margin: 1.6em  0; font-size: 1em; line-height: 1.6em; }
h1, .h1 { margin: 0.8149em 0; font-size: 1.9634em; line-height: 0.8149em; }
h2, .h2 { margin: 0.9889em 0; font-size: 1.618em; line-height: 0.9889em; }
h3, .h3 { margin: 1.3185em 0; font-size: 1.2135em; line-height: 1.3185em; }
h4, .h4 { margin: 1.6em 0; font-size: 1em; line-height: 1.6em; }
h5, .h5 { margin: 2.1333em 0; font-size: 0.75em; line-height: 2.1333em; }
h6, .h6 { margin: 2.5887em 0; font-size: 0.6181em; line-height: 2.5887em; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html {
	height: 100%;
	background: #172934;
}

body { 
	background: #172934; 
	height: 100%;
	background-size: cover;
	color: #333; 
	position: relative; 
	-webkit-font-smoothing: antialiased; 
}

header {
	background: #172934;
	background: rgba(23, 41, 52, 0.9);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}

header .row {
	margin-bottom: 0;
}


.container {
	padding: 0 15px;
}

.categories {
	text-align: center;
	padding-bottom: 1px;
	margin-bottom: 1.6em;
	display: block;
	background: #fff;
	background: url('images/stripes.png') repeat top left, #fff;
}

.categories .img {
	width: 100%;
	height: 140px;
	overflow: hidden;	
}

.categories img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.categories h2 {
	color: #3696ca;
}

.categories .description {
	max-height: 6.4em;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 1.6em;
}

.categories p {
	text-align: left;
	margin-top: 0;
	margin-left: 15px;
	margin-right: 15px;
}

.article {
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
	display: inline-block;
	padding: 0 15px;
}

.content-top {
	padding-top: 300px;
	position: relative;
	z-index: 99;
	overflow-x: hidden;
}

#booking {	
	height: 200px;
	/*padding-left: 180px;*/
	text-align: right;
}

#booking .background {
	background: #25678b;
	background: rgba(37, 103, 139, 0.9);
	background: url('images/booking.png') no-repeat left top;
	position: absolute;
	left: -121px;
	top: 0;
	width: 139%;
	height: 100%;
	z-index: -1;
}

.slider-thumbs {	
	height: 200px;
	overflow: hidden;
}
.slider-thumbs .background {
	background: url('images/slider-thumbs.png') no-repeat right bottom;
	position: absolute;
	bottom: 0;
	right: 54px;
	height: 50px;
	width: 100%;
}

#booking h2 {
	font-variant: small-caps;
	color: #fff;
}

#book.button {
	position: absolute;
	bottom: 0.8em;
	right: 0;
}

.button {
	color: #9b9b9b;
	border-radius: 5px;	
	padding: 0.4em 10px;
	margin: 0.8em 15px;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 2px solid rgba(255, 255, 255, 0.4);
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 50%, #eaeaea 51%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#efefef), color-stop(51%,#eaeaea), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 50%,#eaeaea 51%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 50%,#eaeaea 51%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 50%,#eaeaea 51%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 50%,#eaeaea 51%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	-webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.12);        
        box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.12);
}

.button.orange {
	color: #fff;
	background: #b35b3a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzNWIzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2E4NTAyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzllNDUyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjNhMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b35b3a 0%, #a8502f 49%, #9e4524 50%, #923a19 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b35b3a), color-stop(49%,#a8502f), color-stop(50%,#9e4524), color-stop(100%,#923a19));
	background: -webkit-linear-gradient(top,  #b35b3a 0%,#a8502f 49%,#9e4524 50%,#923a19 100%);
	background: -o-linear-gradient(top,  #b35b3a 0%,#a8502f 49%,#9e4524 50%,#923a19 100%);
	background: -ms-linear-gradient(top,  #b35b3a 0%,#a8502f 49%,#9e4524 50%,#923a19 100%);
	background: linear-gradient(to bottom,  #b35b3a 0%,#a8502f 49%,#9e4524 50%,#923a19 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35b3a', endColorstr='#923a19',GradientType=0 );
}

.button.orange:hover {
	background: #923a19;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyM2ExOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzllNDUyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2E4NTAyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMzViM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #923a19 0%, #9e4524 50%, #a8502f 51%, #b35b3a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#923a19), color-stop(50%,#9e4524), color-stop(51%,#a8502f), color-stop(100%,#b35b3a));
	background: -webkit-linear-gradient(top,  #923a19 0%,#9e4524 50%,#a8502f 51%,#b35b3a 100%);
	background: -o-linear-gradient(top,  #923a19 0%,#9e4524 50%,#a8502f 51%,#b35b3a 100%);
	background: -ms-linear-gradient(top,  #923a19 0%,#9e4524 50%,#a8502f 51%,#b35b3a 100%);
	background: linear-gradient(to bottom,  #923a19 0%,#9e4524 50%,#a8502f 51%,#b35b3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#923a19', endColorstr='#b35b3a',GradientType=0 );
}

/* Links ---------------------- */
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }

a:hover { color: #2795b6; }

a:focus { color: #2ba6cb; outline: none; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; }
.white, .white a { color: #fff; }
.inline { display: inline-block; }
.italic { font-style: italic; }
.bold { font-weight: 700; }

/* ====== media object ====== */
.media {}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 15px;}
.media .img img{display:block;}
.media .imgRigt{float:right; margin-left: 15px;}

/* Usage: 
<div class="media attribution">
	<a href="#" class="img">
		<img src="" alt="me" />
	</a>
	<div class="bd">
		text
	</div>
</div>
*/

.nav {
	list-style: none;
	margin-left: 0;
	text-align: right;
	margin: 3.2em  0 1.6em; 
	font-size: 1em; 
	line-height: 1.6em;
}

	.nav li {
		display: inline;
		padding-left: 30px;
		position: relative;
	}
	.nav li:after {
		content: "";
		background: url(images/nav-div.png) no-repeat center center;
		position: absolute;
		top: -3.2em;
		left: 100%;
		margin-left: -5px;
		width: 60px;
		height: 100px;
	}
		.nav li:first-child {
			padding-left: 0;
		}
		.nav li:last-child:after {
			background: none;
		}
		.nav a {
			display: inline-block;			
		}

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
hr { border-top: 1px solid rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.06); border-left: none; border-right: none; clear: both; margin: 0; height: 0; }

.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 16px; }

/* Lists ---------------------- */
ul, ol { margin-bottom: 1.6em; list-style-position: inside; }

ul li ul, ul li ol { margin-left: 20px; }
ul.square, ul.circle, ul.disc { margin-left: 16px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }

ol li ul, ol li ol { margin-left: 20px; }

form {
	margin: 1.6em 0 0.8em;
}

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 1000px;
	margin: 0 auto 0;	
}
.ei-slider-bg {
	background: url('images/slider-gradient-bg.png') repeat-x left bottom;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 400px;
	z-index: 2;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:absolute;
	overflow: hidden;
	margin-bottom: 0;
	z-index: 0;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	left: 50%;
	margin-left: -25%;
	top: 10%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
	padding: 0 15px;
}
.ei-title h2{
	font-size: 2.4em;
	line-height: 1.6;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #fff;		
	text-shadow: 1px 1px 0px #000;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66444444', endColorstr='#66222222',GradientType=0 );
}
.ei-title h3{
	font-size: 4em;
	line-height: 1;
	margin: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
	text-shadow: 1px 1px 0px #fff;
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66e5e5e5', endColorstr='#66cccccc',GradientType=0 );

}

.ei-slider-thumbs{	
	margin: 0;
	position: absolute;	
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	
	padding: 16px;
	height: 48px;
	
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 16px;
	width: 16px;
	background: #fff;
	border-radius: 16px;
	margin: 0 4px 0 0;
	
}
.ei-slider-thumbs li.ei-slider-element{
	top: 16px;
	left: 16px;
	position: absolute;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 16px;   
    border-radius: 16px;
	margin: 2px;
	z-index: 10;
	text-indent: -9000px;
	background: #0071b8;	
	background: rgb(90,155,196);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWE5YmM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA5NjA5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(90,155,196,1) 0%, rgba(9,96,150,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(90,155,196,1)), color-stop(100%,rgba(9,96,150,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(90,155,196,1) 0%,rgba(9,96,150,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(90,155,196,1) 0%,rgba(9,96,150,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(90,155,196,1) 0%,rgba(9,96,150,1) 100%);
	background: linear-gradient(135deg,  rgba(90,155,196,1) 0%,rgba(9,96,150,1) 100%);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;	
	width: 100%;
	height: 100%;
	cursor: pointer;	
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;	
}

.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.lt-ie9 .ei-slider-thumbs li img {
	bottom: 13px !important;
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* Blockquotes ---------------------- */
blockquote, blockquote p { color: #6f6f6f; }
blockquote { margin: 0 0 16px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 11px; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }

.lt-ie9 form.custom .custom.dropdown a.selector { height: 30px; }

/* The Grid ---------------------- */
.row { width: 960px; max-width: 100%; min-width: 768px; margin: 0 auto 1.6em; position: relative; z-index: 3; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.collapse .column, .collapse .columns {  }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }

.one { width: 8.33333%; }
.two { width: 16.66667%; }
.three { width: 25%; }
.four { width: 33.33333%; }
.five { width: 41.66667%; }
.six { width: 50%; }
.seven { width: 58.33333%; }
.eight { width: 66.66667%; }
.nine { width: 75%; }
.ten { width: 83.33333%; }
.eleven { width: 91.66667%; }
.twelve { width: 100%; }

/* fixed columns */
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { float: left; position: relative; min-height: 1px; padding: 0 15px; }

.c-1 { width: 8.33333%; }
.c-2 { width: 16.66667%; }
.c-3 { width: 25%; }
.c-4 { width: 33.33333%; }
.c-5 { width: 41.66667%; }
.c-6 { width: 50%; }
.c-7 { width: 58.33333%; }
.c-8 { width: 66.66667%; }
.c-9 { width: 75%; }
.c-10 { width: 83.33333%; }
.c-11 { width: 91.66667%; }
.c-12 { width: 100%; }
/* fixed columns end */

.offset-by-one { margin-left: 8.33333%; }
.offset-by-two { margin-left: 16.66667%; }
.offset-by-three { margin-left: 25%; }
.offset-by-four { margin-left: 33.33333%; }
.offset-by-five { margin-left: 41.66667%; }
.offset-by-six { margin-left: 50%; }
.offset-by-seven { margin-left: 58.33333%; }
.offset-by-eight { margin-left: 66.66667%; }
.offset-by-nine { margin-left: 75%; }
.offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }
.pull-two { right: 16.66667%; }

.push-three { left: 25%; }
.pull-three { right: 25%; }

.push-four { left: 33.33333%; }
.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }
.pull-five { right: 41.66667%; }

.push-six { left: 50%; }
.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }
.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }
.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }
.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }
.pull-ten { right: 83.33333%; }


img, object, embed { height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 768px) { 
	header h1, header .h2 {
		margin: 0;
	}
	.nav {
		margin: 1.6em 15px 1.6em 0;
	}
	#booking {
		padding-left: 30px;
	}
	#booking .background {
		width: 150%;
	}
	.container {
		padding: 0;
	}
	header .four {
		width: 25%;
	}
	header .eight {
		width: 75%;
	}
	.categories h2 {
		/*margin-top: 0;*/
	}
}

@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }  
}

@media only screen and (max-width: 480px) {
	html > body {
		font-size: 14px;
	}
	header {
		position: absolute;
		overflow: hidden;
	}
	.nav {
		text-align: center;
		margin: 1.6em 0;
		padding: 0;
	}
		.nav li {
			padding: 0 5px;
		}
		.nav li:after {
			background: none;
		}
			.nav a {
				margin: 0.4em 0 0;
			}
	.ei-title {
		left: 0;
		margin: 0 5px;
		top: 20%;
	}
}
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.one-up { margin: 0; }
.one-up > li { width: 100%; padding: 0 0 15px; }
.two-up { margin: 0 -15px; }
.two-up > li { width: 50%; padding: 0 15px 15px; }
.two-up > li:nth-child(2n+1) { clear: both; }
.three-up { margin: 0 -12px; }
.three-up > li { width: 33.33%; padding: 0 12px 12px; }
.three-up > li:nth-child(3n+1) { clear: both; }
.four-up { margin: 0 -10px; }
.four-up > li { width: 25%; padding: 0 10px 10px; }
.four-up > li:nth-child(4n+1) { clear: both; }
.five-up { margin: 0 -8px; }
.five-up > li { width: 20%; padding: 0 8px 8px; }
.five-up > li:nth-child(5n+1) { clear: both; }

iframe{
	width: 270px;
	height: 50px;
	margin-top: -50px;
}

.houseframe {
width: 100%;
border: none;
height: 120px;
margin-top: -30px;
padding: 0 15px 0 15px;
}