/* -----------------------------------------
   Header, Logo
----------------------------------------- */

#loading { position: absolute; top: 0; width:100%; height:100%; background: #fff; z-index: 10000; display: block !important; }

#loading img { position: fixed; top: 50%; left: 50%; margin: -25px 0 0 -25px; }

header {
	width:100%;
	position:fixed;
	height:75px;
	background:url(images/Sheet-wc.png) repeat 0 0;
	box-shadow:0 0 7px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 7px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 7px rgba(0,0,0,0.7);
	z-index:99;
}

.logo {
	width:235px;
	height:56px;
	margin-left:60px;
	margin-top:10px;
	border-right:1px solid #bbb;
	float:left;
}

.logo img {
	width:200px;
	height:60px;
	padding-top:0px;
}

.social-media-header {
	width:100px;
	float:right;
	margin-right:50px;
	margin-top:28px;
}

/* -----------------------------------------
   Navigation
----------------------------------------- */

.main-menu {
	margin-left:50px;
	float:left;
    font-family: 'oswaldlight';
	font-size:18px;
	color:#333;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	background: none; 
	list-style: none;
	position: relative;
	display: inline-table;
}

nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
}

nav ul li:hover {
	background: none;
}

.main-menu nav ul li:hover a {
	color: #444;
	background: url(images/menu.png) no-repeat center 0;
	transition: color 045s ease-in-out;
	-moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-in-out; /* Opera */
}
	
nav ul li a {
	display: block;
	padding: 26px 17px 25px 17px;
	color:#cc0000;
	text-decoration: none;
	transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-in-out; /* Opera */
}

nav ul li a.first {
	display: block;
	padding: 26px 17px 25px 17px;
	text-decoration: none;
	transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-in-out; /* Opera */
}

nav ul li a.first:hover {
	color: #cc0000;
	transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-in-out; /* Opera */
}

nav ul ul {
	background: none;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
}

nav ul ul li {
	background:#292727;
	float: none;
	border-bottom: 1px solid #575f6a;
	position: relative;
}

nav ul ul li a {
	background:#292727;
	padding: 15px 40px;
	color: #6f6b6b !important;
	transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-in-out; /* Opera */
}	

nav ul ul li a:hover {
	background:#292727;
	color: #cc0000 !important;
	transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: color 0.4s ease-in-out; /* Opera */
}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

.navigation { width:60px; height:156px; position:absolute; right:30px; top:430px; }

/* -----------------------------------------
   Homepage Sections
----------------------------------------- */

.section1 {
    margin:0px;
    height:1100px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;

}

#morebut { width: 140px;background:url(images/Sheet-wc.png) repeat 0 0; margin:8px auto 0 auto;  font-family: 'avantgarde_md_btmedium'; color:#cc0000; text-transform:uppercase; text-shadow:none; font-size:20px; padding-top:6px;}

/* -----------------------------------------
   Patterns
----------------------------------------- */

.pattern1 {
	width:100%;
	height:1140px;
	z-index:-1;
	background:url(img/pattern1.png) repeat;
}

.curvedl {
	font-family: 'CarringtonRegular';
	font-size:35px;
	color:#FFF;
	text-shadow:0px 0px 0px #f0f0f0;
	}

/* -----------------------------------------
   About Slider
----------------------------------------- */
#wrap22, #wrap23, #wrap24, #wrap25, #wrap26 {			
			width:100%;
			margin:0 auto;
		}

#header{
	margin:20px 0;
}
		
#content, #content2, #content3, #content4, #content5 {	
	max-width: 1200px;	
	overflow:hidden;		
}

.contentbox-wrapper {			
	position:relative; 
	left:0; 
	width:5000px; 
	height:100%;
}

.contentbox-wrapper-about{			
	position:relative; 
	left:0; 
	width:5000px; 
	height:100%;
}

.contentbox-wrapper-dine{			
	position:relative; 
	left:0; 
	width:5000px; 
	height:100%;
}

.contentbox-wrapper-gallery{			
	position:relative; 
	left:0; 
	width:5000px; 
	height:100%;
}
		
.contentbox-wrapper-events{			
	position:relative; 
	left:0; 
	width:5000px; 
	height:100%;
}

.contentbox{
	width:320px;
	overflow:hidden;
	height:390px; 
	float:left; 
	padding:0px;
	margin-right:100px
}
		
.contentbox2 {
	width: 1200px;
	height: 390px;
	float: left;
	padding: 0px;
}

#nav2, #nav3, #nav4, #nav5 {
	margin-top:20px;
	padding: 5px;
	-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
	font-family: 'oswaldlight';
}

#nav2 ul li, #nav3 ul li, #nav4 ul li, #nav5 ul li{
	display:inline;
	margin-right:10px;
	z-index:	999999999999999999999999999999;
}

#nav2 a, #nav3 a, #nav4 a, #nav5 a {
	font-weight:normal;
	text-decoration:none;
	background: #f1f1f1;
	-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
	padding:5px 8px;
}

#nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover {
	background:#cc0000;
	color: #f1f1f1;
	padding:5px 8px;
	-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
	text-align:center;
}

#nav2 a.active, #nav3 a.active, #nav4 a.active, #nav5 a.active {
}

/* -----------------------------------------
   Map  Section
----------------------------------------- */

.sectionmap {
	background:#FFF url(images/pattern-2.png) repeat;
    margin:0px;
    height:700px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	position:relative;
}
.quote5-pattern {
	width:100%;
	height:500px;
	margin:0 auto;
	background:url(images/contact/pattern.png);
}

#mapcol {
		overflow:hidden;
	}
.map-main {
	width:310px;
	height:300px;
	margin-top: 150px;
	float:left;
	margin-right:40px;
	margin-left:40px;
}

.map-main a {
	text-decoration:none;
}

.map-main h1 {
    font-family: 'geosanslightregular';
	text-transform:uppercase;
	font-size:66px;
	line-height:58px;
	color:#000;
	font-weight:normal;
}

.map-main h2 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:34px;
	line-height:34px;
	color:#333;
	font-weight: normal;
	margin-top:25px;
}

.map-main h3 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:18px;
	line-height:22px;
	color:#333;
	font-weight: normal;
	margin-top:7px;
}
		
/* -----------------------------------------
   About Section
----------------------------------------- */

.settle { width:320px; float:left; margin-right:0px; position:relative;}

.settle h2 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:34px;
	line-height:34px;
	color:#333;
	font-weight: normal;
	margin-top:10px;
}

.settle h3 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:18px;
	line-height:22px;
	color:#333;
	font-weight: normal;
	margin-top:7px;
}

.section2 {
	background:#FFF url(images/pattern-2.png) repeat;
    margin:0px;
    height:515px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	padding-top:150px;
	padding-bottom:30px;
	position:relative;
}

.section6 {
	background:#FFF url(images/pattern-dine.png) repeat;
    margin:0px;
    height:515px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	padding-top:150px;
	padding-bottom:30px;
	position:relative;
}

.stay-main {
	width:310px;
	height:200px;
	float:left;
	margin-right:0px;
	margin-left:60px;
}

.stay-main a {
	text-decoration:none;
}

.stay-main h1 {
    font-family: 'geosanslightregular';
	text-transform:uppercase;
	font-size:66px;
	line-height:58px;
	color:#000;
	font-weight:normal;
}

.stay-main h2 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:34px;
	line-height:34px;
	color:#333;
	font-weight: normal;
	margin-top:25px;
}

.stay-main h3 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:18px;
	line-height:22px;
	color:#333;
	font-weight: normal;
	margin-top:7px;
}

p {
	font-family: 'oswaldlight', sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#333;
	line-height:19px;
	padding-top:14px;
}

.divider {
	width:5px;
	border-left:1px solid #999;
	height:385px;
	display:block;
	float:left;
	margin-right:90px;
	margin-left:90px;
}

.divider2 {
	width:1px;
	border-left:0px solid #999;
	height:440px;
	display:block;
	float:left;
}

.content_6{
	margin:0px auto;
	margin-top:0 !mportant;
	height:110px;
	background:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.about-article {
	width:310px;
	height:200px;
	background:#000;
	float:left;
	margin-top:0px;
	margin-left:25px;
	margin-right:25px;
}

.content_6 .about-article:first-child{margin-left:0;}
.content_6 .about-article:last-child{margin-right:0;}

.button {width:300px; text-transform:uppercase; font-family: 'oswaldlight', sans-serif; font-weight:normal; font-size:16px; padding:5px; background:#cc0000; color:#FFF; text-align:center; text-shadow: 0px 0px 0px; margin-top:25px;}
.button2 { text-transform:uppercase; font-family: 'oswaldlight', sans-serif; font-weight:normal; font-size:16px; padding:4px 8px 4px 8px; background:#cc0000; color:#FFF !important; text-align:center; text-shadow: 0px 0px 0px; margin-top:25px; float:right;}
.button2 a { text-decoration:none; color:#fff !important;}
.button2:hover { text-decoration:none; background:#c1c1c1; color:#fff !important;}
.medialink {width:87px; height:31px;  float:right; margin-top:18px;}


/* -----------------------------------------
   Quote 1
----------------------------------------- */

.section3 {
	background:#000 url(images/quote1/bg.jpg) 50% 0 no-repeat fixed;
    margin:40px 0px 0px 0px;
    height:400px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	position:relative;
}

.quote1-pattern {
	width:100%;
	height:500px;
	margin:0 auto;
	background:url(images/quote1/pattern.png);
}

.quote {
	position:absolute;
	width:980px;
	height:60px;
	color:#FFF;
	font-family: 'BebasNeueRegular';
	font-size:55px;
	left:50%;
	margin-left:-490px;
	text-align:center;
	margin-top:255px;
}

.quote2 {
	position:absolute;
	width:980px;
	color:#FFF;
	font-size:65px;
	font-family: 'oswaldlight';
	left:50%;
	margin-left:-490px;
	text-align:left;
	margin-top:80px;
   text-align: center!important;
	text-transform:uppercase;
	text-shadow:none; font-style:italic;
}
	
.quote2 h1 {
	font-weight:normal;
	color:#FFF;
	font-size:65px; 
	text-align:left;
	text-shadow:none;
	font-style:italic;
	margin-bottom: -50px;
	margin-top: -20px;
}
	.quotemap { position:absolute; width:980px;color:#FFF; font-family: 'oswaldlight';
	font-size:50px; left:50%; margin-left:-490px; text-align:center; margin-top:160px; text-transform:uppercase; text-shadow:none;	}	
	.quote3 { position:absolute; width:980px;color:#FFF; font-family: 'LaneUpperRegular';
	font-size:50px; left:50%; margin-left:-490px; text-align:center; margin-top:210px; text-transform:uppercase; text-shadow:none;
	}
	
	.red { color:#F00;}
	.blue { color:#369;}
	
	.quote4 { position:absolute;color:#FFF; font-family: 'LaneUpperRegular';
	right:5%; text-align:right; margin-top:140px; text-transform:uppercase; text-shadow:none; font-size:50px;
	}
	.quote4 p { background:#FFF; padding:25px; margin-bottom:15px; font-size:60px;  }
	
	.quote5 { position:absolute; color:#FFF; font-family: 'oswaldlight', sans-serif;
	font-size:65px; line-height: 90px !important;left:50%; margin-left:-490px; text-align:center; margin-top:150px; text-transform:uppercase; text-shadow:none;
	}
	.quote5 p { padding:25px; margin-bottom:-35px;  line-height: 50px !important;font-size:50px; color:#FFF; font-family: 'LaneUpperRegular', serif;
  }
/* -----------------------------------------
   Contact form
----------------------------------------- */  
  
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
input,
textarea,
.uneditable-input {
  width: 90%;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */

  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

label.error{
	font-size:12px;
	color:#c00;
}	
h4.form_thanks {
    background: #f1f1f1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #c00;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: capitalize;
}
/*-----------------------
	Button
-------------------------*/

.buttonb{width:auto;background:#c00; color: #f1f1f1;border:0px solid #000;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:bold; text-transform:uppercase;line-height:1;margin:0;outline:none;padding:10px 20px 11px;position:relative;text-align:center;text-decoration:none;-webkit-transition:background-color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out; margin-top:20px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}.buttonb:hover{color:#fff;background-color:#5a5858;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.buttonb:active{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset}.buttonb:focus{-webkit-box-shadow:0 0 4px #a97f2b,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;color:#fff}.buttonb.large{font-size:17px;padding:15px 30px 16px}.buttonb.medium{font-size:14px}.buttonb.small{font-size:11px;padding:7px 14px 8px}.buttonb.tiny{font-size:10px;padding:5px 10px 6px}.buttonb.expand{width:100%;text-align:center}.buttonb.primary{background-color:#2ba6cb;border:1px solid #1e728c}.buttonb.primary:hover{background-color:#2284a1}.buttonb.primary:focus{-webkit-box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset}.buttonb.success{background-color:#5da423;border:1px solid #396516}.buttonb.success:hover{background-color:#457a1a}.buttonb.success:focus{-webkit-box-shadow:0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset}.buttonb.alert{background-color:#c60f13;border:1px solid #7f0a0c}.buttonb.alert:hover{background-color:#970b0e}.buttonb.alert:focus{-webkit-box-shadow:0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset}.buttonb.secondary{background-color:#e9e9e9;color:#1d1d1d;border:1px solid #c3c3c3}.buttonb.secondary:hover{background-color:#d0d0d0}.buttonb.secondary:focus{-webkit-box-shadow:0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset}.buttonb.radius{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.buttonb.round{-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px}.buttonb.full-width{width:100%;text-align:center;padding-left:0px !important;padding-right:0px !important}.buttonb.left-align{text-align:left;text-indent:12px}.buttonb.disabled,.buttonb[disabled]{opacity:0.6;cursor:default;background:#2ba6cb;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.buttonb.disabled :hover,.buttonb[disabled] :hover{background:#2ba6cb}.buttonb.disabled.success,.buttonb[disabled].success{background-color:#5da423}.buttonb.disabled.success:hover,.buttonb[disabled].success:hover{background-color:#5da423}.buttonb.disabled.alert,.buttonb[disabled].alert{background-color:#c60f13}.buttonb.disabled.alert:hover,.buttonb[disabled].alert:hover{background-color:#c60f13}.buttonb.disabled.secondary,.buttonb[disabled].secondary{background-color:#e9e9e9}.buttonb.disabled.secondary:hover,.buttonb[disabled].secondary:hover{background-color:#e9e9e9}input[type=submit].buttonb,button.buttonb{-webkit-appearance:none}@-moz-document url-prefix(){button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0}input[type="submit"].tiny.buttonb{padding:3px 10px 4px}input[type="submit"].small.buttonb{padding:5px 14px 6px}input[type="submit"].buttonb,input[type=submit].medium.buttonb{padding:8px 20px 9px}input[type="submit"].large.buttonb{padding:13px 30px 14px}}.buttonb.dropdown{position:relative;padding-right:44px}.buttonb.dropdown.large{padding-right:60px}.buttonb.dropdown.small{padding-right:28px}.buttonb.dropdown.tiny{padding-right:20px}.buttonb.dropdown:after{content:"";display:block;width:0;height:0;border:solid 6px;border-color:#fff transparent transparent transparent;position:absolute;top:50%;right:20px;margin-top:-2px}.buttonb.dropdown.large:after{content:"";display:block;width:0;height:0;border:solid 7px;border-color:#fff transparent transparent transparent;margin-top:-3px;right:30px}.buttonb.dropdown.small:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:#fff transparent transparent transparent;margin-top:-2px;right:14px}.buttonb.dropdown.tiny:after{content:"";display:block;width:0;height:0;border:solid 4px;border-color:#fff transparent transparent transparent;margin-top:-1px;right:10px}.buttonb.dropdown>ul{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:none;position:absolute;left:-1px;background:#fff;background:rgba(255,255,255,0.95);list-style:none;margin:0;padding:0;border:1px solid #ccc;border-top:none;min-width:100%;z-index:40}.buttonb.dropdown>ul li{width:100%;cursor:pointer;padding:0;min-height:18px;line-height:18px;margin:0;white-space:nowrap;list-style:none}.buttonb.dropdown>ul li a{display:block;color:#555;font-size:13px;font-weight:normal;padding:6px 14px;text-align:left}.buttonb.dropdown>ul li:hover{background-color:#e3f4f9;color:#222}.buttonb.dropdown>ul li.divider{min-height:0;padding:0;height:1px;margin:4px 0;background:#ededed}.buttonb.dropdown.up>ul{border-top:1px solid #ccc;border-bottom:none}.buttonb.dropdown ul.no-hover.show-dropdown{display:block !important}.buttonb.dropdown:hover>ul.no-hover{display:none}.buttonb.dropdown.split{padding:0;position:relative}.buttonb.dropdown.split:after{display:none}.buttonb.dropdown.split:hover{background-color:#2ba6cb}.buttonb.dropdown.split.alert:hover{background-color:#c60f13}.buttonb.dropdown.split.success:hover{background-color:#5da423}.buttonb.dropdown.split.secondary:hover{background-color:#e9e9e9}

	/* -----------------------------------------
   Quote 2
----------------------------------------- */

.section5 {
	background:#000 url(images/quote2/bg.jpg) 50% 0 no-repeat fixed;
    margin:0px 0px 0px 0px;
    height:300px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	position:relative;
}

.quote2-pattern {
	width:100%;
	height:500px;
	margin:0 auto;
	background:url(images/quote2/pattern.png);
}

.quote { position:absolute; width:980px; height:60px; color:#FFF; font-family: 'BebasNeueRegular';
	font-size:55px; left:50%; margin-left:-490px; text-align:center; margin-top:255px;}

/* -----------------------------------------
   Quote 3
----------------------------------------- */

.section7 {
	background:#000 url(images/quote3/bg.jpg) 50% 0 no-repeat fixed;
    margin:0px 0px 0px 0px;
    height:400px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	position:relative;
}

/* -----------------------------------------
   Quote 4
----------------------------------------- */

.section9 {
	background:#000 url(images/quote4/bg.jpg) 50% 0 no-repeat fixed;
    margin:0px 0px 0px 0px;
    height:500px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	position:relative;
}

.quote4-pattern {
	width:100%;
	height:500px;
	margin:0 auto;
	background:url(images/quote4/pattern.png);
}
	
	
	/* -----------------------------------------
   Quote 5
----------------------------------------- */

.section10 {
	background:#000 url(images/quote5/bg.jpg) 50% 0 no-repeat fixed;
    margin:0px 0px 0px 0px;
    height:500px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	position:relative;
}

.quote10-pattern {
	width:100%;
	height:500px;
	margin:0 auto;
	background:url(images/quote5/pattern.png);
}


/* -----------------------------------------
   Dine
----------------------------------------- */

.section4 {
	background:#FFF url(images/pattern-4.png) repeat;
    margin:0px;
    height:515px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	padding-top:150px;
	padding-bottom:30px;
	position:relative;
}

/* -----------------------------------------
   Quote4
----------------------------------------- */

.section8 {
	background:#333 url(images/pattern-8.png) repeat;
	color: #f1f1f1 !important;
    margin:0px;
    height:515px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #000;
	padding-top:150px;
	padding-bottom:30px;
	position:relative;
}

.section8 h1,.section8 h2,.section8 h3,.section8 p{
	color: #f1f1f1 !important;
}


.ico { position:absolute; left:50%; margin-left:-48px; top:58px; }

.article2 { width:320px; float:left; margin-right:80px; position:relative; text-align:center;}

.article2 h2 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:34px;
	line-height:34px;
	color:#333;
	font-weight: normal;
	margin-top:10px;
}

.article2 h3 {
    font-family: 'oswaldlight';
	text-transform:uppercase;
	font-size:18px;
	line-height:22px;
	color:#333;
	font-weight: normal;
	margin-top:7px;
}

/* -----------------------------------------
  Portfolio
----------------------------------------- */

.gallery-item { float:left; margin-right:1px; margin-top: 1px; }


/* -----------------------------------------
   Contact
----------------------------------------- */

.section11 {
	background:#000 url(images/contact/bg.jpg) no-repeat;
    margin:0px 0px 0px 0px;
    height:970px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
	position:relative;
}

.quote11-pattern {
	width:100%;
	height:912px;
	margin:0 auto;
	background:url(images/contact/pattern.png);
}

.contactW {
	width:100%;}
	
.contactWrap {
	width:980px;
	height:440px;
	left:50%;
	margin-top:190px;
	margin-left:-490px;
	position:absolute;}
	
.contactTitle {
	width:98%;
	font-family: 'geosanslightregular';
	font-size:50px;
	color:#fff;	
	text-align:center;
    text-shadow:1px 1px 2px #000;
	padding:10px 10px 5px 10px;
	background:#c00;
	}
	
.contactContent {
	float:left;
	background:#FFF;
	width:98%;
	height:440px;
	padding:10px;
}

.contactContent h1 {
	 font-family: 'oswaldlight';
	font-size:31px;
	color:#000;
	text-transform:uppercase;
	font-weight:normal;
}

.contactInfo {
	float:left;
	width:62%;
}

.contactForm {
	float:right;
	width:35%;
}

.arrowdown { width:100px; height:100px; position:absolute; top: -77px; left:50%; margin-left:-50px;}
.arrowback { width:100px; height:68px; position:absolute; bottom: 8px; left:50%; margin-left:-50px;}
.arrowback ul { padding:0px;}
.arrowback li { padding:0px;}

.arrowback nav ul li a {padding:0;}

/*-----------------------
	caption
-------------------------*/
.view {
   width: 290px !important;
   height: 320px !important;
   margin: 2px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 3px #888;
   -moz-box-shadow: 1px 1px 3px #888;
   box-shadow: 1px 1px 3px #888;
   cursor: default;
}
.view .mask,.view .content {
   width: 290px !important;
   height: 320px !important;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff !important;
   text-align: center!important;
    font-family: 'oswaldlight';
   position: relative;
   font-size: 17px !important;
   padding: 10px !important;
   text-shadow: none !important;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 14px  !important;
   position: relative;
   color: #fff;
   padding: 10px !important;
   text-align: center !important;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px !important;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-capt img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-capt .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-capt h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-capt p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-capt:hover img {
   -webkit-transform: scale(1.1,1.2);
   -moz-transform: scale(1.1,1.2);
   -o-transform: scale(1.1,1.2);
   -ms-transform: scale(1.1,1.2);
   transform: scale(1.1,1.2);
}
.view-capt a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-capt:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-capt:hover h2,
.view-capt:hover p,
.view-capt:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-capt:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-capt:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.5);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333 !important;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333 !important;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
								
@media only screen and (min-width: 980px) { 
	.hide-for-small {
		display:block;
	}
	.show-for-small {
		display:none;
	}
}

@media only screen and (max-width: 1920px) { 
	#content, #content2, #content3, #content4, #content5 {
		max-width: 1200px;
		overflow:hidden;
	}
	
	.contentbox{
		margin-right:100px
	}
	
	.divider {
		width:5px;
		border-left:1px solid #999;
		height:385px;
		display:block;
		float:left;
		margin-right:90px;
		margin-left:90px;
	}

}

@media only screen and (max-width: 1680px) { 
	#content, #content2, #content3, #content4, #content5 {
		max-width: 1100px;
		overflow:hidden;
	}
	
	.contentbox{
		margin-right:60px
	}
	
	.divider {
		width:5px;
		border-left:1px solid #999;
		height:385px;
		display:block;
		float:left;
		margin-right:60px;
		margin-left:60px;
	}

}

@media only screen and (max-width: 1440px) { 
	#content, #content2, #content3, #content4, #content5 {
		max-width: 700px;
		overflow:hidden;
	}
	
	.contentbox{
		margin-right:60px
	}
	
	.divider {
		width:5px;
		border-left:1px solid #999;
		height:385px;
		display:block;
		float:left;
		margin-right:60px;
		margin-left:60px;
	}
}

@media only screen and (max-width: 1366px) { 
	#content, #content2, #content3, #content4, #content5 {
		max-width: 700px;
		overflow:hidden;
	}
	
	.contentbox{
		margin-right:60px
	}
	
	.divider {
		width:5px;
		border-left:1px solid #999;
		height:385px;
		display:block;
		float:left;
		margin-right:60px;
		margin-left:60px;
	}
}

@media only screen and (max-width: 1280px) { 
	#content, #content2, #content3, #content4, #content5 {
		max-width: 700px;
		overflow:hidden;
	}
	
	.contentbox{
		margin-right:60px
	}
	
	.divider {
		width:5px;
		border-left:1px solid #999;
		height:385px;
		display:block;
		float:left;
		margin-right:60px;
		margin-left:60px;
	}
}

@media only screen and (max-width: 1220px) { 

	.hide-for-1220 {
		display:none;
	}
	
	#content, #content2, #content3, #content4, #content5 {
		max-width: 350px;
		overflow:hidden;
	}
	
	.contentbox{
		margin-right:60px
	}
	
	.divider {
		width:5px;
		border-left:1px solid #999;
		height:385px;
		display:block;
		float:left;
		margin-right:60px;
		margin-left:60px;
	}
}

@media only screen and (max-width: 980px) { 

	.hide-for-small {
		display:none;
	}
	.contactWrap, .quote, .quote2,.quote2 h1,.quotemap,.quote3,.quote4,.quote5{
	width: 90%;
	margin-left:-50%;
	}
	.stay-main, .map-main{
	width: 270px; 
	margin-left:10px;
	}
	.divider {
		width:3px;
		border-left:1px solid #999;
		height:385px;
		display:block;
		float:left;
		margin-right:30px;
		margin-left:30px;
	}
	
	.show-for-small {
		display:block;
	}
	
	select.responsive-nav  {
		display: block;
		background: rgba(255,255,255,0.9);
		background-image: url(images/responsive-nav-bg.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 300px;
		left:55px;
		position:relative;
		margin-top:22px;
		margin-bottom:20px;
		border: 1px solid #ccc;
		height:30px;
	}
	
	select {
	  -webkit-appearance: button;
	  -webkit-border-radius: 2px;
	  -webkit-padding-end: 20px;
	  -webkit-padding-start: 2px;
	  -webkit-user-select: none;
	  background-position: center right;
	  background-repeat: no-repeat;
	  border: 1px solid #AAA;
	  color: #555;
	  font-size: inherit;
	  margin: 0;
	  overflow: hidden;
	  padding-top: 2px;
	  padding-bottom: 2px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
}
@media only screen and (max-width: 480px) { 

	.stay-main, .map-main{
	width: 97%; 
	margin-left:10px;
    height:auto;
	}
	.contactInfo,.divider, .divider2 {display:none;}
	.content_6{
	margin:0px auto;
	position:relative;
}
select.responsive-nav  {
		display: block;
		background: rgba(255,255,255,0.9);
		background-image: url(images/responsive-nav-bg.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 300px;
		left:3px;
		position:relative;
		margin-top:22px;
		margin-bottom:20px;
		border: 1px solid #ccc;
		height:30px;
	}
#content, #content1, #content2, #content3, #content4, #content5,#content6, #content7,.contactForm{
    height:auto;
    width:100%;
    margin-top: 20px;
	margin-left:10px;
    float:left;
	position:relative;
}
#nav1,#nav2,#nav3,#nav4,#nav5,#nav6{
	position:relative;
	margin-top: -20px;
	margin-bottom: 40px;
    float:left;
}
.section1, .section2,  .section4, .section6, .section8,.section11, .section12, .sectionmap{
    height:auto;
    padding-top: 20px;
    width:100%;
    float:left;
	position:relative;
}
.section3, .section5, .section7, .section9, .section10{
display:none;
}
	#social-bookmarks { display: none; }
}
@media only screen and (max-width: 860px) { 
#inline-1, #inline-2, #inline-3, #inline-4, #inline-5, #inline-6, #inline-7, #inline-8, #inline-9, #inline-10, #inline-11, #inline-12, #inline-13, #inline-14, #inline-15 {width: 92%  !important;max-height:800px !important; } 
.pp_inline img { width: 100% !important; }
}