* { margin: 0em; }
body { width: 100%; background: #666666; }
p { font-family: Trebuchet MS, Tahoma, Arial; padding: 1em; font-size: 14px; line-height: 12px; }
h1 { font-family: Trebuchet MS, Tahoma, Arial; font-size: 28px; padding: .1em; color:#135501; font-weight: normal; z-index: 12; }
h2 { font-family: Trebuchet MS, Tahoma, Arial;}
a { text-decoration: none; font-family: Trebuchet MS, Tahoma, Arial; }
h1 a { margin-bottom: -1em; }
h1 a:hover { text-decoration: underline; }
a { color: #003366; }
a:hover { text-decoration: underline; }

#pageContent { width: 100%; height: auto; overflow: auto; margin: 0em auto; background: #666666; }
#pageHeader { width: 980px; margin: 0em auto; overflow: visible; }
#pageMenu { width: 988px; margin: 0em auto; background: #666666; overflow: auto; overflow: hidden; }
#defaultBody { width: 980px; min-height: 650px; margin: 0em auto; background: #ffffff; overflow: auto; border-left: 4px solid #272727; border-right: 4px solid #272727; border-bottom: 4px solid #272727; background: url('../images/footer/footer_large.jpg') top left no-repeat; }
#pageBody { width: 980px; margin: 0em auto; background: #ffffff; overflow: auto; border-left: 4px solid #272727; border-right: 4px solid #272727; border-bottom: 4px solid #272727; }
#locationBody { width: 980px; margin: 0em auto; background: #ffffff; overflow: auto; border-left: 4px solid #272727; border-right: 4px solid #272727; border-bottom: 4px solid #272727; background: #272727; }
#propertyBody { width: 980px; margin: 0em auto; overflow: auto; border-left: 4px solid #272727; border-right: 4px solid #272727; border-bottom: 4px solid #272727; background: #ffffff url('../images/footer/property_large.jpg') bottom left no-repeat; }
#areaBody { width: 980px; margin: 0em auto; background: #ffffff; overflow: auto; border-left: 4px solid #272727; border-right: 4px solid #272727; border-bottom: 4px solid #272727; background: #ffffff url('../images/footer/area_large.jpg') bottom left no-repeat; }

.tools { float: left; width: 680px; padding: 10px; border-bottom: 4px solid #272727; background: #ffffff; font-size: 14px; line-height: 20px; font-family: Trebuchet MS, Tahoma, Arial; }
.toolsTitle { border-bottom: 1px dashed #cccccc; width: 680px; color: #444444; }
.toolsOptions { border-bottom: 1px dashed #cccccc; width: 680px; overflow: auto; background: #ffffcc; }
.toolsOptions span { float: left; padding: 5px; width: 216px; }

#pageFooter { width: 988px; overflow: auto; margin: 0em auto; background: #272727; text-align: center; }
#Ancillary { clear:both;  font-family:Trebuchet MS,Tahoma,Arial; font-size:12px; width: 968px; overflow: auto; margin: 0em auto; color:#aaa; background: #272727; text-align: right; padding-right:20px;}
#Ancillary a, #Ancillary a:link, #Ancillary a:visited { color:#aaa; text-decoration:none; }
#Ancillary a:hover { text-decoration:underline; color:#fff; }
.footerImage { width: 200px; height: 58px; margin: 0em auto; margin:15px 0 25px 0; border: 0px; }

.CallKeswickCottages {
color:#FFFFFF;
float:right;
font-family:Trebuchet MS,Tahoma,Arial;
font-size:0.8em;
margin-right:20px;
margin-top:20px;}
.CallKeswickCottages span {font-weight:bold;}

#fLogo { width: 280px; float: left; }
#fSiteMap { float: left; text-align: left; width: 700px; min-height: 25px; border-left: 4px solid #272727; color: #5d5d5d; }

#fSiteMap span { width: 106px; display: inline; float: left; padding: 5px; height: 58px; margin: 15px 0 25px 0; text-align: center; }
.smNavLink { height: 20px; display: inline; line-height: 20px; padding: 0px; color: #5d5d5d; font-size: 12px; font-weight: bold; border-bottom: 1px dashed #222222; }
.smNavLink:hover { color: #ffffff; }
.smNavUnderLink { height: 20px; display: inline; line-height: 20px; color: #5d5d5d; font-size: 11px; }
.smNavUnderLink:hover { color: #ffffff; }

.mapOptions { float: right; overflow: auto; width: 276px; height: 668px; border-bottom: 4px solid #272727; border-left: 4px solid #272727; background: #ffffff; }
.mapOptions p { line-height: 20px; text-align: justify; }
.mapOptions h3 { color: #336633; }

.roomTable { overflow: auto; border: 1px solid #999999; font-family: Verdana, Trebuchet MS, Tahoma, Arial; font-size: 13px; line-height: 12px; padding-bottom: 1px; margin: 1em 0 1em 0; }
.roomRow { overflow: auto; }
.roomRow:hover { color: #336633; }
.yellowBox { width: 483px; float: left; margin: 1px 1px 0 0px; padding-left: 10px; line-height: 30px; background: #dddddd; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.split { float: left; text-align: center; margin: 1px 1px 0 1px; width: 100px; line-height: 30px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #dddddd; }

.mapButtons { border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; background: #ffffcc; }
.mapFrame { float: right; padding: 0em; margin: 0em; border: 0em; border-right: 4px solid #272727; width: 700px; height: 500px; }

.homeText { width: 600px; margin-left: 4em; margin-top: 3em; padding: 1em; background: #ffffff; opacity: 0.8; filter: alpha(opacity=80); }
.homeText p { line-height: 24px; font-family: Verdana; }
.homeText h2 { color: #336633; }

.propertyText { float: left; width: 600px; margin: 1em 0em 0em 1em; padding: 1em; }
.propertyText p { line-height: 24px; font-family: Verdana; text-align: justify; }
.propertyText h2 { color: #336633; }
.propertyText h3 { color: #336633; }

.propertyPadding { float: left; width: 980px; height: 16em; }

.propertyImages { float: left; width: 284px; text-align: center; margin: 0em auto; margin: 1em 1em 0em 0em; padding: 1em; }
.propertyImages h2 { color: #336633; text-align: left; }
.propertyImages p { line-height: 20px; text-align: justify; font-family: Verdana; }
.propertyImages div { margin: 0em auto; } 

.menuBackground { float: right; width: 988px; overflow: visible; background: url('../images/bg/menu_full.png') bottom right no-repeat; }
.menuBackground a { height: 32px; line-height: 32px; color: #ffffff; margin: 0px 0px 0px 11px; font-size: 16px; }
.menuBackground a:hover { border-bottom: 5px solid #ffffff; text-decoration: none; }

.menuList { width: 630px; float: right; }
.menuTitle { width: 450px; float: left; }

.imageLarge { width: 100%; height: 100%; margin: 0em auto; position: fixed; top: 0; left: 0; background: #000000; opacity: 0.7; filter: alpha(opacity=70); visibility: hidden; }
.image { position: fixed; top: 100px; width: 600px; height: 450px; border: 4px solid #272727; margin: 0em auto; z-index: 10; }
.overlay { width: 100%; height: 100%; position: fixed; margin: 0em auto; }
.overlay div { margin: 0em auto; }
.close { float: right; position: fixed; top: 0; width: 50px; height: 30px; color: White; z-index: 10; }

.close { margin: 10px 0 0 10px; top: 0; left: 0; position: fixed; }

.propertyTop { width: 248px; overflow: auto; border-top: 4px solid #272727; margin: 0em auto; }
.propertyImage { border-right: 4px solid #272727; border-left: 4px solid #272727; border-bottom: 20px solid #272727; overflow: visible; width: 240px; height: 160px; }
.propertyImage Span { color: #ffffff; background: #272727; width: 240px; height: 20px; margin: 0em auto; line-height: 20px; font-size: 12px;  }
.propertyImage a:hover { text-decoration: none; }
.propertyImage:hover {  }

.localImage { border-right: 4px solid #272727; border-left: 4px solid #272727; border-bottom: 20px solid #272727; overflow: visible; width: 240px; height: 135px; }
.localImage Span { color: #ffffff; background: #272727; width: 240px; height: 20px; margin: 0em auto; line-height: 20px; font-size: 12px;  }
.localImage a:hover { text-decoration: none; }

.bookingDiv { margin: 0em auto; overflow: auto; padding: 1em; }
.bookingDiv h2 { color: #336633; margin-bottom: .5em; }

.bookingColumn { width: 296px; min-height: 551px; float: left; padding: 15px; border-right: 4px solid #272727; }
.bookingColumn p { letter-spacing: 1px; line-height: 20px; text-align: justify; font-family: Verdana; }
.bookingColumn h2 { color: #336633; }
.bookingColumn ul { font-family: Verdana; letter-spacing: 1px; line-height: 20px; font-size: 13px; }

.bookingSection { overflow: auto; display: block; }
.bookingTitle { width: 75px; min-height: 22px; overflow: auto; float: left; padding: .5em; font-family: Trebuchet MS, Tahoma, Arial; }
.bookingBox { display:inline; min-height: 22px; overflow: visible; float: left; padding: .5em; }

.pbSurround { overflow: auto; }
.pbSurround:hover { color: #336633; }

.pbLeft
{ 
    font-family: Trebuchet MS, Tahoma, Arial; font-size: 14px; line-height: 24px; 
    float: left; background: #cccccc; margin: 0 0 1px 0; width: 229px; padding: 0 0 0 .5em;
}

.pbRight
{ 
    font-family: Trebuchet MS, Tahoma, Arial; font-size: 14px; line-height: 24px; text-align: center;
    float: left; background: #dddddd; margin: 0 0 1px 0; width: 60px;
}

.localLinks { padding: 20px; width: 300px; float: left; }
.localLinks a { color: #999999; }
.localLinks a:hover { color: #336633; }
.localLinks h3 { color: #336633; margin: 1em 0 0 0; }
.localLinks h2 { color: #336633; }
.localLinks li { list-style: none; background: url('../images/bg/bullet.png') top left no-repeat; line-height: 25px; margin-left: -30px; padding-left: 15px; }

.localMain { padding: 20px; width: 600px; float: left; }
.localMain a { margin: 1em 0 -0.5em .5em; font-weight: bold; color: #000000; }
.localMain p { line-height: 24px; margin: 0em; padding: .5em 1em .5em 1em; font-family: Verdana; text-align: justify; }
.localMain h2 { color: #336633; margin-bottom: .5em; }
.localMain h3 { margin: 1em 0 -0.5em .5em; padding: 1em 0 0 0; }

.localOverlay { overflow: auto; margin: 0 0 .5em 0; }
.localOverlay:hover { background: #ffffcc; }