body { color:#fff; font-family:Josefin Sans; font-size:20px; font-style:normal; font-weight:100; margin:0px; height:100% }
html { height:100% }
#jonhalvorsen a:link { color:#fff; text-decoration:none }
#jonhalvorsen a:visited { color:#fff }
#jonhalvorsen a:hover { color:#ccc; text-decoration:none }
#jonhalvorsen a:active { color:#fff }
#PageDiv { position:relative; min-height:100%; margin:auto }
#topanchor { width:100px; min-height:23px; z-index:0; opacity:0.01 }
#titleWrapper { position:relative; width:100%; z-index:0; float:left; margin-top:20px; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.51) }
#titleWrapper_m { position:relative; margin:0px; padding-top:10px; background-image:url(../Resources/titlewrapper.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll }
#jonhalvorsen { width:100%; min-height:76px; z-index:0; margin-left:auto; margin-right:auto }
#portfolios { width:96%; min-height:56px; z-index:0; padding-left:24px; padding-right:24px; margin-left:auto; margin-right:auto }
#menuwrapper { position:relative; width:100%; z-index:0; padding:0px; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.51) }
#menuwrapper_m { position:relative; padding-top:20px; padding-bottom:20px; background-image:url(../Resources/titlewrapper.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll }
#topMenuWrapper { width:80%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#topLeft { width:32.25%; z-index:0; float:left }
#yachts { position:relative; max-width:100%; border:solid #000 1px; overflow:hidden }
#topMiddle { width:32.25%; z-index:0; float:left; margin-left:1.6% }
#stillife { max-width:100%; border:solid #000 1px; overflow:hidden }
#topRight { width:32.25%; z-index:0; float:right }
#interior { max-width:100%; border:solid #000 1px; overflow:hidden }
#botMenuWrapper { width:80%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#botLeft { width:32.25%; z-index:0; float:left }
#people { max-width:100%; border:solid #000 1px; overflow:hidden }
#botMiddle { width:32.25%; z-index:0; float:left; margin-left:1.6% }
#pano { max-width:100%; border:solid #000 1px; overflow:hidden }
#botRight { width:32.25%; z-index:0; float:right }
#contact { max-width:100%; border:solid #000 1px; overflow:hidden }
#yachtsWrap { width:80%; z-index:0; margin-left:auto; margin-right:auto }
#yachttitle { width:98.96%; min-height:50px; z-index:0; padding:5px }
#yachtgallery { box-shadow:0px 6px 13px rgba(0,0,0,0.75) }
#peopleanchor { width:8.47%; min-height:50px; z-index:0; opacity:0.01 }
#peopleWrap { width:80%; z-index:0; margin-left:auto; margin-right:auto }
#peopletitle { width:98.96%; min-height:50px; z-index:0; padding:5px }
#peoplegallery { box-shadow:0px 6px 13px rgba(0,0,0,0.75) }
#stillanchor { width:8.33%; min-height:100px; z-index:0; opacity:0.01 }
#stillWrap { width:80%; z-index:0; margin-left:auto; margin-right:auto }
#stilltitle { width:98.96%; min-height:50px; z-index:0; padding:5px }
#stillgallery { box-shadow:0px 6px 13px rgba(0,0,0,0.75) }
#interiorWrap { width:80%; z-index:0; margin-left:auto; margin-right:auto }
#interiortitle { width:98.96%; min-height:50px; z-index:0; padding:5px }
#interiorgallery { box-shadow:0px 6px 13px rgba(0,0,0,0.75) }
#anchorvirtual { width:100px; min-height:28px; z-index:0; opacity:0.01 }
#panotitle { width:100%; min-height:46px; z-index:0 }
#panoWraptop { width:90%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#threeLeft { width:32.25%; z-index:0; float:left }
#deckheaven { max-width:100%; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.75); border:solid #000 1px; overflow:hidden }
#threeMiddle { width:32.25%; z-index:0; float:left; margin-left:1.6% }
#saloonheaven { max-width:100%; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.75); border:solid #000 1px; overflow:hidden }
#threeRight { width:32.25%; z-index:0; float:right }
#viet { max-width:100%; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.75); border:solid #000 1px; overflow:hidden }
#panoWrapbottom { width:90%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#threeLeft1 { width:32.25%; z-index:0; float:left }
#saloonchamp { max-width:100%; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.75); border:solid #000 1px; overflow:hidden }
#threeMiddle1 { width:32.25%; z-index:0; float:left; margin-left:1.6% }
#champflybridge { max-width:100%; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.75); border:solid #000 1px; overflow:hidden }
#threeRight1 { width:32.25%; z-index:0; float:right }
#cabin { max-width:100%; box-shadow:0px 6px 10px 5px rgba(0,0,0,0.75); border:solid #000 1px; overflow:hidden }
#contactanch { width:100%; min-height:35px; z-index:0; opacity:0.01 }
#contactWrap { width:100%; min-height:52px; z-index:0; padding-top:5px }
#contactWrapper { min-height:638px; max-width:1200px; z-index:0; clear:both; padding-top:25px; margin-left:auto; margin-top:0px; margin-right:auto; background-image:url(../Resources/pen.jpg); box-shadow:0px 6px 10px 5px rgba(0,0,0,0.75) }
#formWrap { width:60%; height:635px; z-index:0; margin-left:auto; margin-right:auto }
#nameField { width:90% }
#emailField { width:90% }
#subjectField { width:90% }
#messageArea { width:90%; height:150px }
#arrow3 { position:fixed; right:1.5%; bottom:3%; z-index:1 }
#footer { position:fixed; width:100%; right:0px; bottom:0%; min-height:14px; z-index:2; padding:0px }
#footer_m { position:relative; min-height:10px; padding-top:2px; padding-bottom:2px; background-image:url(../Resources/footer.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll }
@media screen and (max-width:1200px)
{
	#yachtsWrap { width:90% }
	#peopleWrap { width:90% }
	#stillWrap { width:90% }
	#stilltitle { width:99.05% }
	#interiorWrap { width:90% }
	#interiortitle { width:99.05% }
	#panotitle { width:99.05% }
	#footer { bottom:-0.01% }
}
@media screen and (max-width:1024px)
{
	#footer { bottom:0% }
}
@media screen and (max-width:920px)
{
	#portfolios { width:94.78% }
	#topMenuWrapper { margin-top:0px }
	#topLeft { width:45% }
	#topMiddle { width:45%; float:right; margin-left:0px }
	#topRight { width:43.81%; float:none; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
	#botLeft { width:45% }
	#botMiddle { width:45%; float:right; margin-left:0px }
	#botRight { width:43.81%; float:none; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
	#yachttitle { width:98.84% }
	#peopleanchor { width:9% }
	#peopletitle { width:98.84% }
	#stilltitle { width:98.81% }
	#interiortitle { width:98.81% }
	#panotitle { width:98.81% }
	#threeLeft { width:45% }
	#threeMiddle { width:45%; float:right; margin-left:0px }
	#threeRight { width:40.44%; float:none; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
	#threeLeft1 { width:45% }
	#threeMiddle1 { width:45%; float:right; margin-left:0px }
	#threeRight1 { width:40.44%; float:none; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
	#contactWrapper { min-height:0px; max-width:960px }
	#arrow3 { right:0.46%; bottom:2.99% }
}
@media screen and (max-width:768px)
{
	#arrow3 { right:1.5%; bottom:4% }
	#footer { bottom:0.01%; min-height:11px }
}
@media screen and (max-width:720px)
{
	#titleWrapper { min-height:94px }
	#jonhalvorsen { min-height:40px }
	#portfolios { width:98.33%; min-height:32px; padding-left:0px; padding-top:10px; padding-right:0px }
	#topMenuWrapper { margin-top:0px }
	#panotitle { width:98.96% }
	#contactWrapper { width:100% }
	#formWrap { width:75%; height:auto }
	#nameField { width:99% }
	#emailField { width:99% }
	#subjectField { width:99% }
	#messageArea { width:99% }
	#arrow3 { right:1% }
}
@media screen and (max-width:570px)
{
	#jonhalvorsen { min-height:41px }
	#portfolios { width:100% }
	#topMenuWrapper { width:35.83% }
	#topLeft { width:auto; float:none; padding:4% }
	#topMiddle { width:auto; float:none; padding:4%; margin-top:20px }
	#topRight { width:auto; padding:4%; margin-left:0px; margin-right:0px }
	#botMenuWrapper { width:35.63% }
	#botLeft { width:auto; float:none; padding:4% }
	#botMiddle { width:auto; float:none; padding:4%; margin-top:20px }
	#botRight { width:auto; padding:4%; margin-left:0px; margin-right:0px }
	#panotitle { width:98.81% }
	#panoWraptop { width:40.1% }
	#threeLeft { width:auto; float:none; padding:4% }
	#threeMiddle { width:auto; float:none; padding:4%; margin-top:20px }
	#threeRight { width:auto; padding:4%; margin-left:0px; margin-right:0px }
	#panoWrapbottom { width:40.21% }
	#threeLeft1 { width:auto; float:none; padding:4% }
	#threeMiddle1 { width:auto; float:none; padding:4%; margin-top:20px }
	#threeRight1 { width:auto; padding:4%; margin-left:0px; margin-right:0px }
	#contactWrapper { width:auto; max-width:655px }
	#formWrap { padding:4% }
	#arrow3 { right:-1.08%; bottom:2.76% }
	#footer { bottom:0.04% }
}
@media screen and (max-width:480px)
{
	#jonhalvorsen { height:50%; min-height:42px }
	#yachttitle { width:97.69% }
	#peopleanchor { width:16% }
	#peopletitle { width:97.69% }
	#stillanchor { width:14% }
	#stilltitle { width:97.62% }
	#interiortitle { width:97.62% }
	#panotitle { width:97.92% }
	#contactWrapper { max-width:515px }
	#formWrap { width:92% }
	#arrow3 { right:-2.88%; bottom:4.5% }
	#footer { bottom:0%; height:15px }
}
@media screen and (max-width:320px)
{
	#jonhalvorsen { height:47.62%; min-height:41px }
	#yachttitle { width:96.53% }
	#peopleanchor { width:26% }
	#peopletitle { width:96.53% }
	#stillanchor { width:23% }
	#stilltitle { width:96.53% }
	#interiortitle { width:96.53% }
	#panotitle { width:96.88% }
	#contactWrapper { max-width:334px }
	#arrow3 { right:-5.25% }
	#footer { bottom:0%; height:auto; min-height:11px }
}