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

body {
	color: #136674;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	background-image: url(../images/bkgrnd.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 10% bottom;
	margin: 0px;
	padding: 0px 0px 140px;
}
*,
*:after,
*:before {
	-moz-osx-font-smoothing: grayscale; /* firefox font smoothing css */
}

@font-face {
    font-family: 'montezregular';
    src: url('../_fonts/montez-regular-webfont.eot');
    src: url('../_fonts/montez-regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('../_fonts/montez-regular-webfont.woff2') format('woff2'),
			url('../_fonts/montez-regular-webfont.woff') format('woff'),
			url('../_fonts/montez-regular-webfont.ttf') format('truetype'),
			url('../_fonts/montez-regular-webfont.svg#montezregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'script';
    src: url('../_fonts/Tangerine_Regular-webfont.eot');
    src: url('../_fonts/Tangerine_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Tangerine_Regular-webfont.woff2') format('woff2'),
         url('../_fonts/Tangerine_Regular-webfont.woff') format('woff'),
         url('../_fonts/Tangerine_Regular-webfont.ttf') format('truetype'),
         url('../_fonts/Tangerine_Regular-webfont.svg#tangerineregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'script';
    src: url('../_fonts/Tangerine_Bold-webfont.eot');
    src: url('../_fonts/Tangerine_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Tangerine_Bold-webfont.woff2') format('woff2'),
         url('../_fonts/Tangerine_Bold-webfont.woff') format('woff'),
         url('../_fonts/Tangerine_Bold-webfont.ttf') format('truetype'),
         url('../_fonts/Tangerine_Bold-webfont.svg#tangerinebold') format('svg');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'goudy';
    src: url('../_fonts/GoudyBol-webfont.eot');
    src: url('../_fonts/GoudyBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/GoudyBol-webfont.woff2') format('woff2'),
         url('../_fonts/GoudyBol-webfont.woff') format('woff'),
         url('../_fonts/GoudyBol-webfont.ttf') format('truetype'),
         url('../_fonts/GoudyBol-webfont.svg#goudyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'goudy';
    src: url('../_fonts/GoudyBolIta-webfont.eot');
    src: url('../_fonts/GoudyBolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/GoudyBolIta-webfont.woff2') format('woff2'),
         url('../_fonts/GoudyBolIta-webfont.woff') format('woff'),
         url('../_fonts/GoudyBolIta-webfont.ttf') format('truetype'),
         url('../_fonts/GoudyBolIta-webfont.svg#goudyregular') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'goudy';
    src: url('../_fonts/GoudyExtBol-webfont.eot');
    src: url('../_fonts/GoudyExtBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/GoudyExtBol-webfont.woff2') format('woff2'),
         url('../_fonts/GoudyExtBol-webfont.woff') format('woff'),
         url('../_fonts/GoudyExtBol-webfont.ttf') format('truetype'),
         url('../_fonts/GoudyExtBol-webfont.svg#goudyregular') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'bodytext';
    src: url('../_fonts/Overlock-Regular-webfont.eot');
    src: url('../_fonts/Overlock-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Overlock-Regular-webfont.woff2') format('woff2'),
         url('../_fonts/Overlock-Regular-webfont.woff') format('woff'),
         url('../_fonts/Overlock-Regular-webfont.ttf') format('truetype'),
         url('../_fonts/Overlock-Regular-webfont.svg#overlockregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bodytext';
    src: url('../_fonts/Overlock-Italic-webfont.eot');
    src: url('../_fonts/Overlock-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Overlock-Italic-webfont.woff2') format('woff2'),
         url('../_fonts/Overlock-Italic-webfont.woff') format('woff'),
         url('../_fonts/Overlock-Italic-webfont.ttf') format('truetype'),
         url('../_fonts/Overlock-Italic-webfont.svg#overlockitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'bodytext';
    src: url('../_fonts/Overlock-Black-webfont.eot');
    src: url('../_fonts/Overlock-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Overlock-Black-webfont.woff2') format('woff2'),
         url('../_fonts/Overlock-Black-webfont.woff') format('woff'),
         url('../_fonts/Overlock-Black-webfont.ttf') format('truetype'),
         url('../_fonts/Overlock-Black-webfont.svg#overlockblack') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'bodytext';
    src: url('../_fonts/Overlock-BlackItalic-webfont.eot');
    src: url('../_fonts/Overlock-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Overlock-BlackItalic-webfont.woff2') format('woff2'),
         url('../_fonts/Overlock-BlackItalic-webfont.woff') format('woff'),
         url('../_fonts/Overlock-BlackItalic-webfont.ttf') format('truetype'),
         url('../_fonts/Overlock-BlackItalic-webfont.svg#overlockblack_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}


.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

main {
	padding: 0em 0em 0px;
	margin: 0px auto 1em;
	position: relative;
	width: 920px;
	background-color: rgba(255,255,255, .60);
}

p {
	margin: 0px auto;
	font-size: 1.5em;
	font-family: bodytext;
	color: rgba(13,50,60,1.00);
	text-align: center;
	padding: 0px 0px 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 28px;
	width: 700px;
}


.contactInfo a {
	text-decoration: none;
	color: rgba(250,78,2,1.00);
	font-size: 1.5em;
	font-weight: bold;
}
.contactInfo a:hover {
	color: rgba(2,173,205,1.00);
}
.heavy  {
	color: rgba(250,78,2,1.00);
	font-weight: bold;
	font-size: 1.5em;
}
.contactInfo {
	text-decoration: none;
	margin: 0em;
	padding: 0em 0em 43px;
	text-align: center;
	width: 100%;
}

nav {
	text-align: center;
	margin: 0em;
	line-height: 1.75em;
	padding: 6px 0px 5px;
	background-color: rgba(180,203,207,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(189,231,237,0.60) 0%,rgba(69,96,97,0.60) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(189,231,237,0.60) 0%,rgba(69,96,97,0.60) 100%);
	background-image: -o-linear-gradient(270deg,rgba(189,231,237,0.60) 0%,rgba(69,96,97,0.60) 100%);
	background-image: linear-gradient(180deg,rgba(189,231,237,0.60) 0%,rgba(69,96,97,0.60) 100%);
}
nav a {
	padding: 1.6em 2em 1.5em;
	text-decoration: none;
	color: #025B7B;
	text-transform: uppercase;
	margin: 0em;
	font-style: normal;
	font-weight: bold;
	font-size: 1.45em;
	font-family: goudy, serif;
	-moz-transition: color .5s ease;
	-o-transition: color .5s ease;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
	text-shadow: 1px 1px 2px rgba(249,242,242,1.00);
	letter-spacing: normal;
}
nav a:hover {
	color: #FA4E02;
}
.current  {
	cursor: default;
	color: #FA4E02;
}
.thumbnails {
	margin: 0px;
	padding: 21px 0px 0px;
}

.stone, .seawall   {
	width: 320px;
	margin: 0px auto;
	padding: 0em;
	background-repeat: no-repeat;
	opacity: 1;
	float: none;
	font-size: medium;
	height: 240px;
	border: 4px solid rgba(7,127,137,1.00);
	border-radius: 35px;
	-webkit-box-shadow: 6px 6px 6px rgba(160,160,161,0.57);
	box-shadow: 6px 6px 6px rgba(160,160,161,0.57);
}
.seawall h4 {
	color: rgba(254,228,140,1.00);
}
.stone {
	background-image: url(../images/hpstone.jpg);
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	float: left;
	padding-top: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 110px;
	}

.seawall {
	background-image: url(../images/hpseawall.jpg);
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 110px;
	padding: 0px;
	}
	
	.seawall h3 {
	color: rgba(253,202,30,1.00);
	margin-left: auto;
	margin-right: auto;
	text-shadow: 0px 0px 6px rgba(55,53,53,1.00);
	}

.stone:hover, .seawall:hover {
	opacity: 0.5;
}

h1 {
	font-size: 3.75em;
	color: #FA4E02;
	padding: 15px 0px 0px;
	margin-bottom: 0px;
	text-align: center;
	font-family: goudy, serif;
	margin-top: 0px;
	text-shadow: 2px 2px 3px rgba(6,150,177,1.00);
	font-style: italic;
	font-weight: bold;
	word-spacing: -2px;
}

h2  {
	margin: 0px;
	color: #FA4E02;
	font-size: 2.2em;
	line-height: normal;
	padding: 0em 0em 0em 1.85em;
	font-weight: bold;
	font-style: normal;
}

h3 {
	margin: 0em;
	font-size: 1em;
	font-family: bodytext;
	font-style: normal;
	font-weight: bold;
	padding: 6px 0px 0px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
}


h4   {
	margin: 0em;
	font-size: 1em;
	font-family: bodytext;
	font-style: normal;
	font-weight: bold;
	padding: 0px 0px 13px;
	text-align: center;
	text-transform: uppercase;
	color: rgba(41,42,42,1.00);
}

h5   {
	font-family: montezregular, cursive;
	font-style: normal;
	font-weight: normal;
	color: #056B81;
	font-size: 3em;
	padding: 15px 0px 3px;
	margin: 8px auto 0px;
	text-align: center;
	text-shadow: 2px 2px 6px rgba(250,78,2,0.58);
}

.slides {
	margin: 0px auto 0em;
	width: 640px;
	height: auto;
	background-repeat: no-repeat;
	padding: 0px 0px 24px;
}

p.credit {
	font-size: 1em;
	font-style: italic;
	text-align: left;
	padding: 6px 0px 0px;
	margin: 0px;
}

aside {
	text-align: center;
	width: 920px;
	background-image: -webkit-linear-gradient(270deg,rgba(209,223,224,0.60) 0%,rgba(113,124,125,0.60) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(209,223,224,0.60) 0%,rgba(113,124,125,0.60) 100%);
	background-image: -o-linear-gradient(270deg,rgba(209,223,224,0.60) 0%,rgba(113,124,125,0.60) 100%);
	background-image: linear-gradient(180deg,rgba(209,223,224,0.60) 0%,rgba(113,124,125,0.60) 100%);
	margin: 0px;
	padding: 16px 0px;
}
aside h3 {
	font-size: 2em;
	padding: 0em 0em 0.5em;
	margin: 0em;
	color: rgba(2,79,131,1.00);
	text-align: center;
	text-transform: none;
	font-family: goudy, serif;
	font-style: italic;
	font-weight: normal;
	text-shadow: 0px 0px 9px rgba(250,78,2,0.50);
}
aside p{
	line-height: 1.25em;
	margin: 0px auto;
	font-size: 1.1em;
	padding: 0px 0px 9px;
	font-family: bodytext;
	font-weight: normal;
	color: rgba(0,0,0,1.00);
}
aside a   {
	color: #FA4E02;
	font-weight: bold;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-left: 0em;
	text-decoration: none;
	font-size: 1.35em;
	font-family: bodytext;
}
aside a:hover {
	color: #03929E;
	padding-bottom: 0px;
	font-size: 1.35em;
}

footer {
	width: 100%;
	padding: 0em;
	margin: 0px auto;
	text-align: center;
	line-height: 4.75em;
	height: auto;
	background-color: #025B7B;
}
footer div {
	display: inline;
	padding: 0em 1em;
	font-family: 'Oxygen', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #D5E2DD;
	margin: 0em 3em;
	font-size: 1.1em;
	height: auto;
	line-height: 2em;
}
header div {
	text-align: center;
	font-family: goudy, serif;
	font-size: 1.65em;
	line-height: 33px;
	color: #034349;
	margin: 0px;
	padding: 5px 0px 0px;
	font-weight: bold;
	word-spacing: -7px;
	letter-spacing: -0.5px;
}
p.cottageInfo {
	color: #540709;
	font-weight: normal;
}
.amenities ul li {
	display: inline;
	font-family: bodytext;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 32px;
}
.amenities ul {
	text-align: center;
	padding: 0px 63px 23px 54px;
	margin: 0px;
}
.amenities li {
	margin: 0px;
	padding: 0px 10px;
}
.amenities li span {
	color: rgba(135,34,36,0.95);
}
header {
	background-image: -webkit-linear-gradient(270deg,rgba(16,134,153,0.30) 0%,rgba(159,242,246,0.30) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(16,134,153,0.30) 0%,rgba(159,242,246,0.30) 100%);
	background-image: -o-linear-gradient(270deg,rgba(16,134,153,0.30) 0%,rgba(159,242,246,0.30) 100%);
	background-image: linear-gradient(180deg,rgba(16,134,153,0.30) 0%,rgba(159,242,246,0.30) 100%);
	margin: 0px;
	padding: 0px 0px 11px;
}
p.small {
	color: #04434D;
	font-size: 19px;
	line-height: 21px;
	font-weight: normal;
	font-style: italic;
}