/* My Hols- Rev 170414 */

/* Debug tool - Shows Black background with red borders to ALL elements */
/* Ensure commented-out to see real webpage!!! */
/** {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}
*/

/* Prevent surplus whitespace giving unwanted horizontal scroll */

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto; /* IE8 needs this else acts as if -> 'hidden' stops all vertical scrolling! */
}

/* Email disguiser - CSS - Reverses visually*/
/* NB. Disguiser in HTML - %Hex digits - allows Auto email client pickup */
span.codedirection24 { unicode-bidi:bidi-override; direction: rtl;  font-size: 24px;}
span.codedirection10 { unicode-bidi:bidi-override; direction: rtl;  font-size: 10px;}

/* BACKGROUND IMAGE - a-18kb b-27kb c-80kb d-162kb e-412kb */
table.bgnd {background-color: transparent; background: scroll; 
/*background-image: url(holiday_images/Falmouth_Pendra-Loweth_Anneth-Gover-35_d_rear_CCH_1600x1068.jpg);*/
background-image: url(images/Falmouth_Pendra-Loweth_Anneth-Gover-35_d_rear_CCH_1920x1450_low-115k.jpg);
background-repeat:no-repeat;
border-color: #663300; color: #666666; font-family: arial; font-size: 14px;} /*  class="bgnd" */

/* Body & Heading styles */
body {background-color: #ffffff; color: #663300; font-family: arial; font-size: 24px;}

hr { height : 2px; width : 100%; background : #663300; margin : 0 0 0 0; }
h1 {font-size: 30px; color: #ff6600; font-family: arial;}
h2 {font-size: 20px; color: #ff9900; font-family: arial;}

/*img {border: 5px solid #ffffff;}*/
img {border-color: #663300 ;}

table.main {background-color: #ffffff; border-color: #ffcc00; color: #663300; font-family:Helvetica, sans-serif, Arial, calibri; font-size: 16px;}
table.main-contact {background-color: #ffffff; border-color: #663300; color: #000000; font-family: arial; font-size:20px;}
table.main-footer {background-color: #ffffff; border-color: #663300; color: #000000; font-family: arial; font-size:10px;}
table.main-copyright {background-color: #ffffff; border-color: #663300; color: #000000; font-family: arial; font-size:10px;}
table.bgnd-btns {background-color: transparent; border-color: #663300; color: #ffffff; font-family: arial; font-size: 20px;} /*  class="bgnd" */

/* Hyperlink styles */
a:link {color: #663300; text-decoration:none} /* Light Brown #663300; */
a:visited {color: #663300; text-decoration:none} /* Mid Brown #996600; */
a:hover {color: #ff6600; text-decoration:none} /* Red ff0000 */
a:active {color: #ff00aa; text-decoration:none} /* Red/Purple ff00aa */

/* NAVIGATION BUTTONS */
			.menu {
						height: 40px;
						width: 120px;
			}
			.cssnav	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(btn-d.gif) no-repeat;
						width: 120px;
						height: 40px;
	                    overflow:hidden;/* for ie to hide extra height*/	
			}
			.cssnav a {
						display: block;
						color: #ff0000;
						font-size: 18px;
						width: 120px;
						height: 40px;
						display: block;
						float: left;
						color: #ffffff; 
						text-decoration: none;
						/*overflow:hidden;/* for ie to hide extra height*/
						overflow:visible;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #ffffff;
			}

			.cssnav img {width: 120px; height: 40px; border: 0; }

			* html a:hover {visibility:visible}

			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
	position: absolute;
	/* position: relative; */
	left: -2px;
	top: 10px;
	text-align: center;
	width: 120px;
	cursor: pointer;
	height: 40px;
			}

/* END OF NAVIGATION */

/* ********** POP-UP LARGE PICTURES - .thumbbr:hover span = DETERMINE Pop-Up POSITION ABOVE/BELOW LEFT/RIGHT ********** */

/*#thumbwraptl {										/* ID - Inline unique ID */
/*	margin:0px auto; /* was 75 Space above pictures */
/*	width:20x; height:20px; /* was 252 Space around pics (above, below, left & right) */
/*} */

#thumbwraptl {										/* CLASS - Block multi-use id */
	margin:0px auto; /* was 75 Space above pictures */
	width:20x; height:20px; /* was 252 Space around pics (above, below, left & right) */
}
.thumbtl {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative; /* was relative; */
	/*right:30px; /* My New!! Didn't really work ****** */
	/*top:30px; /* My New!! Didn't really work ****** */
	margin:3px;
}
.thumbtl img { 
	border:3px solid #ca0;
	vertical-align:bottom;
}
.thumbtl:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:2;
}
.thumbtl span { 
	position:absolute; /* Was absolute; */
	visibility:hidden;
}
.thumbtl:hover span { 				/* ********** DETERMINE Pop-Up POSITION ABOVE/BELOW LEFT/RIGHT ********** */ 
	visibility:visible;
	top:5px; right:0px; /* Was top:5px; left:5px; */
}

#thumbwrapbl {
	margin:0px auto; /* was 75 Space above pictures */
	width:20x; height:20px; /* was 252 Space around pics (above, below, left & right) */
}
.thumbbl {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative; /* was relative; */
	/*right:30px; /* My New!! Didn't really work ****** */
	/*top:30px; /* My New!! Didn't really work ****** */
	margin:3px;
}
.thumbbl img { 
	border:3px solid #ca0;
	vertical-align:bottom;
}
.thumbbl:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:2;
}
.thumbbl span { 
	position:absolute; /* Was absolute; */
	visibility:hidden;
}
.thumbbl:hover span { 				/* ********** DETERMINE Pop-Up POSITION ABOVE/BELOW LEFT/RIGHT ********** */ 
	visibility:visible;
	bottom:5px; right:0px; /* Was top:5px; left:5px; */
}

#thumbwraptr {
	margin:0px auto; /* was 75 */
	width:20x; height:20px; /* was 252 */
}
.thumbtr {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative; /* was relative; */
	/*right:30px; /* My New!! **************************************************************** */
	/*top:30px; /* My New!! **************************************************************** */
	margin:3px;
}
.thumbtr img { 
	border:3px solid #ca0;
	vertical-align:bottom;
}
.thumbtr:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:2;
}
.thumbtr span { 
	position:absolute; /* Was absolute; */
	visibility:hidden;
}
.thumbtr:hover span { 				/* ********** DETERMINE Pop-Up POSITION ABOVE/BELOW LEFT/RIGHT ********** */ 
	visibility:visible;
	top:5px; left:5px; /* Was top:5px; left:5px; */
}

#thumbwrapbr {
	margin:0px auto; /* was 75 */
	width:20x; height:20px; /* was 252 */
}
.thumbbr {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative; /* was relative; */
	/*right:30px; /* My New!! **************************************************************** */
	/*top:30px; /* My New!! **************************************************************** */
	margin:3px;
}
.thumbbr img { 
	border:3px solid #ca0;
	vertical-align:bottom;
}
.thumbbr:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:2;
}
.thumbbr span { 
	position:absolute; /* Was absolute; */
	visibility:hidden;
}
.thumbbr:hover span { 				/* ********** DETERMINE Pop-Up POSITION ABOVE/BELOW LEFT/RIGHT ********** */
	visibility:visible;
	bottom:5px; left:5px; /* Was top:5px; left:5px; */
}

/* EOF */