/* RESET CODE (based on Eric Meyer's Reset Reloaded) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0;  }
caption, th, td { text-align: left; font-weight: normal;  }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body, html { height: 100%; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{font-size:100%;}
/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
hr{color: #EEEFF1;	height: 1px;background-color: #EEEFF1;	border: solid #EEEFF1 0px; margin:10px;}
code{color:#69923a;font-weight:bold;}
img{border:none;}
p {margin-bottom:1em;line-height:1.5em;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate HTML heading levels - NOT for use on non-headings */
.heading1{font-size:195%;  font-weight:normal; font-style: normal;  }
.heading2{font-size:137%; font-weight:normal; font-style: normal;  }
.heading3{font-size:120%; font-weight:normal; font-style: normal; }
.heading4{font-size:100%; font-weight:normal; font-style: normal;  text-transform: uppercase; }
.heading5{font-size:108%; font-weight:bold; font-style: normal; }
.heading6{font-size:108%; font-weight:normal;  font-style: italic; }
/* if additional headings are needed they should be created via additional numbered classes as above, never via location dependant styling */
/* links */
a { color: #000000; text-decoration: underline;  }
a:focus, a:hover { text-decoration: underline; color: #09F }
a:visited { color:#000000; }
body {
	font-size: 80% ;
	background:#FFBE00 url(/images/bck.jpg) repeat-x;	
	color: #000000;
}
.left, .right, #footer, #header, #calendar {font-family: Arial, Helvetica, sans-serif;}
.oneColFixCtrHdr #container {
	width: 100%;  
	margin: 0 auto; 
	text-align: left; 
}
.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px; 
	height:217px;
	width:950px;
	margin:0 auto;
	background:  url(/images/hd.gif) no-repeat ; 
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px; 
	width:950px;
	margin:0 auto;
	margin-top:-40px;
}

.oneColFixCtrHdr #footer {
	padding: 0 20px; 
	background:url(/images/sun.png) no-repeat right;
	padding-top:50px;
	padding-bottom:200px;	text-align:center;
}
.oneColFixCtrHdr #footer p {
	margin: 0 auto; 
	padding: 10px 0;
	width:950px;
	
}
/***********************************************************************************/

#pageIcon {
	text-align:center;
	margin-top:-20px;
}
#header {
	color:#FFF;
}

#header li {
	display:inline-block;
	
}
#header a {
	color: #000 ;
	text-decoration:none;
	padding:5px;
	font-weight:bold;
}
#header a:hover {
	color:#fff;
}
#footer {
	font-size:0.9em;
	width:950px;
	margin:0 auto;
}
#footer p{
	display:inline; 
}
#footer a{
	color:#000;
	margin-right:20px;
}
#footer a:hover {
	color:#fff;
}
.menu2 {
	margin: 150px 0 0 165px;
	padding: 0;
	list-style: none;
	position:absolute;
	
}
.menu2 li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menu2 a {
	padding: 14px 10px;
	display: block;
	color: #000000;
	
	text-decoration: none;
	font-weight: bold;
}
.menu2 li em {
	font-weight: normal;
	width: 100px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: 20px;
	text-align: center;
	padding: 20px  10px;
	font-style: normal;
	z-index: 2;
	display: none;
}
.menu2 li.one a {
	width:90px;
}
.menu2 li.two a {
	width:60px;
}
.menu2 li.three a {
	width:170px;
}
.menu2 li.four a {
	width:110px;
}
.menu2 li.five a {
	width:90px;
}
.menu2 li.one em {
	background: url(/images/house_sm.png) no-repeat  10px center;
}
.menu2 li.two em {
	background: url(/images/gallery_sm.png) no-repeat 0px center;
}
.menu2 li.three em {
	background: url(/images/calendar_sm.png) no-repeat 40px center;
}
.menu2 li.four em {
	background: url(/images/contact_sm.png) no-repeat 10px center;
}
.menu2 li.five em {
	background: url(/images/flag_sm.png) no-repeat 10px center;
}
table#calendar {
	border:2px solid #CEDF51;
	border-collapse:collapse;
	font-size:0.9em;
}
table#calendar td {
	vertical-align:top;
}
table#calendar table {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	width:175px;
}
table#calendar table th {
	background-color:#F6F7E1;
}
.booked {
	background-color:#FF9900;
}
.provisional {
	background-color: #E2E2E2;
}
.start {
	background-color:#CEDF51;
}


.rates {
  margin-bottom:20px;
  font-size:0.9em;
}

.rates  th {
   font-weight: bold; 
   border-bottom: solid 2px #999999;
}


.rates td {
  border-bottom: solid 1px #e5e5e5;
  padding: 4px 6px 4px 0px;

}

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:20px;}
/* standard list */
ul.simpleList {margin-top:1em;margin-bottom:1em;}
ul.simpleList li{list-style-type:disc; margin-left:20px;}


/***** gallery ***************/

h1 em {
	font: normal 80%/100% Arial, Helvetica, sans-serif;
	color: #999999;
}
#largeImg {
	border: solid 1px #ccc;
	width: 98%;
	height: auto;
	padding: 5px;
}
.thumbs  {
	text-align:center;
}
.thumbs img {
	border: solid 1px #ccc;
	width: 50px;
	height: 50px;
	padding: 1px;
}
.thumbs img:hover {
	border-color: #FF9900;
}
.imgleft {float:left;margin-right:20px;margin-botton:20px;}
.imgright {float:right; margin-left:20px;margin-botton:20px;}
#bookToday {
	position:absolute;
	left:190px;
	top:51px;
	width:240px;
	height:50px;
	z-index:1;
}