/* 
Foxglove Cottage - www.foxglovecottage-devon.co.uk
CSS Document
simplewebhosting.co.uk - web design */

body
{color: #333333;
background: url(images/bg.jpg) top left #796F65;
background-attachment:fixed;
font: 16px Georgia, "Times New Roman", Times, serif;
line-height: 1.4em;
margin: 0; 
padding: 0;}

#container
{width: 980px;
margin: 40px auto;
padding: 0;}

#header
{background: url(images/header.jpg) no-repeat;
width: 980px;
height: 240px;}

#nav
{width: 966px;
height: 40px;
background: #FFFFFF;
padding: 0px 7px 0px 7px;}

#content
{width: 920px;
background: #FFFFFF;
background-attachment: fixed;
padding: 20px 30px 20px 30px;}

#content a
{color: #307800;
font-weight: bold;
text-decoration: none;}

#content a:visited
{color: #307800;
text-decoration: none;}

#content a:hover
{color: #76AB53;
}

.table1
{
background: #F4F4F4;
border: 1px solid #CCCCCC;
font-size: 12px;
margin-left: 10px;
margin-bottom: 10px;
}

h1
{
font: 24px "Century Gothic", Arial, sans-serif;
font-weight: bold;
}

h2
{
font: 20px "Century Gothic", Arial, sans-serif;
font-weight: bold;
}
.picRight
{
margin-left: 20px;
border: 1px solid #C6E4AD;
}

#footer
{
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background: url(images/footer.jpg) top left no-repeat;
color: #FFFFFF;
padding: 18px 10px 10px 10px;
height: 15px;
}

#footer a
{color: #C6E4AD;
text-decoration: none;
padding: 0;}

#footer a:visited
{color: #C6E4AD;
text-decoration: inherit;
padding: 0;}

#footer a:hover
{color: #FFFFFF;
text-decoration: none;
padding: 0;}


/* NAVIGATION */

.navhome
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_home_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 40px;
margin: 0;
padding: 0;
}

.navhome a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navhome img
{
width: 190px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navhome a:hover img
{
visibility:hidden
}

.navhome span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

/* --------------------------- */

.navamenities
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_amenities_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 40px;
margin: 0;
padding: 0;
}

.navamenities a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navamenities img
{
width: 190px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navamenities a:hover img
{
visibility:hidden
}

.navamenities span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* --------------------------- */

.navplaces
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_places_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 40px;
margin: 0;
padding: 0;
}

.navplaces a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navplaces img
{
width: 190px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navplaces a:hover img
{
visibility:hidden
}

.navplaces span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* --------------------------- */

.navavailability
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_availability_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 40px;
margin: 0;
padding: 0;
}

.navavailability a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navavailability img
{
width: 190px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navavailability a:hover img
{
visibility:hidden
}

.navavailability span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* --------------------------- */

.navcontact
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_contact_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 40px;
margin: 0;
padding: 0;
}

.navcontact a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navcontact img
{
width: 190px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navcontact a:hover img
{
visibility:hidden
}

.navcontact span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}