body { font: 78%/140% "Trebuchet MS", arial, helvetica; 
color: white; margin:0px; padding:0px; background-color:#aec7bd; /*url(http://www.thedandelionhideaway.co.uk/images/bg-repeat.gif) top left repeat-x;}*/}


/* navigation starts here  */

#menubg { margin:0px; padding:0px; width: 100%;  background:url(http://www.thedandelionhideaway.co.uk/images/menu-bg.png) top  center repeat-x; height: 63px; position: absolute; z-index:2;
}


#navigation {  margin:0px auto 0px auto; padding:0px 0px 0px 0px; width: 980px; height: 58px; position:absolute; top: -10px; left: 20px; z-index:999999;}
.clear { clear: both;}
ul.navx { padding:0px; margin:0px; display:inline; }
ul.navx a { padding:0px; margin:0px; display:inline; }
ul.navx li { padding:0px; margin:0px; display:inline; }

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}


ul#navx  {
float: left;
list-style: none;
margin: 0px auto 0px auto;
padding: 0px;
height: 58px; 
width: 980px;
display: inline; 
overflow: hidden;
}

ul#navx li {
margin: 0px;  padding: 0px;
display: inline; list-style-type: none;
text-indent: -9999px;
}

ul#navx a:link, ul#navx a:visited  {
  float: left;
  margin: 0px;
  padding: 0px; 
  overflow: hidden;
height: 58px;

}

/* inactive i think  */
ul#navx li a:hover, ul#navx li a:active {
	background-position: 0 -516px;

}

/* navigation text  */
/* home  */
ul#navx li.home a:link, ul#navx li.home a:visited {
  width: 59px; 
  background:url(../images/navimages/nav-home.gif) top left no-repeat;
}

ul#navx li.home a:hover, ul#navx li.home a:active {
  background-position: 0 -58px;
}

/* canvas  */
ul#navx li.canvas a:link, ul#navx li.canvas a:visited {
  width: 132px; 
  background:url(../images/navimages/nav-canvas.gif) top left no-repeat;
}

ul#navx li.canvas a:hover, ul#navx li.canvas a:active {
  background-position: 0 -58px;
}

/* farm  */
ul#navx li.farm a:link, ul#navx li.farm a:visited {
  width: 123px; 
  background:url(../images/navimages/nav-farm.gif) top left no-repeat;
}
/* farm activities NEW */
ul#navx li.farmact a:link, ul#navx li.farmact a:visited {
  width: 116px; 
  background:url(../images/navimages/nav-farmact.gif) top left no-repeat;
}

ul#navx li.farmact a:hover, ul#navx li.farmact a:active {
  background-position: 0 -58px;
}


/* the farm NEW */
ul#navx li.thefarm a:link, ul#navx li.thefarm a:visited {
  width: 86px; 
  background:url(../images/navimages/nav-thefarm.gif) top left no-repeat;
}

ul#navx li.thefarm a:hover, ul#navx li.thefarm a:active {
  background-position: 0 -58px;
}

ul#navx li.farm a:hover, ul#navx li.farm a:active {
  background-position: 0 -58px;
}

/* holiday  */
ul#navx li.holiday a:link, ul#navx li.holiday a:visited {
  width: 152px; 
  background:url(../images/navimages/nav-holiday.gif) top left no-repeat;
}

ul#navx li.holiday a:hover, ul#navx li.holiday a:active {
  background-position: 0 -58px;
}

/* worth  */
ul#navx li.worth a:link, ul#navx li.worth a:visited {
  width: 172px; 
  background:url(../images/navimages/nav-trumpet.gif) top left no-repeat;
}

ul#navx li.worth a:hover, ul#navx li.worth a:active {
  background-position: 0 -58px;
}

/* local  */
ul#navx li.local a:link, ul#navx li.local a:visited {
  width: 131px; 
  background:url(../images/navimages/nav-local.gif) top left no-repeat;
}

ul#navx li.local a:hover, ul#navx li.local a:active {
  background-position: 0 -58px;
}

/* prices  */
ul#navx li.prices a:link, ul#navx li.prices a:visited {
  width: 156px; 
  background:url(../images/navimages/nav-prices.gif) top left no-repeat;
}

ul#navx li.prices a:hover, ul#navx li.prices a:active {
  background-position: 0 -58px;
}

/* find  */
ul#navx li.find a:link, ul#navx li.find a:visited {
  width: 84px; 
  background:url(../images/navimages/nav-find.gif) top left no-repeat;
}

ul#navx li.find a:hover, ul#navx li.find a:active {
  background-position: 0 -58px;
}


#ximage {
	width:280px;
	height:700px;
	padding:0px 0px 0px 0px;
	background: transparent;
	color: #3a241e;
	text-align:left;
	z-index:99999;
	position:absolute;
	padding-top: 0px;
	top: 380px;
	left: 635px;
	}

#xfind {
	width:600px;
	height:160px;
	padding:0px 0px 0px 0px;
	background: transparent;
	color: #3a241e;
	text-align:left;
	z-index:99999;
	position:relative;
	padding-top: 0px;
	top: -220px;
	left: 180px;
	}

#xfinda {
	width:600px;
	height:160px;
	padding:0px 0px 0px 0px;
	background: transparent;
	color: #3a241e;
	text-align:left;
	z-index:99999;
	position:absolute;
	padding-top: 0px;
	top: -681px;
	left: 180px;
	}