body	{padding:0;margin:0;}

#topwrapper	{width:990px; border:0px solid red; padding:0 0px 0 0px;}

#container	{
border:0px dashed red;
position:relative;
margin:0px 0 0px 0; padding:0 0 0 0 ;
width:970px;
text-align:left;
font-family:georgia, times new roman, serif; font-size:13pt;
color:#454545;
}

#logo	{
border:0px solid red;
width:970px;
text-align:right;
margin:10px 0 0px 0; padding:0;
background:url(images/bg_top.gif);
}

#leftbar	{
border:0px dotted blue;
float:left; 
display:inline;
width:221px; 
padding:10px 0px 0 0; margin:0;
clear:both;
}

#rightbar{
border:0px solid lime;
float:right; 
width:221px;
line-height:120%;
margin-top:10px;
}

#middle	{
border:0px dotted red;
font-size:76%;
margin:0px 240px 0 247px; padding:10px 0 0 0px;
clear:none;
width:476px;
}

#photo	{
border:1px solid #ccc;
font-size:100%;
margin:15px 0px 15px 0px; padding:10px;
clear:none;
width:455px;
}

.subNav	{
text-align:right;
font-size:75%
}

.selected	{
color:red;
font-weight:bold;
}

#newsPic	{float:right; padding: 5px 0 0px 5px; border:0px dashed red;}
#readmore	{width:100%; text-align:right; border:0px solid red;}
.border	{border:1px solid green;}

#newsteaser	{font-size:11pt;}

/* boxes  */

.boxtop	{
border:0px dashed blue;
width:221px;
font-size:1px;
height:7px;
margin:0px 0 0 0;
background:#ccc url( 'images/boxheaders/boxtop.gif' ) 0 0px no-repeat;
}

.boxWrapper	{
border:0px solid lime;
background: url(images/boxheaders/mainbg.gif) 100% 0 repeat-y; 
}
.boxcontent	{
border:0px solid lime;
padding:12px;
font-size:70%;
line-height:130%;
}
.boxcontent h3	{
border:0px dotted red;
font-family:georgia;
padding:0 0 0 0;
margin:-7px 0 4px 0;
color:#666;
}

.boxbott	{
border:0px dashed blue;
width:221px;
font-size:1px;
height:7px;
background:url( 'images/boxheaders/bottom.gif' ) 0 0px no-repeat;
margin:0 0 10px 0;
}

/* end boxes  */








#footer	{	
border:0px dashed red;
border-top:0px solid #eee;
background:#Fff;
width:100%;
text-align:left;
font-family:georgia;
font-size:90%;
color:#333;
margin-top:20px;
}

#footerContent	{
border-top:3px solid #D9F79C;
padding:8px;
width:960px;
text-align:left;
}

#turtle	{
float:right;
}







/*contact us form*/
#label	{
float:left;
width:125px;
clear:both;
border:0px solid red;
padding-right:3px;
}
.formw	{
border:0px solid blue;
text-align:right;
}
.row	{
text-align:right;
}


#label1	{float:left;width:90px;clear:both;}
#label2	{float:left;width:90px;clear:both;}
#label3	{float:left;width:90px;clear:both;}






h1	{
font-family:georgia;
color:#555;
font-size:220%;
font-weight:normal;
padding:0;
margin:0;
}
h2	{
font-size:140%;
line-height:120%;
display:block;
margin:0 0 0px 0;
padding:0;
}
h3	{
font-family:georgia;
font-size:130%;
font-weight:bold;
line-height:100%;
margin:0;
padding:0;
color:#7A9A22;
}
h4	{
font-family:georgia;
font-size:90%;
margin:0;
padding:0;
}


td	{
font-size:70%;
}


A:link	{
	color:#7A9A22;
	text-decoration: none;
	font-weight:bold;
}
A:visited	{
	text-decoration: none;
	color:#7A9A22;
	font-weight:bold;
}

A:hover	{
	text-decoration: underline;
	color:red;	
	font-weight:bold;
}





























	
	
/*NAv from http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html*/
#navcontainer {
	border:0px solid gray;
	position: relative;
	width: 970px;
	height: 40px;
	padding: 0;
	margin: 1px 0 1px 0px;
	background: #ccc url(images/bg_nav.gif);	
	}


#nav {
	border:0px dashed lime;
	position: absolute;
	top: 0px;
	left: 25px;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0 0px;
	height: 30px;
	display: inline;
	overflow: hidden;
	width: 955px;
	background:#fff;
	
	}

	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -30px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -30px;
	
	}

	
	
	
#home a  {
	width: 107px;
	background: url(images/n_home.gif) top left no-repeat;
	}

#diary a  {
	width: 182px;
	background: url(images/n_gardendiary.gif) top left no-repeat;
	}

#gite a  {
	width: 89px;
	background: url(images/n_gite.gif) top left no-repeat;
	}

#garden a  {
	width: 123px;
	background: url(images/n_garden.gif) top left no-repeat;
	}
#prices a  {
	width: 113px;
	background: url(images/n_prices.gif) top left no-repeat;
	}
#availability a  {
	width: 166px;
	background: url(images/n_availability.gif) top left no-repeat;
	}

#contactus a  {
	width: 163px;
	background: url(images/n_contactus.gif) top left no-repeat;
	}







hr{
border: none;
background-color: #ccc;
color: #ccc;
height: 1px; 
margin-top:-3px;
}
html>body hr {
border: none;
background-color: #ccc;
color: #ccc;
width: 100%;
margin-bottom:3px; 
margin-top:3px;
height: 1px; 
}








.hpageBullets	{
background-image: url(images/arrow_3.gif);
background-repeat: no-repeat;
background-position: 0 0.3em; 
padding-left: 1.2em;
padding-bottom:1em;
}

.imgFloatRight	{
float:right;
border:1px solid gray;
padding:4px;
margin:0 0 5px 0px;
}

.imgFloatLeft	{
float:right;
border:1px solid gray;
padding:4px;
margin:0 0 5px 5px;
}