@charset "utf-8";
body  { font: 1em Arial, Helvetica, sans-serif; color: #333; line-height: 140%; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* centers container in IE5*. The text is set to the left aligned default in the #container selector */ background: #54c5e8; } /*JN orig background blu 7bd0ea*/


a:link {color:#182ea4; text-decoration: none}
a:visited {color:#182ea4; text-decoration: none}
a:hover {color:#182ea4; text-decoration: underline}

a.linkcream:link { color:#F0FFE1; text-decoration: none }
a.linkcream:visited { color:#F0FFE1; text-decoration: none } /*facf38*/
a.linkcream:hover { color:#F0FFE1; text-decoration: none }

.tofinocabins #keywords { margin: 0 auto; font-size: 10px; color: #FFF; text-align: center; }

h1 { padding-bottom: 8px; line-height: normal; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; padding-top: 0px; color: #360; font-weight: normal; }
h1 a {color: #6696ba !important; text-decoration: none}
h1 ahover {color: #003399; text-decoration: none}

h2 { padding-bottom: 6px; line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #360; clear: none; font-size: 1.2em; font-weight: normal; }
h2 a { color: #5c3112 !important; text-decoration: none }
h2 a:visited { color: #7d3602 !important; text-decoration: none } /*olad colour 960*/

h3 { line-height: normal; margin: 2px auto; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #360; clear: none; font-size: 1.3em; font-weight: normal; }

h4 { line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #333; clear: none; font-size: 1.3em; font-weight: normal; }

h5 { line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family:  Arial, san-serif; color: #5c3112; clear: none; font-size: 0.96em; font-weight: normal; }

h6 { line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #5c3112; clear: none; font-size: 1.1em; font-weight: normal; }

.tofinocabins #containerphoto { width: 980px; height: 400px; margin: 0px auto 10px auto; overflow: hidden; z-index: 9999; border: solid #184692 10px; }

.tofinocabins #container { width: 980px; /* the auto margins (in conjunction with a width) center the page */ /* I left auto out and the container didn't center in Dreamweaver page. 
   Did in IE but not Dreamweaver and made designing difficult.  */ text-align: center; overflow: hidden; margin: 1em auto; }

.tofinocabins #content { width: 750px; float: left; }



.tofinocabins #links { width: 200px; float: right; font-size: 0.9em; margin: 1.8em 0 0 0; }

.tofinocabins #links h2 { padding-bottom: 6px; line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #360; clear: none; font-size: 1.26em; font-weight: normal; }

.tofinocabins #links h2 a { color: #03C !important; text-decoration: none }
.tofinocabins #links h2 a:visited { color: #360 !important; text-decoration: none } 

/*JN content block menus*/

.tofinocabins #content .blockmenu{ float:left; margin: 2px 18px 30px 0px; width: 349px; font-size: 0.9em; text-align: left; }

.tofinocabins #content .blockmenuR{ float:right; margin: 2px 6px 30px 0px; width: 349px; font-size: 0.9em; text-align: left; }



a.overlayphoto{
	text-decoration:none;
	position:relative;
	display:block;
	/*border:1px solid #666; */
	padding:0px;  /*change from 3px*/
	margin-right:0px;  /*change from 5px*/
	float:inherit;
	height: 453;
	padding-bottom: 1px;
} 
 
a.overlayphoto span.waves{
	visibility:visible;  /*jn changed from hidden to visible, original only visible on hover*/
	position:absolute;
}


.tofinocabins #contentphotogallery {
	/*background-image: url(unjimages/imagestextures/texturebluocean.jpg);*/
	background-color: #fefed2;
	padding-bottom: 40px;
	text-align:center;
}

.tofinocabins #photogalleryshow {
	background-color: #fefed2;
	width: 920px;
	text-align: center;
}


.tofinocabins #textlinkstop {
	/*background-color: #277fdf;*/
	color: #277fdf;
	text-align: center;
	font-size: 90%;
	line-height: 240%;
	/*border-top: solid #fefed2 2px;
	border-bottom: solid #fefed2 2px;*/
}


.tofinocabins #textlinks {
	background-color: #277fdf;
	color: #CCCCCC;
	text-align: center;
	font-size: 90%;
	line-height: 300%;
	border-top: solid #fefed2 2px;
	border-bottom: solid #fefed2 2px;
}

/*JN footer*/

.tofinocabins #footer  { width: 100%; margin: 0px auto; text-align: center; overflow: hidden; background-image: url(https://www.pacificcoastretreats.com/unjimages/imagesdesignelements/footerbeachtofino.jpg); background-color: #c18b41; background-repeat: repeat-x; color: #583D21; }
.tofinocabins #footer .homelink { font-size: 1.3em; padding: 80px 6px 0 0; color: #583D21; line-height: 1.6; font-weight: normal; float: left; }

.tofinocabins #footercontent { width: 980px; margin: 0px auto 6px auto; margin-top: 6em; color: #FFF; text-align: left; }

.tofinocabins #footercontent h2 { font-size: 1.3em; padding: 4px 0; color: #583D21; line-height: 1.6; font-weight: normal; }

.tofinocabins #footercontent h3 { font-size: 1.12em; padding: 4px 0; color: #583D21; line-height: 1.16; font-weight: normal; }

.tofinocabins #footercontent h2 a, h3 a { color: #03C !important; text-decoration: none }
.tofinocabins #footercontent h2 a:visited, h3 a:visited { color: #7d3602 !important; text-decoration: none } 

.tofinocabins #footercontent .ftbold { color: #03C; font-size: 1.3em; font-weight: normal; border-bottom: dotted #CCC 2px; line-height: 2; }
.tofinocabins #footercontent .ftbold a { color: #03C !important; text-decoration: none }
.tofinocabins #footercontent .ftbold a:visited { color: #7d3602 !important; text-decoration: none } 

/*JN footer block menus*/

.tofinocabins #footer .blockmenu{ float: left; margin: 2px 6px 30px 6px; padding: 6px 0px 6px 4px; width: 220px; font-size: 0.9em; }

.tofinocabins #footer .blockmenudbl{ float: left; margin: 2px 6px 60px 60px; padding: 6px 0px 6px 4px; width: 400px; font-size: 0.9em; }

.tofinocabins #footer .blockmenuend{
	float:left;
	margin: 2px 2px 2px 2px;
	padding: 6px 0px 6px 6px;
	width: 180px;
}

.tofinocabins #credits { font-size: 0.9em; color: #583D21; background-color: #c18b41; text-align: center; padding: 2em 0; }


/* Image Styles*/
.tofinocabins #imgtofino {border: solid #41870d 4px; overflow: hidden;}

/*Table Styles*/
table#tblbdrgrn{ border: 2px solid #41870d; background-color: #FFD; border-spacing: 10px; }

td#tdunder{ border-bottom: 1px solid #666; }
	
td#tdcenter{text-align: center;}	



/*Text and table Styles*/

.tdunderover { border-top: solid #666 1px; border-bottom: solid #666 1px; }



.HeadingBold { font-size: 1.14em; }

.HeadingBoldBig { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.14em; }

.textform { font-size: 1em; }

.text { font-family: Arial, Helvetica, sans-serif; }

.textsp { font-family: Arial, Helvetica, sans-serif; line-height: 2.0em; }

.textsmsp { font-family: Arial, Helvetica, sans-serif; line-height: 2em; font-size: .9em; }

.textbrownbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #74502C;
}

.textbrownsmall { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #0000FF; }
.textsmall { font-family: Arial, Helvetica, sans-serif; font-size: .9em; }

.textsmallwhite { font-size: 90%; color: #F0FFE1; }

.linespacing {
	line-height: 180%;
}
.textblu {
	font-family: Arial, Helvetica, sans-serif;
	color: #0089ce;
}


.HeadingBold90 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
.HeadingBoldBlu {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0089ce; }

/*JN images*/
.img-float { padding: 2px; border: solid #FFF 1px; }
.img-floatblk { padding: 2px; border: solid #333 1px; }
.img-floatLspR { padding: 2px; border: solid #FFF 1px; float: left; margin: 0 15px 0 0; }
.img-padtop { padding-top: 6em; float: left; }
.yellhighlight { font-size: 1.3em; background: #FF6; text-align: center; }
.tofinocabins .tdblu { background: #54c5e8; }