body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#fff; height:100% }
html { height:100% }
#PageDiv { position:relative; min-height:100%; margin:auto }
#m13 { height:59.49%; z-index:0; padding:2%; margin-left:auto; margin-right:auto }
#m19 { width:70%; height:auto; max-width:875px; z-index:0; float:right; padding-top:4.5%; margin-left:auto; margin-top:20px; margin-right:auto; overflow:visible; position:relative }
#fullWidthWrapper1 { min-height:600px; z-index:0; padding-bottom:0px; margin:0px auto; background-image:url(../Resources/our-boats.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background:cover }
#bookaboat { max-width:100%; float:left }
#oneWrapper { max-width:1200px; z-index:0; margin:40px auto 0px }
#item1 { max-width:1200px; z-index:0; margin:0px auto }
#item2 { z-index:0; padding:2%; margin-left:15%; margin-right:15% }
#sixWrapper { max-width:1200px; z-index:0; margin:5px auto 0px }
#sixOne { width:13.27%; z-index:0; float:left; padding:1%; background-color:#fff }
#anchor { max-width:100%; overflow:hidden }
#sixTwo { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#fff }
#boat-anchor { max-width:100%; overflow:hidden }
#sixThree { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#fff }
#additional-petrol { max-width:100%; overflow:hidden }
#sixFour { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#fff }
#first-aid-kit { max-width:100%; overflow:hidden }
#sixFive { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#fff }
#fireextinguisher { max-width:100%; overflow:hidden }
#sixSix { width:13.27%; z-index:0; float:right; padding:1%; background-color:#fff }
#lifejackets { max-width:100%; overflow:hidden }
#oneWrapper2 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto }
#one2 { z-index:0; padding:2%; background-color:#fff }
#plett-hire-boats { max-width:100%; overflow:hidden }
#oneWrapper4 { max-width:1200px; z-index:0; margin-left:auto; margin-top:10px; margin-right:auto }
#one4 { z-index:0; padding:2%; background-color:#fff }
#boat-03 { max-width:100%; overflow:hidden }
#oneWrapper5 { max-width:1200px; z-index:0; margin-left:auto; margin-top:10px; margin-right:auto }
#one5 { z-index:0; padding:2%; background-color:#fff }
#plett-hire-boat { max-width:100%; overflow:hidden }
#item3 { max-width:1200px; z-index:0; margin:40px auto 0px }
#item4 { z-index:0; padding:2%; margin-left:15%; margin-right:15% }
#oneWrapper6 { max-width:1200px; z-index:0; margin-left:auto; margin-top:10px; margin-right:auto }
#one6 { z-index:0; padding:2%; background-color:#fff }
#red-boat-for-hire { max-width:100%; overflow:hidden }
#oneWrapper7 { max-width:1200px; z-index:0; margin-left:auto; margin-top:10px; margin-right:auto }
#one8 { z-index:0; padding:2%; background-color:#fff }
#red-boat-side-view { max-width:100%; overflow:hidden }
#fwNav1 { float:right; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-right:1px solid #F5F5F5; border-top:0; border-bottom:0; border-left:0 }
#fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; padding:6px 14px 6px 14px; white-space:nowrap }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FF9900; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#FFFFFF; text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/open-menu.svg'); background-repeat:no-repeat; background-size:100%; float:right }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:normal }
@media screen and (max-width:920px)
{
	#m13 { height:69.73% }
	#m19 { height:30.23%; float:none }
	#bookaboat { float:none; vertical-align:middle }
}
@media screen and (max-width:720px)
{
	#sixOne { width:29%; padding:1.5% }
	#sixTwo { width:29%; padding:1.5%; margin-left:2% }
	#sixThree { width:29%; float:right; padding:1.5%; margin-left:0px }
	#sixFour { width:29%; clear:both; padding:1.5%; margin-left:0px; margin-top:20px }
	#sixFive { width:29%; padding:1.5%; margin-left:2%; margin-top:20px }
	#sixSix { width:29%; padding:1.5%; margin-top:20px }
}
@media screen and (max-width:570px)
{
	#m13 { padding:4% }
	#m19 { width:100%; height:auto; max-width:1001px }
	#item2 { padding:4% }
	#one2 { padding:4% }
	#one4 { padding:4% }
	#one5 { padding:4% }
	#item4 { padding:4% }
	#one6 { padding:4% }
	#one8 { padding:4% }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-bottom:1px solid #F5F5F5; border-right:0; border-top:0; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:14px; padding-bottom:14px; padding-left:14px; padding-right:14px }
	#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 }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#005670; -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-toggle-close { background-image:url('../Resources/close-menu.svg'); margin:20px 20px 20px 20px }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
}
@media screen and (max-width:480px)
{
	#fullWidthWrapper1 { height:3.81% }
	#sixOne { width:44%; padding:2% }
	#sixTwo { width:44%; float:right; padding:2%; margin-left:0px }
	#sixThree { width:44%; float:left; clear:left; padding:2%; margin-top:20px }
	#sixFour { width:44%; float:right; clear:none; padding:2% }
	#sixFive { width:44%; clear:left; padding:2%; margin-left:0px }
	#sixSix { width:44%; padding:2% }
}
@media screen and (max-width:320px)
{
	#sixOne { width:auto; float:none; padding:4% }
	#sixTwo { width:auto; float:none; padding:4%; margin-top:20px }
	#sixThree { width:auto; float:none; padding:4% }
	#sixFour { width:auto; float:none; padding:4% }
	#sixFive { width:auto; float:none; padding:4% }
	#sixSix { width:auto; float:none; padding:4% }
}
