body { font-family:'Oxygen', sans-serif;; margin:0px; background-color:#414143; background-image:url(../Resources/friars_court_hero.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; height:100% }
html { height:100% }
#fillLiveLink a:link { color:#fff; text-decoration:none }
#fillLiveLink a:visited { color:#fff; text-decoration:none }
#fillLiveLink a:hover { color:#414143; text-decoration:underline }
.f-bb { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
#PageDiv { position:relative; margin:auto }
#HeaderWrapper { position:relative; width:100%; height:0.1; z-index:100 }
#HeaderInnerWrapper { position:fixed; left:0px; top:0px; width:100%; z-index:100; opacity:0.95 }
#Header { width:100.00333333333333%; z-index:0; padding-left:10px; padding-top:10px; margin-left:auto; margin-right:auto }
#titleWrap { width:100%; height:99.92%; z-index:0 }
#headLeft1 { width:55%; height:1191px; z-index:0; float:left; padding-top:10px; background-image:url(../Resources/blurred_backgroun.png); background-position:center; background-size:cover; background-repeat:no-repeat; border-right:solid #dedede 15px }
#logo { width:3.41%; float:right; margin-right:40px }
#backButton1 { width:10%; float:left; margin-left:20px; z-index:2001 }
#titleText { width:100%; z-index:0; float:left; margin-top:20px }
#description { width:70.76%; min-height:55px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto }
#sepCircles-Top { width:12.79%; overflow:hidden }
#lowerRight { width:100%; height:443px; z-index:0; float:left; margin-top:20px; border-top:solid #dedede 15px }
#edgeLeft { width:8%; margin-left:40px; overflow:hidden }
#fillServices { width:99.58%; min-height:90px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto }
#sepCircles-Middle { width:8%; overflow:hidden }
#fill { width:82.72%; min-height:31px; z-index:0; padding:10px; margin-left:80px }
#fillResponsive { width:82.72%; min-height:31px; z-index:0; padding:10px; margin-left:80px }
#fillImages { width:82.72%; min-height:31px; z-index:0; padding:10px; margin-left:80px }
#fillMarketing { width:82.72%; min-height:31px; z-index:0; padding:10px; margin-left:80px }
#CornerEdgeBotRight { width:8%; float:right; margin-right:40px }
#bottomRight { width:100%; height:323px; z-index:0; float:left; margin-top:20px; border-top:solid #dedede 15px }
#fillLiveLink { width:100%; min-height:49px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto }
#sepCircles-Bottom { width:7.97%; overflow:hidden }
#FairhavenLargeLogo { width:30%; overflow:hidden }
#headLeft { width:40%; min-height:755px; z-index:0; float:right; padding:10px; margin-top:20px }
@media screen and (max-width:2600px)
{
	#PageDiv { width:auto }
	#titleWrap { height:99.93% }
	#headLeft1 { width:40%; height:1470px }
	#sepCircles-Top { width:7.97% }
	#lowerRight { height:auto }
	#edgeLeft { width:6% }
	#sepCircles-Middle { width:5% }
	#CornerEdgeBotRight { width:6% }
	#bottomRight { height:auto }
	#sepCircles-Bottom { width:5% }
	#FairhavenLargeLogo { width:20% }
	#headLeft { min-height:743px }
}
@media screen and (max-width:1200px)
{
	#PageDiv { width:auto; height:1481px }
	#titleWrap { width:100% }
	#headLeft1 { width:45% }
	#lowerRight { height:33.61% }
	#fill { width:79.17% }
	#fillResponsive { width:79.17% }
	#fillImages { width:79.17% }
	#fillMarketing { width:79.17% }
	#bottomRight { height:13.47% }
	#FairhavenLargeLogo { width:30% }
	#headLeft { min-height:825px }
}
@media screen and (max-width:920px)
{
	#PageDiv { width:auto; height:auto; min-height:100% }
	#HeaderWrapper { height:1px }
	#Header { width:99.99695652173914% }
	#titleWrap { height:99.88% }
	#headLeft1 { width:66.42%; height:1278px }
	#logo { margin-right:10px }
	#backButton1 { width:15%; margin-left:10px }
	#lowerRight { height:38.65%; min-height:464px }
	#bottomRight { height:15.49%; min-height:178px }
	#sepCircles-Bottom { width:4.91% }
	#FairhavenLargeLogo { width:20% }
	#headLeft { min-height:525px; display:none }
}
@media screen and (max-width:720px)
{
	#PageDiv { width:auto }
	#HeaderWrapper { height:0.1px }
	#Header { width:99.99888888888889% }
	#titleWrap { height:90.02% }
	#headLeft1 { width:67.08%; height:auto }
	#titleText { margin-top:0px }
	#description { width:86.5% }
	#sepCircles-Top { width:8% }
	#lowerRight { width:98.96%; height:auto; min-height:457px; float:right; margin-top:60px }
	#fillServices { width:95.86% }
	#sepCircles-Middle { width:7.2% }
	#fill { width:79.08% }
	#fillResponsive { width:79.08% }
	#fillImages { width:79.08% }
	#fillMarketing { width:79.08% }
	#bottomRight { width:98.96%; height:auto; min-height:563px; float:right; clear:both; margin-top:120px }
	#fillLiveLink { width:95.86% }
	#sepCircles-Bottom { width:7.2% }
	#FairhavenLargeLogo { width:25% }
	#headLeft { width:97.1%; min-height:425px }
}
@media screen and (max-width:570px)
{
	#PageDiv { width:auto }
	#HeaderWrapper { height:0.1px }
	#Header { width:96.84438596491228%; padding:5px 14px }
	#titleWrap { height:75.76% }
	#headLeft1 { width:68.66% }
	#sepCircles-Top { width:8.57% }
	#lowerRight { width:97.96%; min-height:510px; margin-top:90px }
	#edgeLeft { width:8% }
	#fillServices { width:94.89% }
	#sepCircles-Middle { width:8% }
	#fill { width:74.45%; margin-left:60px }
	#fillResponsive { width:74.45%; margin-left:60px }
	#fillImages { width:74.45%; margin-left:60px }
	#fillMarketing { width:74.45%; margin-left:60px }
	#CornerEdgeBotRight { width:8% }
	#bottomRight { width:97.96%; min-height:401px; margin-top:90px }
	#fillLiveLink { width:94.89% }
	#sepCircles-Bottom { width:8% }
	#headLeft { width:96.33%; min-height:151px }
}
@media screen and (max-width:480px)
{
	#PageDiv { width:auto }
	#HeaderWrapper { height:0.1px }
	#Header { width:96.25333333333333% }
	#titleWrap { height:99.93%; margin-left:auto; margin-right:auto }
	#headLeft1 { width:76.8% }
	#titleText { min-height:100px }
	#sepCircles-Top { width:9.72% }
	#lowerRight { width:100%; min-height:0px }
	#fillServices { width:94.24% }
	#sepCircles-Middle { width:9% }
	#fill { width:80%; margin-left:30px }
	#fillResponsive { width:80%; margin-left:30px }
	#fillImages { width:80%; margin-left:30px }
	#fillMarketing { width:80%; margin-left:30px }
	#bottomRight { width:100%; height:15.04%; min-height:0px; margin-top:50px }
	#fillLiveLink { width:94.24% }
	#sepCircles-Bottom { width:9% }
	#headLeft { width:50% }
}
@media screen and (max-width:320px)
{
	#PageDiv { width:auto }
	#HeaderWrapper { height:0.1px }
	#Header { width:94.375% }
	#titleWrap { height:99.93% }
	#headLeft1 { width:82.5%; height:99.33%; padding-top:0px; padding-bottom:10px }
	#logo { width:5%; float:left; margin-left:20px; margin-right:0px }
	#backButton1 { width:18%; float:right; margin-left:0px; margin-right:20px }
	#titleText { min-height:146px }
	#sepCircles-Top { width:9.63% }
	#fillServices { width:92.42% }
	#fill { width:88.64%; margin-left:10px }
	#fillResponsive { width:88.64%; margin-left:10px }
	#fillImages { width:88.64%; margin-left:10px }
	#fillMarketing { width:88.64%; margin-left:10px }
	#bottomRight { height:auto }
	#fillLiveLink { width:92.42% }
	#FairhavenLargeLogo { width:40% }
	#headLeft { width:93.46%; min-height:116px }
}