body {
	margin: 0;
	padding: 0;
	width: 100%;
}

h1 {
	font-family: "Arvo";
	font-weight: normal;
	font-size: 55px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "Arvo";
	font-weight: normal;
	font-size: 40px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
}

h3 {
	font-family: Oswald;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	margin: 5px 0;
	padding: 0;
	z-index: 1;
	position: relative;
}

.center { margin:0 auto; }

.content { margin: 0 auto; width: 960px; }

.clear { clear: both; }

#header {
	width: 100%;
	background: url('../img/header-bg.png');
	height: 80px;
	position: fixed;
	margin-top: 30px;
	z-index: 1000;
}

#nav ul	{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;
}

#nav { width: 500px; float: right; margin-top: 20px; }

#logo a { color: #fff; text-decoration: none; float: left; font-size: 30px; margin-top: 5px; color: #fff; font-family: "Wellfleet"; font-weight: bold;}

#nav li {
	margin-top: 9px;
	float: left;
	padding-left: 21px;
}

#nav li a { color: #fff; opacity:0.6; font-size: 16px; text-decoration: none; font-family: 'Wellfleet'; }

#nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }

#nav  a.hover { color: #fff; opacity:1; }

.quotes {
	font-family: 'Goudy Bookletter 1911', serif;
	font-weight: normal;
	font-size: 25px;
	text-align: left;
	margin: 0px auto;
}

.author_name_white { font-family: "Wellfleet"; margin: 70px 0 0 75px; color: #fff; font-size: 20px; }

.author_name_grey { font-family: "Wellfleet"; margin: 70px 0 0 75px; color: #94a4a4; font-size: 20px; }

.quotes_container { width: 800px; margin: 0 auto; }

#christmas_tree { background: url('../img/christmas-tree.png') no-repeat; width: 48px; height:77px; margin: 0 auto; position: relative; bottom: -35px; }

#divider { background: url('../img/divider.png') no-repeat; width: 300px; height:35px; margin: 0px auto 27px auto; }

#ribbon { background: url('../img/ribbon.png') no-repeat; width: 251px; height: 48px; margin: 0 auto; display: block; position: relative; top: -38px;}

#snowflakes1 { background: url('../img/snowflakes.png') no-repeat; width: 24px; height: 21px; margin: 0 auto; display: block; position: relative; bottom: -54px; left: -102px; }

#snowflakes2 { background: url('../img/snowflakes.png') no-repeat; width: 24px; height: 21px; margin: 0 auto; display: block; position: relative; bottom: -33px; right: -100px; }

#home, #about-us { width: 100%; }

#home {
	background: url('../img/slide1.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 600px;
	margin: 0;
	padding: 200px 0 260px 0;
	background-size: cover;
}

#about-us {
	background: url('../img/wind.jpg') 30% 102% no-repeat;
	color: #333333;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 200px 0;
}

.effects {
	overflow: hidden;
	z-index: -1;
	float: left;
	margin-left: 20px;
}

.effects-wind {
	overflow: visible;
	z-index: -1;
	float: left;
	margin-left: 20px;
}

.effects-wind img{
	position: relative;
	top: 250px;
}

.effects img {
	width: 120px;
}

#rooms {
	background: url(../img/slide3.jpg) 50% 0 no-repeat fixed;
	color: #000;
	height: 600px;
	padding: 170px 0 0 0;
	background-size: cover;
}

#rooms .quotes_container {
	background: url(../img/transparent.png);
	padding: 10px;
}

#rooms ul li {
	font-size: 1.3em;
}

#rooms button {
	border: 1px solid rgb(161, 143, 249);
	border-radius: 5px;
	background-color: rgb(161, 143, 249);
	height: 30px;
	color: rgb(255, 255, 255);
	font-family: Myriad Pro;
}

#services {
	background-color: #fff;
	color: #333333;
	height: 300px;
	padding: 200px 0;
}

#contact-us {
	background: url(../img/slide5.jpg) 50% 0 no-repeat fixed;
	height: 200px;
	margin: 0 auto;
	padding: 200px 0 250px 0;
	color: #fff;
	background-size: cover;
}

#copyright { color: #fff; font-family:"Wellfleet"; font-size: 11px; margin-top: 100px; text-align: center; }

#copyright a { text-decoration: none; color: #fff; }

.grid {
	overflow: hidden;
	text-align: center;
	margin-top: 50px;
}

.grid  img{
	text-align: center;
	width: 120px;
}

.placeholder {
	overflow: hidden;
	width: 120px;
	padding: 5px;
	float: left;
	margin: 5px 0;
}
	
.caption {
	margin-top: 10px;
	text-align: center;
	color: #333;
}

.clear {
	clear: both;
}

.form-holder {
	width: 50%;
	float: left;
	overflow: hidden;
}

.contacts {
	float: left;
	width: 48%;
	clear: right;
	overflow: hidden;
	margin-top: 50px;
}

input.contact.inputbox  {
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px;
	font-family: Myriad Pro;
	color: #069;
	margin: 5px 0;
	width: 356px;
}

textarea.contact.textarea {
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px;
	font-family: Myriad Pro;
	color: #069;
}

input.contact.button {
	border: 1px solid rgb(161, 143, 249);
	border-radius: 5px;
	background-color: rgb(161, 143, 249);
	height: 30px;
	color: rgb(255, 255, 255);
	font-family: Myriad Pro;
}

/* Dialog */

.ui-dialog {
	border: 1px solid #000;
	z-index: 1000;
	background: #000;
}

.ui-dialog-titlebar {
	background: #000;
	overflow: hidden;
	padding: 2px 0 2px 5px;
	color: #fff;
	text-align: center;
	font-family: Myriad Pro;
}

.ui-dialog-titlebar-close {
	float: right;
	background: url(../img/close.png) no-repeat;
	border: 1px solid #000;
	width: 20px;
	height: 20px;
	outline: 0;
	padding-right: 20px;	
}

.ui-dialog-content {
}