@import url(reset-spacing.css);
@import url(menus.css);
/*-----------------------------------------------------------------------------
Esbayles Style Sheet - base css
version:   1.2 10 November 2022
author:    nigel wood
website:   http://www.cobwood.co.uk/
-----------------------------------------------------------------------------*/

/* ------Layout------------------------------------------------------------- */
body {
	background-image: url("../graphics/esbayles-09.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #4d4d4d;
}
.page {
    /*width: 726px;*/
    max-width: 1066px;
    margin: 5px auto 0 auto;
	/*position: relative;*/
	/*background-color: #FFF;*/
	background-color: rgba(246, 248, 248, 0.8);
	padding: 20px;
}
nav {
	/*background-color: #7C736A;*/
	background-color: #600000;
    height: 28px;
}
.banner {
    background: #F8F5F9 url(../graphics/poster.gif) right top no-repeat;
    height: 90px;
}
.story {
	background-color: #FFF;
	border-top: 4px solid rgba(124, 115, 106, 0.5);
	padding-top: 6px;
	padding-left: 6px;
	min-height: 584px;
} 
.leftCol {
	float:left;
	width: 280px;
}
.story::after {
  content: "";
  clear: both;
  display: table;
}
.mainCol {
	margin-left: 289px;/*by inspection*/
}
footer {
	clear: both;
	background-color: #FFF;
}
/* ------Typography--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, td, th, ul, ol, li, a {
	font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #4d4d4d;
}
h1, h2, h3, h4, h5, h6, p { margin-bottom: 14px; }
/* p, th, td, li { font-size: 0.75em; line-height: 1.4em; } */
p, th, td { font-size: 0.875em; line-height: 1.4em; }
h1 { font-weight: bold; font-size: 1em;  color: #800000; margin-top: 16px; }
h2 { font-weight: bold; font-size: 0.875em;  color: #800000; margin-top: 10px; }

p.hilight { font-size: 0.8125em; color: #800000; line-height: 1em;}
em { font-weight: normal; font-style: italic; }
strong { font-weight: bold; font-style: normal; }

a, a:link, a:visited, a:hover, a:active { color: #800000; text-decoration: underline; }

/* ------Navigation--------------------------------------------------------- */
/* tabNavigation class - see css mastery p91 */
nav a, nav a:link, nav a:visited, nav a:hover, nav a:active { color: #FFF; text-decoration: none; }

#menu .current { cursor: default; }

/* ------Left Col----------------------------------------------------------- */
.leftCol img { vertical-align: bottom; }

/* ------Main Col----------------------------------------------------------- */
.thumbs img { vertical-align: bottom; }

.thumbs {
	/*width: 437px;*/
	/*by inspection*/
	height: 83px;
	overflow: hidden;
	/* background-color: red; */
}
.thumbs img {
	border: 2px solid rgba(124, 115, 106, 0.6);
	margin-left: 10px;
}
.mainTxt {
	padding: 0 10px;
	max-width: 40em;
}
.email {
	vertical-align: text-top;
}
/* ------Modules------------------------------------------------------------ */
.closeTxt p { margin-bottom: 6px; }

footer { text-align: center; }
a.cob { color: #7C736A; text-decoration: none; }
/* ------Contact------------------------------------------------------------ */
.contact td { padding: 4px; }
.ok { background: #EEE url(../graphics/tick.gif) right top no-repeat; }
.notok { background: #EEE url(../graphics/tick.gif) right bottom no-repeat; }
input.shadow, textarea { background-color: #EEE; padding: 2px; border-style: solid; border-color: #999 #DDD #DDD #999; border-width: 1px; }

/* ------Left Col Image Slideshow----------------------------------------------- */
#imageholder {
	/* holds fading main images in banner */
	width: 280px;
	height: 280px;
	overflow: hidden;
}
#imageholder img { position: absolute; }
.preloadimg { margin-left: -9999px; }