/* 
  =
	CSS Document
	
	For screen:   Visitors that have seen the light and use Firefox :)
  Client:       Lower Stock Farm Bed & Breakfast
  Developer:    Simon M White
	Company:      White Webs - http://www.whitewebs.co.uk
	E-mail:       info@whitewebs.co.uk
  Date:         April 2007

*/


body {
	padding: 0;
	margin: 0;
        background: #fff url(../i/bg_body_fade.gif) repeat-y top center;
	min-height: 0;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5em;
}


/*
  =
  outer wrapper
  --
*/


#outerwrapper {
  background: #fff;
	width: 980px;	
	min-height: 60em;
	margin-left: auto;
	margin-right: auto;
}


/*
  =
  general attributes for wrapper divisions
  --
*/


.mainattributes {
	background: url(../i/lsf_bg.gif) repeat-x left bottom;
	width: 980px;
	
	
}

.skyattributes {
	width: 980px;
	background: url(../i/bg_fade.gif) repeat-x center top;
	border-top: #fff 5px solid;
	
}


/*
  =
  specific attributes for for wrapper divisions
  --
*/


#mainevents, #skyevents {
	min-height: 55em;
}

#mainsitemap, #skysitemap {
	min-height: 45.5em; 
}

#mainprices, #skyprices {
	min-height: 50em;  
}

#main, #mainbeauty, #sky, #skybeauty  {
	min-height: 60em;  
}

#mainlocal, #skylocal {
	min-height: 68em;  
}

#mainrooms, #skyrooms {
	min-height: 77em;
}

#maincontact, #skycontact {
  min-height: 115em; 
}

#mainlinks, #mainfarm, #skylinks, #skyfarm {
	min-height: 52em;
}

#mainaccess, #skyaccess{
	min-height: 160em;
}


/* 
  =
  footer section
  --
*/


#footer {
	width: 980px;
	height: 18em;
	background: #7FC34A;
	color: #000;
  font: 0.7em Arial;	
  list-style: none;
}

#pipeft li {
	padding: 0px 0px 0px 0px;
	display: inline;
	font-weight: bold;
	
}

#copyright li, #built li, #aitw li, address li, {
	display: inline;
	padding-left: auto;
	padding-right: auto;
}

#top a {
  width: 12px;
  height: 12px;
  background: url(../i/up.gif) no-repeat center center;
  float: right;
  margin-right: 55px;
  padding: 5px;
  border: 1px solid #7fc34a;
  text-indent: -5000px;
}


/*
  =
  class and id definitions to display footer icons - image replacement technique by Mike Rundle - www.phark.net
  --
*/


.icons ul {
	width: 350px;
	height: 5em;
	float: left;
	padding: 2px;
}

.icons ul li a {
	float: right;
	margin-right: 20px;
	
}

#navwhite {
	background: url(../i/des.gif) no-repeat;
	text-indent: -5000px;
	width: 43px;
	height: 21px;
}

#navwhite:hover {
	background-position: 0 -28px;
	border: none;
}

#navwhich {
	background: url(../i/which.gif) no-repeat;
	text-indent: -5000px;
	width: 50px;
	height: 22px;
}

#navwhich:hover {
	background-position: 0 -25px;
	border: none;
}

#navnail {
	background: url(../i/nail.gif) no-repeat;
	text-indent: -5000px;
	width: 80px;
	height: 28px;
	float: right;
	margin-right: 20px;
	
}

#navnail:hover {
	background-position: 0 -31px;
	border: none;
}

#navmatis {
	background: url(../i/matis.gif) no-repeat;
	text-indent: -5000px;
	width: 50px;
	height: 45px;
	float: right;
	margin-right: 20px;
}

#navmatis:hover {
	background-position: 0 -47px;
	border: none;
}

#navgood {
	background: url(../i/good.gif) no-repeat;
	text-indent: -5000px;
	width: 50px;
	height: 60px;
}

#navgood:hover {
	background-position: 0 -60px;
	border: none;
}


/*
  =
  used for creating a clearing division
  --
*/


.clearline {
	clear: both;
	padding: 10px 0px;
}


/*
  =
  navigation section
  --
*/


#navigation {
	margin: 2px 0 0 0px;
	height: 24px;
}

#navigation a, #navigation li {
	height: 40px;
	float: left;
	margin-right: -2px;
}

#navigation ul {
	padding: 0px;
	margin: 0px;
	text-indent: 5px;
	list-style: none;
}

#navwelcome:link, #navcontact:link, #navflying:link, #navairport:link, #navparking:link, #navrooms:link, #navbeauty:link, #navevents:link, #navfamily:link, #navthefarm:link, #navfishing:link, #navselfcatering:link, #navadditional:link,  #navtestimonial:link, #navcontactus:link, #navhallway:link, #navdining:link, #navchestnut:link, #navoak:link, #navmay:link, #navcranes:link {
	background-position: 0 -86px;
}

#navwelcome:hover, #navcontact:hover, #navflying:hover, #navairport:hover, #navparking:hover, #navrooms:hover, #navbeauty:hover, #navevents:hover, #navfamily:hover, #navthefarm:hover, #navfishing:hover, #navselfcatering:hover, #navadditional:hover,  #navtestimonial:hover, #navcontactus:hover, #navhallway:hover, #navdining:hover, #navchestnut:hover, #navoak:hover, #navmay:hover, #navcranes:hover {
	background-position: 0 -43px;
}

#navwelcome {
	background: url(../i/link_welcome.gif) no-repeat left bottom;
	text-indent: -5000px;
	width: 53px;
}

#navwelcomeactive {
	background: url(../i/link_welcome.gif) no-repeat left top;
	text-indent: -5000px;
	width: 53px;
}

#navairport {
	background: url(../i/link_airport_b_and_b.gif) no-repeat left bottom;
	text-indent: -5000px;
        width: 112px;
}

#navairportactive {
	background: url(../i/link_airport_b_and_b.gif) no-repeat left top;
	text-indent: -5000px;
	width: 112px;
}


#navflying {
	background: url(../i/link_flying_schools.gif) no-repeat left bottom;
	text-indent: -5000px;
        width: 124px;
}

#navflyingactive {
	background: url(../i/link_flying_schools.gif) no-repeat left top;
	text-indent: -5000px;
	width: 124px;
}

#navthefarm {
	background: url(../i/link_the_farm_&_grounds.gif) no-repeat left bottom;
	text-indent: -5000px;
        width: 97px;
}

#navthefarmactive {
	background: url(../i/link_the_farm_&_grounds.gif) no-repeat left top;
	text-indent: -5000px;
	width: 97px;
}

#navfamily {
	background: url(../i/link_family_holidays.gif) no-repeat left bottom;
	text-indent: -5000px;
        width: 73px;
}

#navfamilyactive {
	background: url(../i/link_family_holidays.gif) no-repeat left top;
	text-indent: -5000px;
	width: 73px;
}

#navfishing {
	background: url(../i/link_fishing_holidays.gif) no-repeat left bottom;
	text-indent: -5000px;
        width: 131px;
}

#navfishingactive {
	background: url(../i/link_fishing_holidays.gif) no-repeat left top;
	text-indent: -5000px;
	width: 131px;
}

#navselfcatering {
	background: url(../i/link_selfcatering.gif) no-repeat left bottom;
	text-indent: -5000px;
        width: 115px;
}

#navselfcateringactive {
	background: url(../i/link_selfcatering.gif) no-repeat left top;
	text-indent: -5000px;
	width: 115px;
}

#navrooms {
	background: url(../i/link_rooms.gif) no-repeat left bottom;
	text-indent: -5000px;
	width: 61px;
}

#navroomsactive {
	background: url(../i/link_rooms.gif) no-repeat left top;
	text-indent: -5000px;
	width: 61px;
}

#navparking {
	background: url(../i/link_free_parking.gif) no-repeat left bottom;
	text-indent: -5000px;
	width: 73px;
}

#navparkingactive {
	background: url(../i/link_free_parking.gif) no-repeat left top;
	text-indent: -5000px;
	width: 73px;
}

#navevents {
	background: url(../i/link_events.gif) no-repeat left bottom;
	text-indent: -5000px;
	width: 59px;
}

#naveventsactive {
	background: url(../i/link_events.gif) no-repeat left top;
	text-indent: -5000px;
	width: 59px;
}

#navcontact {
	background: url(../i/link_contact.gif) no-repeat left bottom;
	text-indent: -5000px;
	width: 68px;
}

#navcontactactive {
	background: url(../i/link_contact.gif) no-repeat left top;
	text-indent: -5000px;
	width: 68px;
}

#navhallway {
	background: #fff url(../i/link_hallway.gif) no-repeat;
	text-indent: -5000px;
	width: 57px;
	border-bottom: #000 solid 1px;
	cursor: pointer;
}

#navdining {
	background: #fff url(../i/link_dining_room.gif) no-repeat;
	text-indent: -5000px;
	width: 90px;
	border-bottom: #000 solid 1px;
	cursor: pointer;
}

#navchestnut {
	background: #fff url(../i/link_chestnut.gif) no-repeat;
	text-indent: -5000px;
	width: 59px;
	border-bottom: #000 solid 1px;
	cursor: pointer;
}

#navoak {
	background: #fff url(../i/link_oak.gif) no-repeat;
	text-indent: -5000px;
	width: 30px;
	border-bottom: #000 solid 1px;
	cursor: pointer;
}

#navmay {
	background: #fff url(../i/link_may.gif) no-repeat;
	text-indent: -5000px;
	width: 32px;
	border-bottom: #000 solid 1px;
	cursor: pointer;
}

#navcranes {
	background: #fff url(../i/link_the_cranes_nest.gif) no-repeat;
	text-indent: -5000px;
	width: 113px;
	border-bottom: #000 solid 1px;
	cursor: pointer;
}

.navcurrent {
	background-position: 0 -21px;
}

.pipe ul {
	width: auto;
	display: inline;
	font-weight: bold;
	
}

.pipe ul li {
	display: inline;
}

.pipe a:link, .pipe a:visited, .pipe a:hover, .pipe a:active {
	border: none;
}

#skip {
	display: none;
}


/*
  =
  content class and id definitioins
  --
*/


p {
	padding: 0 50px;
	text-align: left;
}

ul {
	list-style: none;
}

#skycontact.skyattributes li {
  list-style: square inside;
}

li {

}

ol {
  margin-left: 3.5em;
  padding-right: 40px;
}

img {
	border: #000 solid 1px;
}

acronym, abbr {
	cursor: help;
}

.pageimage {
	width: 350px;
	height: 200px;
	float: right;
	border: 1px solid #000;
	text-indent: -5000px;
	padding: 5px;
	margin-top: 50px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.TA_rated {

       float: right;
       margin-right: 30px;

}

#lsfhome {
  background: #fff url(../i/lsf_house.jpg) no-repeat center center;
  color: #000;
}

#lsfairport {
  background: #fff url(../i/lsf_parking.jpg) no-repeat center center;
  color: #000;
}

#lsfroom {
  background: #fff url(../i/lsf_chestnut.jpg) no-repeat center center;
  color: #000;
}

#lsfflying {
  background: #fff url(../i/lsf_flying.gif) no-repeat center center;
  color: #000;
}

#lsfprices {
  background: #fff url(../i/lsf_back_garden.jpg) no-repeat center center;
  color: #000;
}

#lsfbeauty {
  background: #fff url(../i/lsf_beauty.jpg) no-repeat center center;
  color: #000;
}

#lsffarm {
  background: #fff url(../i/lsf_blackdown_cattle.jpg) no-repeat center center;
  color: #000;
}

#lsffishing {
  background: #fff url(../i/lsf_blagdon_lake.jpg) no-repeat center center;
  color: #000;
}

#lsfcatering {
  background: #fff url(../i/lsf_catering.jpg) no-repeat center center;
  color: #000;
}

#lsfevents {
  background: #fff url(../i/lsf_events.jpg) no-repeat center center;
  color: #000;  
}

#lsflocal {
  background: #fff url(../i/lsf_wrington_village.jpg) no-repeat center center;
  color: #000;  
}

#lsfcontact {
  background: #fff url(../i/lsf_map.jpg) no-repeat center center;
  color: #000;
  padding: 5px;
  border-bottom: #000 1px solid;  
}

#lsfcontact:hover {
  background: #7fc34a url(../i/lsf_map.jpg) no-repeat center center;
  color: #000;
  padding: 5px;
  border-bottom: #000 1px solid;  
}

#lsflinks {
  background: #fff url(../i/lsf_events_link.jpg) no-repeat center center;
  color: #000;   
}

#lsfsitemap {
  background: #fff url(../i/lsf_blackdown_cattle.jpg) no-repeat center center;
  color: #000;   
}

#lsfaccess {
  background: #fff url(../i/lsf_cheddar_gorge.jpg) no-repeat center center;
  color: #000;   
}


/*
  =
  headings - image replacement technique by Mike Rundle - www.phark.net
  --
*/


h1 {
	margin: 0;
	background: url(../i/header_bg_fade_offer.gif) no-repeat center top;
	width: 950px;
	height: 200px;
	clear: both;
	text-indent: -5000px;
}

h2 {
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 65px;
	padding: 0.05em 50px;
	color: #000;
	background: #fff;
	border-top: 1px #88CFDA solid;
	border-bottom: 1px #88CFDA solid;
	border-right: 1px #88CFDA solid;
	width: 400px;
}

h3 {
	margin: 0;
	background: url(../i/header_bg_fade.gif) no-repeat center top;
	width: 950px;
	height: 200px;
	clear: both;
	text-indent: -5000px;
}

h4 {
	font-variant: normal;
	font-size: 15px;
	color: #333;
	background: #fff;
	border: #88CFDA solid 1px;
	padding: 5px;
	margin: 2px 50px 2px 50px;
	cursor: pointer;
}

/*
  =
  psudo classes
  --
*/


a:link {
	color: #0026FF;
	text-decoration: underlined;
	
}

a:visited {
	color: #B200FF;
	text-decoration: underlined;
		
}

a:active {
	color: #0094FF;
	text-decoration: underlined;
	
}


/* 
  =
  the farm and grounds image gallery
  --
*/


#imagegallery {
	width: 275px;
	height: auto;
	list-style: none;
	float: left;
	margin: 13px 0 0 10px;
}

#imagegallery li {
	float: left;
	display: block;
	padding: 2px;
}

#imagegallery a {
	border: none;
	background: none;
}

#placeholder {
	float: right;
	margin-top: 15px;
	margin-right: 50px;
}

#desc {
	background: #fff;
	width: 350px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	font-weight: bolder;
	color: #000;
	clear: both;
	float: right;
	margin: 0 50px 0 220px;
	padding: 0 2px 1px 0;
}

ul.linkopacity li img {
  filter: alpha(opacity=85);
	-moz-opacity: 0.7; 
	opacity: 0.7;
	-khtml-opacity: 0.7;
	border: #000 solid 1px;
	padding: 5px;
}

ul.linkopacity li:hover img {
  background: #eee;
	filter: alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	-khtml-opacity: 1.0;
	border: #000 solid 1px;
  padding: 5px; 
}

noscript {
	color: #000;
	background: #fff;
	border-bottom: #f00 solid 2px;
	float: left;
	font: 12px bold Geneva, Arial, Helvetica, sans-serif;
}	


/*
  =
  moofx class and id
  --
*/


.stretcher {
  background: none !important;
}

::-moz-selection {
	background: #508CF0;
	color: #fff;
}

::selection {
	background: #508CF0;
	color: #D7F1F6;
}

.imageholder {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.imageholder li {
	width: 100px;
	float: left;
	display: inline;
	margin: 0 1.5em;
}

.imageholder a:link, .imageholder a:visited, .imageholder a:hover, .imageholder a:visited {
	border: none;
	background: none;
}


/*
  =
  prices page
  --
*/


table {
  font-size: 1em;
  width: 300px;
  border-top: 1px solid #88CFDA;
  border-left: 1px solid #88CFDA;
  border-collapse: collapse;
 	margin: 8px 0 0 50px;
}

thead {

  border-right: 1px solid #88CFDA;
  border-bottom: 1px solid #88CFDA;
}

tbody {
  
}

th {  
  text-transform: uppercase;
  padding: 0.5em 1em;
  text-align: left;
}

td {
  padding: 0.5em 1em;
  border-right: 1px solid #88CFDA;
  border-bottom: 1px solid #88CFDA;
}

tbody tr:hover {
  background: #e0e0e0; 
  color: #333;
  cursor: help;
}

tr.odd {
  background: #f0f0f0;
}


/*
  =
  beauty by jodie page
  --
*/


#mind {
	font-style: italic;
	text-align: left;
	word-spacing: 1px;
	letter-spacing: 1px;
}

tr {
	background: #fff;
}

#addressdetails {
  margin-left: 10px;
}

#beautydeails {
  margin-left: 25px;
  list-style: square inside;
}


/*
  =
  contact page
  --
*/


address {
	font-style: normal;
	display: inline;
}

.contact {
	padding: 0 0 0 50px;

}

.contact div {
  margin: 0.5em 0;
}

.contact span {

}

	
/*
  =
  links page
  --
*/


#links li {
	list-style: square;
	list-style-position: inside;
	text-indent: 20px;
	padding: 2px;
}


/*
  =
  accessibility page
  --
*/


dl {
	padding: 2px;
}

dl.full dt a {
	color: #000;
	background-color: inherit;
	font-size: 14px;
	font-weight: bold;
}

dt {
	color: #690;
	background-color: inherit;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 50px;
}

dd {
	color: #000;
	background-color: inherit;
}