body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#f5f5f5; height:100% }
html { height:100% }
#BackToTop1 a:link { color:#ccc; text-decoration:none }
#BackToTop1 a:visited { color:#ccc; text-decoration:none }
#BackToTop1 a:hover { color:#008048; text-decoration:none }
#BackToTop1 a:active { color:#008048; text-decoration:none }
.f-bb { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
#PageDiv { position:relative; min-height:100% }
#TopSpacer { width:100%; min-height:30px; z-index:0; clear:both; background-color:#313040; overflow:hidden }
#item1 { width:100%; clear:both; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px }
#item2 { width:93%; clear:both; padding:5% 1%; margin-left:auto; margin-right:auto }
#item3 { width:35%; z-index:0; float:left; clear:left }
#item4 { width:100%; z-index:0; float:left; clear:both }
#item5 { width:100%; z-index:0; float:left; clear:both }
#item6 { width:65%; z-index:9999; float:right; clear:right; height:auto; overflow:visible; position:relative }
#threeWrapper { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#threeLeft { width:NaN%; z-index:0; float:left; padding:14px; background-color:#fff }
#BlackHorse { max-width:100%; overflow:hidden }
#threeMiddle { width:NaN%; z-index:0; float:left; padding:14px; margin-left:1.6%; background-color:#fff }
#HumblePieMashWhitby { max-width:100%; overflow:hidden }
#threeRight { width:NaN%; z-index:0; float:right; padding:14px; background-color:#fff }
#IncantationWhitby { max-width:100%; overflow:hidden }
#threeWrapper1 { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#threeRight1 { width:NaN%; z-index:0; float:right; padding:14px; background-color:#fff }
#AbbeyWharf { max-width:100%; overflow:hidden }
#threeLeft1 { width:NaN%; z-index:0; float:left; padding:14px; background-color:#fff }
#BeaconGuesthouseGoathland { max-width:100%; overflow:hidden }
#threeMiddle1 { width:NaN%; z-index:0; float:left; padding:14px; margin-left:1.6%; background-color:#fff }
#KamThai { max-width:100%; overflow:hidden }
#threeWrapper3 { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#threeRight3 { width:NaN%; z-index:0; float:right; padding:14px; background-color:#fff }
#ScreenShot20160229at204854 { max-width:100%; overflow:hidden }
#threeLeft3 { width:NaN%; z-index:0; float:left; padding:14px; background-color:#fff }
#BoardInnWhitby { max-width:100%; overflow:hidden }
#threeMiddle3 { width:NaN%; z-index:0; float:left; padding:14px; margin-left:1.6%; background-color:#fff }
#ScreenShot20160229at204412 { max-width:100%; overflow:hidden }
#FooterWrapper1 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#313040 }
#Footer1 { width:85%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto }
#FooterBox5 { width:60%; z-index:0; float:left; padding-top:10px; padding-bottom:10px }
#FooterBox6 { width:15%; z-index:0; float:right; clear:right; padding-top:10px; padding-bottom:10px; margin-right:5% }
#SmallSet1 { width:100%; z-index:0; float:right; clear:both }
#SmallSet8Icon2 { left:10px; top:0px; width:38px; height:38px; margin:0px }
#BackToTop1 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; display:none }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#313040; text-decoration:none; padding:8px 8px 8px 8px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#008048; text-decoration:none }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#008048; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#008048; text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 * .sub { visibility:hidden; position:absolute; left:-1px; float:left; padding:0; margin:0; list-style:none; z-index:1 }
#fwNav1 .sub * .sub { top:-1px }
#fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:7em; border-left:1px solid #57BF7C; border-right:1px solid #57BF7C; border-top:none; border-bottom:none }
#fwNav1 * * * .sub { left:100%; top:0 }
#fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#313040; text-decoration:none; background:#E6E6E6; padding:3px 10px 3px 10px }
#fwNav1 .fwNavItem .sub .fwFirstChild { border-top:1px solid #57BF7C }
#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:1px solid #57BF7C }
#fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#008048; text-decoration:none }
#fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#008048; text-decoration:none }
#fwNav1 .fwNavItem .sub .fwNavItem a:active { color:#008048; text-decoration:none }
#fwNav1 :hover > .sub { visibility:visible }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#57BF7C; font-weight:normal }
#fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#57BF7C; font-weight:normal }
@media screen and (max-width:1200px)
{
	#PageDiv { width:auto }
}
@media screen and (max-width:920px)
{
	#PageDiv { width:auto }
	#threeLeft { width:NaN% }
	#threeMiddle { width:NaN%; float:right; margin-left:0px }
	#threeRight { width:NaN%; float:left; clear:both; margin-top:20px }
	#threeRight1 { width:NaN%; float:left; clear:both; margin-top:20px }
	#threeLeft1 { width:NaN% }
	#threeMiddle1 { width:NaN%; float:right; margin-left:0px }
	#threeRight3 { width:NaN%; float:left; clear:both; margin-top:20px }
	#threeLeft3 { width:NaN% }
	#threeMiddle3 { width:NaN%; float:right; margin-left:0px }
}
@media screen and (max-width:720px)
{
	#PageDiv { width:auto }
	#threeRight { width:NaN% }
	#threeRight1 { width:NaN% }
	#threeRight3 { width:NaN% }
}
@media screen and (max-width:570px)
{
	#PageDiv { width:auto }
	#item3 { width:222px }
	#item4 { width:222px }
	#threeLeft { width:100.00228070175439% }
	#threeMiddle { width:100.00228070175439%; margin-top:20px }
	#threeRight { width:100.00228070175439% }
	#threeRight1 { width:100.00228070175439% }
	#threeLeft1 { width:100.00228070175439% }
	#threeMiddle1 { width:100.00228070175439%; margin-top:20px }
	#threeRight3 { width:100.00228070175439% }
	#threeLeft3 { width:100.00228070175439% }
	#threeMiddle3 { width:100.00228070175439%; margin-top:20px }
}
@media screen and (max-width:568px)
{
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px }
	#fwNav1 .fwFirstChild { border-top:0 }
	#fwNav1 .fwLastChild { border-bottom:0 }
	.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav1-toggle-close { background-image:url('../'); margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-right:10px; padding-left:20px }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:30px }
	#fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:40px }
	#fwNav1 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem { width:100% }
	#fwNav1 .fwNavItem .sub .sub { left:0 }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem { border-left:none }
	.fwMainPointer1, .fwSubPointer1 { display:none }
	#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:none }
	#fwNav1 .fwLastChild .sub .fwLastChild { border-bottom:1px solid #57BF7C }
}
@media screen and (max-width:480px)
{
	#PageDiv { width:auto }
	#item3 { float:none; clear:both; margin-left:auto; margin-right:auto; margin-bottom:20px }
	#item6 { width:100%; padding-top:3%; padding-bottom:3% }
	#threeLeft { width:100.00333333333333% }
	#threeMiddle { width:100.00333333333333% }
	#threeRight { width:100.00333333333333% }
	#threeRight1 { width:100.00333333333333% }
	#threeLeft1 { width:100.00333333333333% }
	#threeMiddle1 { width:100.00333333333333% }
	#threeRight3 { width:100.00333333333333% }
	#threeLeft3 { width:100.00333333333333% }
	#threeMiddle3 { width:100.00333333333333% }
}
@media screen and (max-width:320px)
{
	#PageDiv { width:auto }
	#item6 { float:none; margin-left:auto; margin-right:auto }
	#threeLeft { width:100% }
	#threeMiddle { width:100% }
	#threeRight { width:100% }
	#threeRight1 { width:100% }
	#threeLeft1 { width:100% }
	#threeMiddle1 { width:100% }
	#threeRight3 { width:100% }
	#threeLeft3 { width:100% }
	#threeMiddle3 { width:100% }
}