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

/* Links */
a:link, a:visited { background: transparent; font-weight: 700; color:#333; text-decoration: none; }

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

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

#box .blk

/*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						{ display:none}

.hi							{background: url(../images/Header4.jpg); background-repeat:no-repeat;}

#logo						{width:325px; height:115px; float:left;	padding: 25px 0;}
/*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						{display:none}
/*white box*/
#box						{width:832px; text-align: left;}

#menu2						{width: auto; display:none}

#menu3						{display:none}

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

#bottom						{width:960px; height:30px; margin:0 auto 0 auto;
							 background-image: url(../images/shadow_bg5.gif);}

.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 }
.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;page-break-before: always;}
.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)}
/* 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:824px; margin:15px 0 0 40px;}
label                       { width: 230px; display: block; font-size:1.5em; }
input[type=text], textarea  { width: 350px; outline: none; }
.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }

.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }