body { margin-top: 0px; text-align: left; font-family: 'Port Lligat Slab', serif; background-image: url(images/bg.jpg); background-repeat: repeat-x; }

.wrapper { width:1000px; text-align: center; margin: 0 auto; }

h1 { color: #ccffff; font-size: 24pt; font-weight: normal; margin: 0; padding: 0px 0px 20px 0px;}
h2 { color: #ccffff; font-size: 14pt; font-weight: normal; margin: 0; padding: 0px 0px 20px 0px;}
h3 { color: #ccffff; font-size: 30pt; font-weight: normal; margin: 0; padding: 0px 0px 20px 0px; font-family: 'IM Fell English', serif; }

ul.a {list-style-type: circle; line-height: 25px; margin:0 auto; font-size: 13pt; color: #669999; padding: 0px 0px 0px 20px; color: #fff; }



/*------------------------------------------------*/
/*-----------------[HEADER]-----------------------*/
/*------------------------------------------------*/


.Header{ float:left; width:960px; padding: 0px 0px 35px 0px; }

.HeaderLeft{ float:left; width:278px; height:131px; padding: 20px 0px 0px 0px; }



.HeaderRight{ float:right; text-align:right; width:500px; padding: 20px 0px 0px 0px; }

.HeaderRightSocial{ float:right; width:500px; padding: 0px 0px 20px 0px; }

.HeaderAddress{ float:right; width:500px; padding: 0px 0px 10px 0px; color: #81a099; font-size: 14pt; }


.HeaderTel{ float:right; width:500px; color: #81a099; font-size: 14pt; }

.HeaderTelNo{ color: #f9df8d; font-size: 18pt; }
.HeaderTelNo a:link, .HeaderTelNo a:visited, .HeaderTelNo a:active { color: #999; text-decoration: none; }
.HeaderTelNo a:hover { color: #666; text-decoration: underline; }



/*-----------------------------------*/
/*------------[NAVIGATION]-----------*/
/*-----------------------------------*/

.Navi{ float:left; width:960px; height:38px; }

.NavShadow{ float:left; width:960px; height:27px; background-image: url(images/nav-shadow.png); }




/*--------------------------------------*/
/*------------[SLIDESHOW ]--------------*/
/*--------------------------------------*/

.Slider{ float:left; width:960px; height:440px; background-image: url(images/page-bg.png); padding: 0px 0px 0px 0px;}

#slideshow { width:960px; height:440px; }
.pics { width:960px; height:440px; overflow: hidden }
.pics img { width:960px; height:440px; border: 0px solid #ccc; top:0; left:0 }




/*--------------------------------------*/
/*------------[MAIN BODY]---------------*/
/*--------------------------------------*/

.BodyOneTop{ float:left; width:960px; height:40px; background-image: url(images/body-bg-top.jpg); }

.BodyOne{ float:left; width:880px; padding: 0px 40px 0px 40px; background-image: url(images/body-bg.jpg); color: #fff; font-size: 13pt; text-align: left; }
.BodyOne a:link, .BodyOne a:visited, .BodyOne a:active { color: #dbfcfc; text-decoration: none; }
.BodyOne a:hover { color: #fff; text-decoration: underline; }

.BodyOneLeft{ float:left; width:460px; }
.BodyOneRight{ float:right; text-align: right; width:420px; }

.HomeLinkBoxes{ width:420px; height: 100px; }
.HomeLinkBoxesLast{ width:420px; height: 83px; }

.BodyOneBottom{ float:left; width:960px; height:40px; background-image: url(images/body-bg-bottom.jpg); }



.BodyTwo{ float:left; width:960px; color: #fff; font-size: 13pt; text-align: left; }
.BodyTwo a:link, .BodyTwo a:visited, .BodyTwo a:active { color: #dbfcfc; text-decoration: none; }
.BodyTwo a:hover { color: #fff; text-decoration: underline; }

.BodyTwoLeft{ float:left; width:458px; }
.BodyTwoRight{ float:right; width:458px; }

.HomeOak{ float:left; width:458px; height:208px; border: 1px solid #81a099; }
.HomeCart{ float:left; width:458px; height:208px; border: 1px solid #81a099; }
.HomeBoxesShadow{ float:left; width:458px; height:27px; background-image: url(images/home-boxes-shadow.png); }

.HomeCottageLink{ float:left; width:458px; font-size: 14pt; text-align: center; background-color: #81a099; padding: 12px 0px 12px 0px; letter-spacing: 1px; border: 1px solid #81a099;}
.HomeCottageLink a:link, .HomeCottageLink a:visited, .HomeCottageLink a:active { color: #fff; text-decoration: underline; }




/*--------------------------------------*/
/*-----------[ACCOMODATION]-------------*/
/*--------------------------------------*/

.AccomLeft{ float:left; width:420px; padding: 0px 20px 0px 0px; }
.AccomRight{ float:right; text-align:left; width:420px; padding: 10px 0px 0px 20px; }

.AccomGallery{ float:left; width:880px; padding: 20px 40px 0px 40px; background-image: url(images/body-bg.jpg); color: #fff; font-size: 13pt; text-align: left; }

.AccomFloorplan{ float:left; width:880px; padding: 50px 40px 0px 40px; background-image: url(images/body-bg.jpg); text-align: left; }

.AccomGalleryHeader{ float:left; width:880px; padding: 0px 0px 0px 0px; }

.AccomTitle{ color: #fff; font-size: 22pt; }
.AccomEnlarge{ color: #ccffff; font-size: 12pt; }

.AccomGalleryPics{ float:left; width:880px; padding: 20px 0px 0px 0px; }

.GalPic{ float:left; width:209px; height: 140px; padding: 0px 14px 0px 0px; }
.GalEnd{ float:left; width:209px; height: 140px; padding: 0px 0px 0px 1px; }

.FloorPlanCart{ float:left; width:880px; height:459px; padding: 20px 0px 0px 0px; }
.FloorPlanOak{ float:left; width:880px; height:745px; padding: 20px 0px 0px 0px; }
.FloorPlanStables{ float:left; width:880px; height:754px; padding: 20px 0px 0px 0px; }




/*--------------------------------------*/
/*---------[LOCAL ATTRACTIONS]----------*/
/*--------------------------------------*/

.LocalLeft{ float:left; width:460px; }
.BLocalRight{ float:right; width:420px; }



/*--------------------------------------*/
/*----------[ACCESS STATMENT]-----------*/
/*--------------------------------------*/

.Access{ float:left; width:880px; }





/*--------------------------------------*/
/*--------------[CONTACT]---------------*/
/*--------------------------------------*/

.ContactLeft{ float:left; width:340px; }

.ContactRight{ float:right; width:500px; font-size: 11pt; }

.ContactMap{ float:left; width:880px; height:400px; padding: 40px 40px 0px 40px; background-image: url(images/body-bg.jpg);  }

.textInput { width: 495px; background-color: #efefef; color: #000; font-size: 10pt; padding: 5px 0px 5px 5px; margin: 0px 0px 15px 0px; border-width: 0px; }

.textInputtwo { width: 495px; background-color: #efefef; color: #005542; font-size: 10pt; padding: 5px 0px 5px 5px; margin: 0px 0px 5px 0px; border-width: 0px; }

.textInputrobot { background-color: #efefef; color: #000; border-width: 0px; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; padding: 2px 0px 2px 2px; margin: 15px 0px 15px 0px; }

.RobotText{ color: #fff; font-size: 10pt;  }



/*-------------------------------------*/
/*--------------[FOOTER]---------------*/
/*-------------------------------------*/

.Footer{ float:left; width:900px; padding: 30px 30px 30px 30px; font-size:11pt; line-height:20px; background-color: #ccc; color:#666; text-align: left; }
.Footer a:link, .Footer a:visited, .Footer a:active { color: #666; text-decoration: underline; }
.Footer a:hover { color: #000; text-decoration: underline; }


.FooterAddress{ float:left; width:155px;  }
.Black{ font-size: 11pt; color: #000; }

.FooterContact{ float:left; width:240px; }

.Capture{ font-size:10pt; color:#999; }
.Capture a:link, .Capture a:visited, .Capture a:active { color: #999; text-decoration: underline; }
.Capture a:hover { color: #000; text-decoration: underline; }

.FooterEnjoyEngland{ float:left; width:69px; height:98px; margin-right: 8px; }
.FooterEuropean{ float:left; width:132px; height:98px; margin-right: 9px; }
.FooterDefra{ float:left; width:132px; height:98px; }






/* Mobile */

@media handheld, only screen and (max-width: 478px) { 

.wrapper{ width:100%; }

h1 { font-size: 15pt; }

/*--------[HEADER]--------*/

.Header{ float:none; width:100%; margin:0 auto; }
.HeaderLeft{ float:none; padding: 10px 0px 0px 0px; margin:0 auto; }
.HeaderRight{ float:none; text-align:center; width:100%; margin:0 auto; }
.HeaderRightSocial{ float:none; width:100%; margin:0 auto; }
.HeaderAddress{ float:none; width:100%; font-size: 10pt; margin:0 auto; }
.HeaderTel{ float:none; width:100%; font-size: 13pt; }



/*-------[NAVIGATION]-----*/

.Navi{ float:none; width:100%; margin:0 auto; }
.NavShadow{ display: none; }



/*-----[SLIDESHOW ]-------*/

.Slider{ display: none;}

#slideshow { width:275px; height:126px; margin:0 auto; }
.pics { width:275px; height:126px; overflow: hidden }
.pics img { width:275px; height:126px; border: 0px solid #ccc; top:0; left:0 }




/*------------[MAIN BODY]---------------*/

.BodyOneTop{ display: none; }

.BodyOne{ float:none; width:100%; padding: 0px 0px 0px 0px; background-image: none; background-color: #81a099; font-size: 13pt; border-top: 5px solid #fff; border-bottom: 5px solid #fff; }

.BodyOneLeft{ float:none; width:90%; margin:0 auto; padding: 20px 0px 30px 0px; }

.BodyOneRight{ float:none; text-align: center; width:100%; background-color: #81a099; margin:0 auto; padding: 0px 0px 30px 0px;}
.HomeLinkBoxes{ width:275px; height: 71px; margin:0 auto; }
.HomeLinkBoxesLast{ width:275px; height: 59px; margin:0 auto; }

.BodyOneBottom{ display: none; }



.BodyTwo{ float:none; width:100%; color: #fff; font-size: 1pt; text-align: left; margin:0 auto; }

.BodyTwoLeft{ float:none; width:100%; margin:0 auto; }
.BodyTwoRight{ float:none; width:100%; margin:0 auto; }

.HomeOak{ float:none; width:275px; height:125px; margin:0 auto; border: 0px; padding: 30px 0px 0px 0px;}
.HomeCart{ float:none; width:275px; height:125px; margin:0 auto; border: 0px; padding: 0px 0px 0px 0px;}
.HomeBoxesShadow{ float:none; width:275px; height:27px; background-image: url(images/home-boxes-shadow.png); margin:0 auto; }

.HomeCottageLink{ float:none; width:275px; margin:0 auto; }



/*--------------[FOOTER]---------------*/

.Footer{ float:none; width:100%; padding: 20px 0px 30px 0px; font-size:11pt; line-height:20px; text-align: center; margin:0 auto; }


.FooterAddress{ float:none; width:90%; margin:0 auto; }

.FooterContact{ float:none; width:90%; margin:0 auto; padding: 20px 0px 20px 0px; }

.Capture{ font-size:9pt; color:#999; }

.FooterEnjoyEngland{ float:none;  margin-right: 8px; margin:0 auto; padding: 20px 0px 20px 0px; }
.FooterEuropean{ float:none; margin:0 auto; padding: 0px 0px 20px 0px; }
.FooterDefra{ float:none; margin:0 auto;  }




/*-----------[ACCOMODATION]-------------*/

.AccomLeft{ float:none; width:90%; padding: 20px 0px 0px 0px; margin:0 auto; }
.AccomRight{ float:none; width:90%; padding: 40px 0px 30px 0px; margin:0 auto; }

.AccomGallery{ float:none; width:100%; padding: 20px 0px 0px 0px; background-image: none; color: #fff; font-size: 13pt; text-align: left; margin:0 auto;}

.AccomFloorplan{ float:none; width:100%; padding: 50px 0px 20px 0px; background-image: none; text-align: center; margin:0 auto;}

.AccomGalleryHeader{ display: none; }


.AccomGalleryPics{ float:none; width:275px; padding: 20px 0px 0px 0px; margin:0 auto; }

.GalPic{ float:none; width:209px; height: 140px; padding: 0px 0px 18px 0px; margin:0 auto; }
.GalEnd{ float:none; width:209px; height: 140px; padding: 0px 0px 0px 0px; margin:0 auto; }

.FloorPlanCart{ float:none; width:275px; height:143px; padding: 0px 0px 0px 0px; margin:0 auto; } 
.FloorPlanOak{ float:none; width:275px; height:233px; padding: 0px 0px 0px 0px; margin:0 auto; }
.FloorPlanStables{ float:left; width:275px; height:236px; padding: 20px 0px 0px 0px; }




/*---------[LOCAL ATTRACTIONS]----------*/

.LocalLeft{ float:none; width:90%; margin:0 auto; padding: 30px 0px 0px 0px; }
.LocalRight{ float:none; width:90%; margin:0 auto; padding: 50px 0px 20px 0px; }



/*----------[ACCESS STATMENT]-----------*/

.Access{ float:none; width:90%; margin:0 auto; padding: 30px 0px 30px 0px; }




/*--------------[CONTACT]---------------*/

.ContactLeft{ float:none; width:90%; margin:0 auto; text-align: center; padding: 30px 0px 50px 0px; }

.ContactRight{ float:none; width:90%; font-size: 11pt; margin:0 auto; }

.ContactMap{ float:none; width:275px; padding: 0px 0px 0px 0px; background-image: none; padding: 30px 0px 30px 0px; margin:0 auto; }

.textInput { width: 275px; padding: 5px 0px 5px 5px; margin: 0px 0px 15px 0px; }

.textInputtwo { width: 275px;  padding: 5px 0px 5px 5px; margin: 0px 0px 5px 0px;  }




}