@charset "utf-8";
body  {
	font: 84% Tahoma, Verdana, 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: #d0914d;
	background-image: url(unjimages/imagestextures/texturesandy.jpg);
}

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:#FFF; font-weight: bold; text-decoration: none}
a.linkcream:visited {color:#fbed13; font-weight: bold; text-decoration: none} /*fbe813  facf38*/
a.linkcream:hover {color:#FFF; font-weight: bold; text-decoration: none}

a.linkcreamlte:link {color:#EAEAEA; text-decoration: none}
a.linkcreamlte:visited {color:#EAEAEA; text-decoration: none} /*fbe813  facf38*/
a.linkcreamlte:hover {color:#EAEAEA; text-decoration: none}

a.linkfooter:link {
	color:#3D2916;
	text-decoration: none
}
a.linkfooter:visited {
	color:#3D2916;
	text-decoration: none
} /*fbe813  facf38*/
a.linkfooter:hover {
	color:#3D2916;
	text-decoration: none
}


.tofinodreamcottage #topwavebckgrnd {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(unjimages/imagescommon/top3wavessandybckgrnd.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 184px;
}

.tofinodreamcottage #container {
	width: 988px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #a4defc;
	margin: 0 auto; /* 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: left;
	overflow: hidden;
	border-left: solid #fefed2 2px;
	border-right: solid #fefed2 2px;
}

.tofinodreamcottage #header {
	background-image: url(unjimages/imagestofinodcheaders/tofinodreamcottagelogo.png);
	background-color: #fefed2; /*old fdfdba*/
	width: 988px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 84px;
} 


/*.tofinodreamcottage #topphoto {
	background-image: url(unjimages/imagescommon/tofinodctopphoto988.jpg);
	background-color: #fefed2;
	position: relative;
	background-repeat: no-repeat;
	height: 453px;
	margin-left: auto;
	overflow: hidden;
	margin-right: auto
}*/


/* Original
a.overlayphoto{
	text-decoration:none;
	position:relative;
	display:block;
	padding:0px;
	margin-right:0px;
	float:left;
	height: 453;
	padding-bottom: 1px;
} */


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;
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
}


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

.tofinodreamcottage #content {
	background-image: url(unjimages/imagestextures/texturebluocean.jpg);
	padding: 0px 90px 20px 90px;
	background-color: #a8dffd;
}

#content h1 {
	padding-bottom: 8px;
	line-height: normal;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding-top: 0px
}
#content a h1 {
	color: #6696ba !important; text-decoration: none
}
#content h1 a {
	color: #6696ba !important; text-decoration: none
}
#content h1 ahover {
	color: #003399; text-decoration: none
}
#content h2 {
	padding-bottom: 6px;
	line-height: normal;
	font-style: normal;
	margin: 0px;
	padding-left: 0px;
	display: block;
	font-family: Tahoma, Verdana, Arial, san-serif;
	color: #10529C;
	clear: none;
	font-size: 110%;
	font-weight: bold
}
#content h2 a {
	color: #003366 !important; text-decoration: none
}
#content h2 a:visited {
	color: #003366 !important; text-decoration: none
}


.tofinodreamcottage #tofinophoto {
	width: 984px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* 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;
}

.tofinodreamcottage #imgtofino {
	border: solid #FFF 10px;
	overflow: hidden;
}

.tofinodreamcottage #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;*/
}


.tofinodreamcottage #textlinks {
	background-color: #277fdf;
	color: #CCCCCC;
	text-align: center;
	font-size: 90%;
	line-height: 300%;
	background-image: url(unjimages/imagescommon/linkswavecolouredtofinobc.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 30px 0px 0px 0px;
}


.tofinodreamcottage #bottomwave {
	height: 87px;
	margin: 0 auto;
	width: 992px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #a4defc;
	margin: 0 auto; /* 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: left;
	overflow: hidden;
}

.tofinodreamcottage #footer {
	font-size: 78%;
	color: #3D2916;
	text-align:center;
	padding: 0px 0px 15px 0px;
}







/*Text Styles*/

table#tblbdrblu{
border: 1px solid #247ddd;
}


.HeadingBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
.textbrownsmall {
	font-size: 82%;
	color: #74502C;
}
.textsmall {
	font-size: 10px;
	color: #4F3720;
}

.textgreysmall {
	font-size: 88%;
	color: #666;
}

.textgreysmallgalleries {
	font-size: 82%;
	color: #666;
}

.texttestimonial {
	color: #0089ce;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 92%;
}
.linespacing {
	line-height: 180%;
}
.textblu {
	color: #0089ce;
}
.HeadingBold90 {
	font-size: 90%;
	font-weight: bold;
}
.HeadingBoldBlu {
	font-weight: bold;
	color: #0089ce;
}
.keywords {
	font-size: 80%;
	color: #999999;
	text-align: center;
}