@charset "utf-8";
/*	 CSS Document 
	 by Anderson Yuill
	 http://www.andersonyuill.com/
*/
*                           {margin: 0;	padding: 0;	width: auto;}

html                        {overflow-y: scroll; }
body						{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;}

img							{border:0}

a:link 						{text-decoration: none} /* unvisited link */
a:visited 					{color:#00FF00} /* visited link */
a:hover						{color:#FF00FF} /* mouse over link */
a:active					{color:#0000FF; text-decoration: none} /* selected link */

a.whi:links 				{color:#FFFFFF; text-decoration: none;}
a.whi:visited				{color:#FFFFFF; text-decoration: none;} 
a.whi:hover					{color:#FF00FF; text-decoration: none;}
a.whi:active				{color:#FFFFFF; text-decoration: none;}

a.blk:links					{color:#000000; text-decoration: none;}
a.blk:visited				{color:#000000; text-decoration: none;} 
a.blk:hover					{color:#FF00FF; text-decoration: none;}
a.blk:active				{color:#000000; text-decoration: none;}

/*Colour*/
.outline					{border: #204D96 solid 4px;}
.bg							{background-color:#204D96}


.whi						{color:#FFFFFF}
.blk						{color:#000000}
/*White*/
.outlineW					{border:#FFFFFF solid 4px;}
.white-bg					{background-color:#FFFFFF}
/*text*/
#home-text					{}
.body-text					{}
/*Holds the layout together*/ 
#pagewarp					{width:960px; padding: 0 30px 0 30px; background-image:url(images/shadow_bg4.gif); background-repeat:repeat-y; background-position:center;}

#heder						{width:872px;height:207px;padding-left: 20px;padding-bottom: 20px;}

dl							{font-family: Georgia; font-weight:bold; font-size:1.4em;}
dd							{font-family: Verdana; font-weight:normal; font-size:0.65em}
dt							{font-family: Verdana; font-weight:normal;font-size:.7em; }
.hi							{background: url(../images/Header4.jpg); background-repeat:no-repeat;}

#logo						{
	width:325px;
	height:115px;
	float:left;
	padding: 25px 0 25px 0;
	display: block;
}
/*Colour change boxes*/
#Abox						{width:25px; height:25px; float:right; padding-right: 51px; padding-left: 8px; padding-top: 120px;}

.Bbox						{width:24px; height:24px; float:right; margin-top: 120px; padding-right: 9px; padding-left: 9px; text-align: left;}

/*fixed menu*/
#menu1						{float:left; width:800px; padding:0 13px 2px 0; text-align:right; font-size:2.5em;}
/*white box*/
#box						{width:832px; padding:10px 30px 18px 30px; border-left: #204D96 solid 4px; border-right: #204D96 solid 4px; text-align: left;}

#menu2						{width: auto;}

#menu3						{width: auto; margin-top:15px;}

#legal						{padding:5px 5px 5px 0;	text-align:right; width:895px; color:#FFFFFF; font-size:1em}

#bottom						{
	width:930px;
	height:20px;
	margin:0 auto 0 auto;
	background-image: url(../images/shadow_bg5.gif);
	text-align:right;
}
							
.h1							{font-size:5em; line-height: 1em;font-family: Georgia, Times New Roman, Times, serif; }/*1st title*/
.h2							{font-size:2em; }/*2nd title*/
.h3							{font-size:.9em; font-family: Verdana, Arial, Helvetica, sans-serif }
.h4							{font-size: 1.4em; font-family: Georgia; font-weight: bold;}
.infotext					{font-size:1.3em}
.infoBox					{width:auto; height:auto; padding-left:40px;} 

.red 						{color:red;}

#title						{margin:10px 0 0 40px; width:auto; height:auto;}

#home-gallery				{height:217px; width:824px;	margin-top:15px; text-align: center;}

#link-gallery				{height:auto; width:824px;	margin-top:15px; text-align: center;}

#sitemap-wrap 				{height:auto; width:824px;	margin-top:15px; text-align: left;}
#terms-wrap					{height:300px; width:832px;	margin-top:15px; text-align:left;}

#contact-wrap				{height:238px; width:824px;	margin-top:15px; text-align: center;}

#contact-info				{width:400px; height:auto; float: left; text-align:left }
#map						{width:400px; height:211px; float:right}
#Accommodation-gallery		{width:408px; float:left; margin-top:10px}
#Beach-gallery				{width:832px;}
#beach-pic 					{width:400px; float:left; margin-top:10px }

.imageA						{width:172px; height:115px; float:left; margin-top:15px;}
.imageB						{width:172px; height:115px; float:left;	margin:15px 0 0 48px;}

#I-A						{background-image:url(../images/Cottage-Front-Door1.jpg); background-repeat:no-repeat;}
#I-B						{background-image:url(../images/Cottage-Hall1.jpg); background-repeat:no-repeat;}
#I-C						{background-image:url(../images/Cottage-Kitchen1.jpg); background-repeat:no-repeat;}
#I-D						{background-image:url(../images/Cottage-Livenroom1.jpg); background-repeat:no-repeat;}
#I-E						{background-image:url(../images/Cottage-Front-Bedroom1.jpg); background-repeat:no-repeat;}
#I-F						{background-image:url(../images/Cottage-Rear-Bedroom1.jpg); background-repeat:no-repeat;}
#I-G						{background-image:url(../images/Beach-Hut-1.jpg); background-repeat:no-repeat;}
#I-H						{background-image:url(../images/Beach-Hut-3s.jpg); background-repeat:no-repeat;}
#I-I						{background-image:url(../images/Beach-Hut-4s.jpg); background-repeat:no-repeat;}

#Accommodation-words		{width:400px; float:right; margin-top:10px}
#Beach-words				{width:400px; float:right; margin-top:10px}

.subtitle					{margin-top:10px; margin-left:40px}
.clear						{clear:both}

.info						{padding-bottom:10px;}
.infolink					{font-size:1.3em; margin-top:5px; text-align:center; margin-bottom: 8px;}

.windowSee					{width:auto; height:auto; margin:35px 0px 10px 65px; padding-right:15px; padding-bottom:10px; padding-left: 30px;}
							 
.windowSee .left			{width:32%;	float:right; border-right: 2px #000000 solid;}
.windowSee .mid				{width:35%;	float:right; border-right:2px #000000 solid;}
.windowSee .right			{width:32%; float:right;}
							 
.windowSee .h1 				{position:relative; left:-50px; width:auto; height:59px; margin-top:4px;}
.windowSee .h3				{width:auto;height:50px;overflow:visible;position: relative;left: -25px;top: -10px;}
.windowSee .info 			{font-size:1.3em;}

.windowDo					{width:auto;height:auto;margin:35px 0px 10px 65px;padding-right:15px;padding-bottom:10px;padding-left: 30px;}
							 
.windowDo .left				{width:32%;	float:right;border-right: 2px #000000 solid;}
.windowDo .mid				{width:35%;	float:right;border-right:2px #000000 solid;}
.windowDo .right			{width:32%; float:right;}
							 
.windowDo .h1 				{position:relative; left:-50px; width:auto; height:59px; margin-top:4px;}
.windowDo .h3				{width:auto; height:44px; overflow:visible;	position: relative;	left: -25px; top: -10px;}
.windowDo .info 			{font-size:1.3em;}

.windowEat					{width:auto; height:auto; margin:35px 0px 10px 65px; padding-right:15px; padding-bottom:10px; padding-left: 30px;}
							 
.windowEat .left			{width:32%;float:right;border-right: 2px #000000 solid;}
.windowEat .mid				{width:35%;float:right;border-right: 2px #000000 solid;}
.windowEat .right			{width:32%;float:right;}

.windowEat .h1 				{position:relative; left:-50px; width:auto; height:59px; margin-top:4px;}
.windowEat .h3				{width:auto; height:44px; overflow:visible;	position: relative;	left: -25px; top: -10px;}
.windowEat .info 			{font-size:1.3em;}

/* Thangs To Do master elements*/
.thingsimage				{width:242px; height:92px; position: relative; top:-18px; left:-65px; float:left; background-repeat:no-repeat}
/* which collection of images*/
.P1							{background-image:url(../images/things-to-do-1.jpg)}
.P2							{background-image:url(../images/things-to-do-2.jpg)}
.P3							{background-image:url(../images/things-to-do-3.jpg)}
.Vic						{background-image:url(../images/Victoria-Logo.gif)}
.Abbey						{background-image:url(../images/creake_abbey.jpg)}
/* location within image*/
.PA							{background-position: 0 0 ;}
.PB							{background-position: -242px 0;}
.PC							{background-position: -484px 0;}
.PD							{background-position: 0 -92px;}
.PE							{background-position: -242px -92px;}
.PF							{background-position: -484px -92px;}
/*Booking requestfourm*/

#booking-wrap				{width:792px;margin:15px 0 0 40px;}

.title						{position: relative; clear: both; height: 35px;width: 410px; display: block; font-size:1.5em; }

input[type=text], textarea  {width: 410px; outline: none; float:left }

.thanks  					{font:Georgia; font-size:2em; color:#000000; color: green; font-weight: bold; }