@import "reset.css";
@import "lightbox.css";

/*
Standard tags
*/

body									{font-family:Verdana,Arial,Helvetica,sans-serif; line-height:1.5em; font-size:67.5%; color:#251f77; background-color: #ffffff; }
p											{margin:0 10px 10px}
td										{ vertical-align: top; }
strong 								{ font-weight:bold; }
a:link,
a:active,
a:visited					{ text-decoration:underline; color:#143e65; }
a:hover						{ text-decoration:none; }

div#content img				{ float:left; margin: 0 10px 10px 0; border:1px solid #e8dfc2; }
div#navigation img		{ float:left; margin: 0 0 0 0; border:1px solid #e8dfc2; }
div#footerImagery img	{ float:left; margin: 0 0 0 0; border:1px solid #e8dfc2; }

div#container					{text-align:left}
div#navigation				{background:#51a8ff}
div#extra							{background:#51a8ff}
div#footer						{background: #333; color: #ffffff}
div#footer p					{margin:0;padding:5px 10px}

div#container					{width:780px;margin:0 auto;padding:0px;background-color: #99ccff;}
div#header						{width:780px;margin:0 auto;padding:0px}

div#content						{float:left;width:540px;font-size:1.2em;}
div#content p					{ margin:10px 20px 0 20px; }
div#content h2				{ margin:10px 20px 0 20px; font-size:1.1em; font-weight:bold;}
div#content li 				{ list-style:disc; margin: 2px 20px 0 35px;} 
div#content iframe		{ margin:10px 20px 0 20px; }

div#contentFullWidth  	{float:left;width:780px;font-size:1.2em;}
div#contentFullWidth p	{ margin:10px 20px 0 20px; }
div#contentFullWidth h2	{ margin:10px 20px 0 20px; font-size:1.1em; font-weight:bold;}
div#contentFullWidth ol li { margin:10px 0 10px 45px; font-size:1.1em; font-weight:bold; list-style:decimal; } 
div#contentFullWidth ol li p { margin:10px 0 10px -22px; font-size:0.9em; font-weight:normal;} 
div#contentFullWidth ol li ol li { margin:10px 0 10px 10px; font-size:0.9em; font-weight:normal;} 

div#navigation				{float:right;width:240px}
div#navigation li			{ list-style:disc; margin: 0 0 0 25px;} 
div#extra							{float:right;clear:right;width:240px}

div#footer 								{ clear:both; width:780px; background: #577fa4; text-align:center;}
div#footer p 							{ text-align:center;}
div#footerImagery					{ clear:both; margin:0 0 0 100px; padding: 10px}
div#footerImagery ul			{ margin:0; padding:0; }
div#footerImagery ul li 	{ display:inline; list-style:none; margin:0 0 0 0; padding:0; } 

div#enquiryForm						{clear:both; width:600px;font-size:1.2em;margin:0 0 0 90px;}
div#enquiryForm p					{ margin:10px 20px 0 20px; }
div#enquiryForm h2				{ margin:10px 20px 0 20px; font-size:1.1em; font-weight:bold;}

div#feedback 				{ clear:both; float:left; width:450px; padding:11px; margin: 20px 20px 20px 40px; font-weight:bold; margin-bottom:0.9em; font-size:1.1em; background-color:#e8dfc2; }

.clear { clear:both; }

/*
Image Replacement Headers
*/

h1#home							{ float:left; width:780px; height:200px; background: url(../images/focal-imagery/home_and_getting_here.jpg) no-repeat; margin:0 0 0 0; }
h1#house-and-garden	{ float:left; width:780px; height:200px; background: url(../images/focal-imagery/house_and_garden.jpg) no-repeat; margin:0 0 0 0; }
h1#what-to-do				{ float:left; width:780px; height:200px; background: url(../images/focal-imagery/what_to_do.jpg) no-repeat; margin:0 0 0 0; }
h1#availability			{ float:left; width:780px; height:200px; background: url(../images/focal-imagery/availability.jpg) no-repeat; margin:0 0 0 0; }
h1#getting-here			{ float:left; width:780px; height:200px; background: url(../images/focal-imagery/home_and_getting_here.jpg) no-repeat; margin:0 0 0 0; }
h1 span							{ text-indent:-3000px; display:block; }

/*
Navigation Rollovers
*/

#menu						{ background-color: #e8dfc2; float:left; clear:left; width:780px; margin:0 0 0 0; padding:10px 0 10px 0; }

#home						{ float:left; margin:0 17px 0 17px;}
#home a						{ display:block; width:51px; height:20px; background: url(../images/navigation/home.gif) no-repeat; }
#home a:hover				{ display:block; width:51px; height:20px; background: url(../images/navigation/home.gif) no-repeat 0 -24px; }
#home a span				{ position:absolute; left:-3000px; }
#homeSelected 				{ float:left; margin:0 17px 0 17px;}
#homeSelected a				{ display:block; width:51px; height:20px; background: url(../images/navigation/home.gif) no-repeat  0 -24px; }
#homeSelected a:hover		{ display:block; width:51px; height:20px; background: url(../images/navigation/home.gif) no-repeat 0 0; }
#homeSelected a span		{ position:absolute; left:-3000px; }

#houseGarden						{ float:left; margin:0 17px 0 17px;}
#houseGarden a						{ display:block; width:145px; height:20px; background: url(../images/navigation/the_house_and_garden.gif) no-repeat; }
#houseGarden a:hover				{ display:block; width:145px; height:20px; background: url(../images/navigation/the_house_and_garden.gif) no-repeat 0 -24px; }
#houseGarden a span					{ position:absolute; left:-3000px; }
#houseGardenSelected				{ float:left; margin:0 17px 0 17px;}
#houseGardenSelected a				{ display:block; width:145px; height:20px; background: url(../images/navigation/the_house_and_garden.gif) no-repeat  0 -24px; }
#houseGardenSelected a:hover		{ display:block; width:145px; height:20px; background: url(../images/navigation/the_house_and_garden.gif) no-repeat 0 0; }
#houseGardenSelected a span			{ position:absolute; left:-3000px; }

#whatToDo							{ float:left; margin:0 17px 0 17px;}
#whatToDo a							{ display:block; width:100px; height:20px; background: url(../images/navigation/what_to_do.gif) no-repeat; }
#whatToDo a:hover					{ display:block; width:100px; height:20px; background: url(../images/navigation/what_to_do.gif) no-repeat 0 -24px; }
#whatToDo a span					{ position:absolute; left:-3000px; }
#whatToDoSelected					{ float:left; margin:0 17px 0 17px;}
#whatToDoSelected a					{ display:block; width:100px; height:20px; background: url(../images/navigation/what_to_do.gif) no-repeat 0 -24px; }
#whatToDoSelected a:hover			{ display:block; width:100px; height:20px; background: url(../images/navigation/what_to_do.gif) no-repeat 0 0; }
#whatToDoSelected a span			{ position:absolute; left:-3000px; }

#pricesAvailability					{ float:left; margin:0 17px 0 17px;}
#pricesAvailability a				{ display:block; width:199px; height:20px; background: url(../images/navigation/booking.gif) no-repeat; }
#pricesAvailability a:hover			{ display:block; width:199px; height:20px; background: url(../images/navigation/booking.gif) no-repeat 0 -24px; }
#pricesAvailability a span			{ position:absolute; left:-3000px; }
#pricesAvailabilitySelected			{ float:left; margin:0 17px 0 17px;}
#pricesAvailabilitySelected a		{ display:block; width:199px; height:20px; background: url(../images/navigation/booking.gif) no-repeat 0 -24px; }
#pricesAvailabilitySelected a:hover	{ display:block; width:199px; height:20px; background: url(../images/navigation/booking.gif) no-repeat 0 0; }
#pricesAvailabilitySelected a span	{ position:absolute; left:-3000px; }

#gettingHere						{ float:left; margin:0 7px 0 7px;}
#gettingHere a						{ display:block; width:107px; height:20px; background: url(../images/navigation/getting_here.gif) no-repeat; }
#gettingHere a:hover				{ display:block; width:107px; height:20px; background: url(../images/navigation/getting_here.gif) no-repeat 0 -24px; }
#gettingHere a span					{ position:absolute; left:-3000px; }
#gettingHereSelected				{ float:left; margin:0 7px 0 7px;}
#gettingHereSelected a				{ display:block; width:107px; height:20px; background: url(../images/navigation/getting_here.gif) no-repeat 0 -24px; }
#gettingHereSelected a:hover		{ display:block; width:107px; height:20px; background: url(../images/navigation/getting_here.gif) no-repeat 0 0; }
#gettingHereSelected a span			{ position:absolute; left:-3000px; }

.boxOffers					{ margin:10px 10px 10px 10px; border:1px solid #e8dfc2; }
.boxOffersContent		{ padding:5px; margin:1px; background-color:#e8dfc2;}
.boxOffersContent	img	{ padding:2px;}

.quote							{ margin:0px 10px 10px 10px; }
.quoteContent				{ padding:10px; color:#243648; }
.quoteBottom 				{ margin-bottom:10px; }

#rates
{
		margin:10px 20px 0 20px;
    border:1px solid #e8dfc2;
}
.ratesHead		{ background-color:#e8dfc2; text-align:center; font-weight:bold; padding:5px;  }
.ratesBody		{ }
.ratesBody td	{ padding:2px; text-align:center; }
.bookingAvailable	{ background-color:#00ccff; color: #251f77; border:1px solid #e8dfc2 }
.bookingUnavailable	{ background-color:#000080; color: #ffffff; border:1px solid #e8dfc2; }
.provisionalBooking	{ background-color:#0000ff; color: #ffffff; border:1px solid #e8dfc2; }
.shortBreak { background-color:#0000ff; color: #ffffff; border:1px solid #e8dfc2; }
.hidden { display: none; }