/* This is the core style sheet of Tad Roberts */ body {margin: 0; padding: 0.18em 0 0 0; background: #000; color: #575757; font-size: 98%; line-height: 1.5;text-align: left; font-family: "Georgia", "Garamond", "Bitstream Vera Serif", "Times", serif;} #wrapper {width:96%;max-width: 1024px;min-width:989px;background: #fbfbfb; text-align: left; border-top: solid 3px #323232;margin: 0 auto 0 0; } /* general */ #header, #nav, #content, #fin-de-siecle, #footer {width:100%;margin:0; padding:0;} #nav {float:left;clear:both;} #main-content {float:left;margin:0; padding:0;} #main-content img {float: left;clear: right; margin: 0 1em 0.5em 1em;} #auxillary-content {float:right;clear: right; margin:0; padding:0;} #footer, .clear {clear: both;} #content {clear: left;} .more-information {position:absolute;left: -9999px;border-right:0; margin:0; padding:0;} * a img {border:none;} /*layout */ #content #main-content { width: 68%; background: #1e1e1e;overflow:hidden; } #content #auxillary-content { width: 32%; background: #fff;position:relative; top:0;} #main-content #fin-de-siecle {background-color: #fff; height: 93px;} #main-content img {float: left;clear: right; margin: 0 1em 0.5em 1em;} #main-content #fin-de-siecle img.cutter {width: 550px; height: 93px;} #top-content p.layer-04{background: url(/images/corner.png) top right no-repeat; position: relative;right: -2px; top: -2px;padding: 1em; margin: 0;} #top-content #breadcrumbs {background: #1e1e1e; width: 100%; margin: -0.5em 0 0 0;font-size: 0.8em;font-weight: bold;} #main-content #bottom-content {z-index:1;border: solid 1px #1e1e1e;} #main-content #bottom-content #portfolio {width: 96%; margin-top: 2em;} #main-content #sub-wrapper {padding-bottom: 3.5%;font-size: 0.85em;font-weight: bold;color: #d8d8d8; background: #1e1e1e;margin-left: 0;margin-right: 0;border: solid 1px #1e1e1e;} #sub-wrapper #left-col {color: #d1d1d1;float: left;clear:left; width: 45%;position: relative; right:1em;margin: 2em 0 0 0;padding-bottom: 13em;} #sub-wrapper #right-col {color: #d1d1d1;float: right;clear:right; width: 45%;position: relative; right:3em; margin: 2em 0 0 0; padding: 0;} #sub-wrapper > #left-col {color: #d1d1d1;float: left;clear:left; width: 45%;position: relative; right:0;margin: 2em 0 0 0;padding-bottom: 13em;} #sub-wrapper > #right-col {color: #d1d1d1;float: right;clear:right; width: 45%;position: relative; right:3em; margin: 2em 0 0 0; padding: 0;} #auxillary-content > #menu-box {background: #fbfbfb;position: relative; top: 2.8em;margin: 0; width: 98%; padding: 0; } #auxillary-content #menu-box {background: #fbfbfb;position: relative; top: 2.8em;margin: 0; width: 98%; padding: 0; overflow:hidden;} #auxillary-content #menu-box img {width: 280px;min-width: 100%; min-height: 100%; } #footer, .clear {clear: both;} #content {clear: left;} .more-information {position:absolute;left: -9999px;border-right:0; margin:0; padding:0;} * a img {border:none;} .vcard {margin: 1em 1em 0 1em; color: #282828; font-weight: normal;background-color: #fbfbfb;} /* list styles */ #auxillary-content #menu-box ul {margin:-0.5em 0 2em 1.5em; padding:0;} #auxillary-content #menu-box ul li {list-style: none;margin:0; padding:0; } #menu-box ul.colophon {margin-top:0;margin-bottom:0;} /* typography */ h1, h2, h3, h4 {color: #d1d1d1; } h1 { font-family: "Gentium";position:relative;border: solid 1px #1e1e1e;text-align: left; margin: 0; letter-spacing: 0.1em; font-size: 1.8em;} h1 span.site_description {font-family: "Georgia";position:absolute; top: 2.52em; left:0.2em;border-bottom: solid 1px #323232; margin: 0; padding-bottom: 0.2em;background: #282828; color: #999; font-weight: bold;font-size: 0.46em;letter-spacing: 0.01em;} h2 {font-size: 1.24em; margin: 1em 1em 0 4em; text-align: left; color: #d1d1d1; } h2.main_heading {font-size: 1.5em;position:relative;text-align: left; margin: 1em 0 0 1em;padding: 0;} h2.main_heading span.page-description {position: absolute;top: 1.8em;left:0; font-size: 0.70em;color:#999;} h2.contact {font-size: 1.2em; text-align: left; margin: 1em 0 0 1em; letter-spacing: 1px; text-decoration: none; color: #d1d1d1; font-weight: bold; padding-left: 5px; } h3 {color: #fbfbfb;font-weight: bold;font-size: 1.16em; text-align: left; margin: 0 1em 0em 1em; text-decoration: none; } h4 {font-size: 1.1em; margin: 0em 1em 0.5em 0.5em;} #auxillary-content h2, h3.sub-heading,#auxillary-content h3{text-align: left; margin: 0 1em 0 1em;font-weight: normal;} #auxillary-content h2 {color: #323232;background: transparent url(/images/compassrose.jpg) no-repeat center left; padding-left: 1.6em;} #auxillary-content h2, h3.sub-heading {border-bottom: solid 2px #eee;font-size: 1.18em; } #auxillary-content h3 {font-size: 1.0em; color: #575757;} #menu-box p {margin-bottom:1em;} #menu-box p img {padding-right: -1em;} span.caption {font: 80% normal normal;} #main-content a {color: #d1d1d1; font-weight: normal; text-decoration: underline; } #main-content a:visited {color: #d1d1d1;background: transparent url(/images/check.png) no-repeat top right; padding-right: 0.8em;} #main-content a:visited:hover {color: #d1d1d1;} #main-content a:hover, #main-content a:focus {color: #d0d0d0;} #auxillary-content a {color: #323232;font-weight:bold;background: #fbfbfb;} #auxillary-content a:visited {color:#575757;background: transparent url(/images/check.png) no-repeat top right; padding-right: 0.5em;} #auxillary-content a:visited:hover {background: #ccc;color:#323232;border-bottom: solid 1px #999;text-decoration:none;} #auxillary-content a:hover, #auxillary-content a:focus { color:#323232; background: #ccc;border-bottom: solid 1px #999;text-decoration:none;} #content a[class^="go-to"], #content a:hover[class^="go-to"] { border: none;padding-left: 1.0em; background: transparent url(/images/left-arrow-icon.png) no-repeat center left;} h1.home-link {border: solid 1px #1e1e1e;text-align: left; text-decoration: none; margin: 0% ; letter-spacing: 0.1em; font-size: 1.42em;padding-bottom:0;} h1.home-link > span.site-description {z-index:1;position: relative; top: -0.88em; border-bottom: solid 1px #323232; letter-spacing: 0; margin: 0em; background: #282828; color: #999; font-weight: bold;font-size: 0.56em; } p {margin: 0 1em 0 1em; padding: 0.3em 0.1em; } p#desc {text-align: left; clear: none;margin: 0 1em 1em 1em; padding: 0.3em 0.1em;} p.reviews, p.pubs {margin-top: 0;margin-left:5%;} p.layer04 {line-height: 1px; font-size: 1px;margin-bottom: -1em;} p.last_updated {margin: 0; padding: 0;font-size: 80%;clear: both;color: #d8d8d8;font-weight: bold; } p.pullquote {margin: 1em 3em 0 3em; background-color: #eee; color: #575757; padding: 2%; font-style: italic;} p.footer {font-size: 0.71em; font-weight: bold;color: #282828; text-align: left; padding-top: 1em; margin: 1em;} p.clearboth {clear: both; margin: 0; padding-bottom: 0px;} span.top-corner{background: url(/images/corner.png) top right no-repeat; position: relative; right: -2px; top: -2px; padding: 1em; margin: 0;} {margin: 0% 0% -0.2em 6%;padding: 2px 3px;border-bottom: solid 1px #323232; border-top: solid 0px #323232;z-index:1; background: #282828; color: #999; font-weight: bold;font-size: 0.85em; } span.hide {display: none;} span.pub-date {color: #999; font-weight: bold;margin: 0 0 0 1em;} span.menu-list { margin:0; padding:0 0.3em 2px 0.3em; } span.sig {font-weight: bold; font-size: 87%;margin-bottom:0;} span.quotations {color: #ccc;font-weight: bold;position: relative; bottom: ;left: -0.2em; font-size: 120%; padding: 0 0.06em 0 0;} span.end_quote {color: #ccc;font-weight: bold;font-size: 110%;position: relative;right: -0.2em; } span.start_quote {position: relative; left: -0.03em;color: #999;font-weight: bold;margin-top: 0;font-size: 130%; } span.end-quotes {color: #999;font-weight: bold;margin-top: 0;font-size: 130%;position: relative; top: 3px;right: -0.02em; } /* header */ #header {position:relative;background: #1e1e1e;border-bottom: solid 1px #d1d1d1;border-left: solid 1px #323232;border-right: solid 1px #323232;} #header a {color: #d1d1d1; text-decoration: none;background: #1e1e1e;padding: 2px 3px;} #header a:visited {color: #d1d1d1;} #header a:visited:hover {color: #d1d1d1;} #header a:hover,#header a:focus {color: #d1d1d1;background: #323232;} a span.description { /* Use 'position:absolute' to push the span inside the anchor way off the screen */ position:absolute;left: -9999px;width: 900px;} #header a:hover span.description, #header a:active span.description, #header a:focus span.description {left: 45px; top: 55px; width: 20em;padding: 7px 6px; background: #282828;color: #f8f8f8;font-family:"Georgia"; font-size: 50%;font-weight: bold; z-index:200; border-top-width : 1px;border-radius: 8px; -moz-border-radius : 8px; /* Will not validate */ border : 4px solid #323232; text-decoration: none; clear: both;} #header > #site_name {position: absolute; top: 1.6em;left:1.2em; width: 40%;margin: 0%;padding: 0% 0% 0.5% 0%;} #header #site_name {position: absolute; top: 1.6em;left:1.2em; width: 40%;margin: 0%;padding: 0% 0% 0.1% 0%;} #header > #quotes {text-align: right;width: 60%;float: right; clear:right; position: relative; margin: 0%; padding: 0.2% 2% 0.4% 0%;} #header #quotes {text-align: right;width: 60%;float: right; clear:right; position: relative; margin: 0%; padding: 0%;} /* navigation */ a[class^="go-to"], a:hover[class^="go-to"] { border: none;padding-right: 2.5em; background: transparent url(/images/left-arrow-icon.png) no-repeat center right;} #quotes > #top-nav {float: right;list-style: none; margin: 0.3em 2% 0.04em 0%; padding: 0;} #top-nav {float: right;list-style: none; margin:0.3em 0 0.1em 0; padding: 0;} #top-nav li {float: left; margin: 0 0 0.1em 0; padding: 0; font-weight: bold;} #top-nav li a {border-top: solid 3px #323232;border-bottom: solid 1px #1a1100;border-right: 2px solid #000;text-decoration: underline;display: block;font-size: 78%;background: #282828;color: #9e9e9e;padding: 0.6em 0.52em 0.7em 0.52em;} #top-nav li a:hover {background: #323232;color: #d1d1d1;} #top-nav li a:active {color: #752727; background: #282828;} #top-nav #here a {background: #323232;color: #d8d8d8; text-decoration: underline;} #quotes p.header_quote {position: relative; right: 13px;overflow: hidden;width: 95%;text-align: right;float: right;clear: right;margin: 0.22em 0.1em 1.08em 0;font-weight: bold;font-size: 0.9em; line-height: 1.3em;color:#d1d1d1;word-spacing:0.1em;} #nav {border-top: solid 4px #323232;border-bottom: solid 1px #999;background: #282828; list-style: none; font-size: 0.95em;} #nav li.nav-bar {margin: 0; padding: 0; float: left; position: relative; border-right: 2px solid #000;} #nav ul.bar-01 {margin: 0 0 0 0; padding: 0; list-style: none;font-weight: bold; font-size: 0.86em; line-height: 0.86em; } #nav ul.bar-01 li {margin: 0; float: left; position: relative; background: #323232; width: 13.0em; margin: 0; border-top: solid #282828 1px;} #nav li.nav-bar > ul.bar-01 {position: absolute; width: 13.0em; top: 4.08em; left: -999em; background: #323232;} #nav li.nav-bar ul.bar-01 {position: absolute; width: 13.0em; top: 2.48em; left: -999em; background: #323232;} #nav li:hover ul.bar-01 {left: auto;} #nav li:hover ul.bar-01, #nav > li.sfhover ul.bar-01 {left: auto;} #nav li:hover ul.bar-01, #nav li.sfhover ul.bar-01 {left: 1px;} #nav li.nav-bar a {display: block; color: #999; font-weight: bold; padding: 0.5em 0.9em; text-decoration: none;background: #282828;} #nav li.nav-bar a.first {padding-left: 1.4em;} #nav li.nav-bar a:hover {color: #d8d8d8; background: #323232;text-decoration: underline;} #nav li.nav-bar a:active {color: #752727; background: #323232;} #nav #currentpage a {padding: 0.3em 0.9em 0.6em 0.9em;display: block;border-top: solid 3px #323232;background: #323232;color: #d8d8d8; text-decoration: underline; font-weight: bold; } #nav #currentpage a.first {padding: 0.3em 0.9em 0.6em 1.4em;display: block;border-top: solid 3px #323232;background: #323232;color: #d8d8d8; text-decoration: underline; font-weight: bold; } #nav #currentpage a:active {color: #752727; background: #323232;} #nav ul.bar-01 li a {display: block; font-weight: bold; text-align: left; padding: 7px 0.4em 7px 0.7em;background: #323232;} #nav ul.bar-01 li a.top {border-top: solid 0px #323232;} #nav ul.bar-01 li a:hover {color: #d8d8d8; background: #323232; padding: 7px 0.4em 7px 0.7em; } #nav ul.bar-01 li a.bottom :hover {border-bottom: solid #1e1e1e 0px;} #nav ul.bar-01 li a:active {color: #752727; background: #282828;} #nav #currentpage ul.bar-01 li a {color: #999;text-decoration: none;display: block; font-weight: bold; text-align: left; padding: 7px 0.4em 7px 0.7em;} #nav #currentpage ul.bar-01 li a:hover {color: #d8d8d8;text-decoration: underline; background: #323232; padding: 7px 0.4em 7px 0.7em; } #nav #currentpage ul.bar-01 li a:active {color: #752727; background: #323232;} #content { border: none; } #content.clear {clear: both;} .clear-right {clear: right;} #top-content {border: solid 2px #1e1e1e;} #top-content p.layer-04{ background: url(/images/corner.png) top right no-repeat; position: relative; right: -2px; top: -2px; padding: 1em; margin: 0; } #top-content #breadcrumbs {background: #1e1e1e; font-size: 0.8em;font-weight: bold;margin: 0;} #top-content #breadcrumbs ul {position:relative; left:1.6em; list-style: none; margin: -1.2em 0 0 0; padding: 0;} #top-content #breadcrumbs ul li { display: inline; color: #999;background: #282828;} #top-content #breadcrumbs ul li a {border-top: solid 2px #323232;border-bottom: solid 1px #1a1100;border-right: 2px solid #000;text-decoration: underline;background: #282828;color: #9e9e9e;padding: 0.2em 0.3em 0.3em 0.3em;} #top-content #breadcrumbs li.crumbs a {border-top: solid 2px #323232;border-bottom: solid 1px #1a1100;border-right: 2px solid #000;text-decoration: underline;background: #282828;color: #9e9e9e;padding: 0.2em 0.3em 0.3em 0.3em;font-size: 0.8em;font-weight: bold;} #top-content #breadcrumbs li a:hover {text-decoration: underline; color: #d8d8d8;} #top-content #breadcrumbs li a:active {color: #752727; } #main-content ul {list-style: none; margin: 1em 0 2em 3%; padding:0;} #main-content ul#keys li {list-style: disc;float: none;} #main-content ul li {color: #d8d8d8; } #main-content ul li a {color: #d1d1d1; font-size: 1.0em; padding-bottom: 0.04em;font-weight: bold;margin-bottom: 0.16em;} #main-content ul li a:hover {color: #fdfdfd; } #left-col.map {margin: 2em 1em 0 0.4em;} #left-col ul {list-style: none;margin: 0; padding: 0;} #left-col ul.site-map{margin:0 0 3em 0;background:#282828;color:#d1d1d1; position:relative;} #left-col ul li{margin: 0; padding: 0;} #left-col ul.site-map li {padding:3px 6px;} #left-col ul.site-map li.handle {padding:9px 11px;font-size:1.1em;margin:0em 0em 0.2em 0em; font:normal normal normal ;} #left-col ul.site-map li.handle ul {border:none;padding:3px 6px;margin-top: 0.2em;margin-bottom: 0.2em;} #menu li { width: 100%; margin: 0 0.1em 0 0; padding: 0; } #menu #here a {color: #fbfbfb; background: #1e1e1e; text-decoration: underline; } #menu li a { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; display: block; font-weight: bold;color: #fbfbfb; padding: 6px 0.2em 6px 0.2em; background-color: #282828; text-decoration: none;} #menu li a:hover {color: #fbfbfb; background-color: #282828;text-decoration: none; } #right-col ul {list-style: none;margin: 0; padding: 0;} #right-col ul.site-map{margin:0 0 3em 0;background:#282828;color:#d1d1d1;position:relative;} #right-col ul li{margin: 0; padding: 0;} #right-col ul.site-map li {padding:3px 6px;margin: 0;} #right-col ul.site-map li.handle {padding:9px 11px; font-size:1.1em;margin:0em 0em 0.2em 0em; font:normal normal normal ;} #right-col ul.site-map li.handle ul {border:none;padding:3px 6px;margin-top: 0.2em;margin-bottom: 0.2em;} /* images */ #main-content #bottom-content img {position: relative;z-index: 2;margin-left: -0.2em;margin-bottom: 1.2em;border:solid 2px #ccc; width: 265px;min-width: 100%;height: 100%;background: #282828; } #main-content #bottom-content img.col {position: relative;z-index: 2;margin-left: -0.2em;margin-bottom: 1.2em;border:solid 2px #ccc; width: 95%;max-width: 283px; height: 95%;background: #282828; } #main-content #bottom-content img.col-2 {clear: none;margin-left: 2%; margin-right: 2%; text-align: center;width: 100%; height: auto; } #main-content #bottom-content img.half-size {overflow: hidden;width: 260px;position: relative;z-index: 2;margin-left: -0.2em; margin-bottom: 1.2em;border:solid 2px #ccc; background: #282828;} #main-content #bottom-content img.thumbnail {width: 120px;position: relative;z-index: 2;margin-left: -0.2em;margin-bottom: 0.1em;border:solid 2px #ccc; background: #282828;} #main-content #bottom-content img.home {margin-left: -0.5em; border:solid 2px #ccc;} #main-content #bottom-content img#placeholder {border:solid 2px #ccc; background: #282828; } #main-content #bottom-content p.last_updated { background: url(/images/cornerR.png) bottom right no-repeat; clear: both; position: relative; padding: 1em; right: -1px; bottom: -1px; } .portfolio-group { width:100%; float:left; margin:0 1em 1em 1em; } .portfolio-handle { background:#282828; color:#d1d1d1; padding:3px 6px;font-size:1.2em;margin:0.3em 0em 0.2em 0em; font:normal normal normal ; position:relative;border: solid 1px #282828; } .portfolio-content { background:#282828; margin:0; padding:5px; list-style-type:none;border: solid 1px #282828; } .portfolio-content { font:bold normal normal; margin:0 0.6em 1em 0.4em; color:#d1d1d1;word-spacing: 0.1em;} .portfolio-content p.specifications span {line-height: 1.2em;padding-bottom: 2px;} .portfolio-content p.link-to-small-boats { background: url() bottom right no-repeat; clear: both; position: relative; margin: 0;padding: 1em; right: -0.8em; bottom: 0.8em; } .portfolio-content dl { background:#282828; color:#d1d1d1; width: 98%; padding:3px 6px;font-size:1.0em;margin:0em 0em 1.5em 0em; position:relative; } .portfolio-content dt { background:#282828; color:#d1d1d1; padding:3px 0px;margin:0em 0em 0em 0em; font-size: 1.02em; position:relative; } .portfolio-content dt.article-title { background:#282828; color:#d1d1d1; padding:3px 0px;margin:0em 0em 0em 0em; font-size: 1.18em; position:relative; } .portfolio-content dd { background:#282828; color:#d1d1d1; text-align: left; padding:0px 0px;font-size:0.96em;margin:0.2em 0em 0em 0em; position:relative; } .portfolio-content dd.boat-name { background:#282828; color:#d1d1d1; text-align: left; padding:6px 3px;font-size:0.96em;margin:0.2em 0em 0em 1em; font-weight: bold; position:relative; } .portfolio-content dd.extract {margin: 1em;} .portfolio-content li { font:bold normal normal; margin:0 0.4em 1em 0.4em; letter-spacing:0; color:#d1d1d1; display: inline;} .portfolio-content li a { border: solid 1px #ccc;padding: 0px 7px 8px 7px ; overflow:hidden;} .portfolio-content #ul.slides {margin:0.3em 0em 0.2em 0em ; padding: 0%; background: #ccc;} .portfolio-content #ul.slides li.slide-show {margin: 0 ;list-style:none; float: left; padding:0; } .portfolio-content #holder-wrapper { width: 100%;clear: none; margin: 0 0 1.8em 0; padding: 0;} .portfolio-content > #holder-wrapper { width: 100%;clear: none; margin: 0 0 1.0em 0; padding: 0;} .portfolio-content #holder {clear: none; width: 562px; height: 292px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #chack-holder {clear: none; width: 562px; height: 385px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #review-holder {clear: none; width: 562px; height: 262px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper > #review-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #islandeagle-holder {clear: none; width: 562px; height: 330px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper > #invader-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #invader-holder {clear: none; width: 562px; height: 240px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #pogi-holder {clear: none; width: 562px; height: 303px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #ratty-holder {clear: none; width: 562px; height: 266px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #electric-launch-holder {clear: none; width: 562px; height: 333px;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper > #electric-launch-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper #ragsdale-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em; margin: 1em 0em 0.4em 0em; } .portfolio-content #holder-wrapper > #ragsdale-holder {clear: none; width: 562px; height: 277px;position: relative; left: 1.4em; margin: 1em 1em 0.4em 0em; } .portfolio-content #holder-wrapper #johnsbay-holder {clear: none; width: 562px; height: 388px;position: relative; left: 1.4em; margin: 1em 1em 0.4em 0em; } .portfolio-content #holder-wrapper > #johnsbay-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em; margin: 1em 1em 0.4em 0em; } .portfolio-content #holder-wrapper > #white-pine-holder {clear: none; width: 95%; max-width: 562px; height: 95%;max-height:330px;position: relative; left: 1.2em; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #white-pine-holder {clear: none; width: 562px; height: 330px;position: relative; left: 1.0%;margin: 0em 0em 0em 0em; } .portfolio-content #holder-wrapper > #captflint-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 428px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #captflint-holder {clear: none; width: 562px; height: 428px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #sailing-cruiser01-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 456px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #sailing-cruiser01-holder {clear: none; width: 562px; height: 456px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #sailing-cruiser02-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 505px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #sailing-cruiser02-holder {clear: none; width: 562px; height: 505px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #sailing-cruiser03-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 489px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #sailing-cruiser03-holder {clear: none; width: 562px; height: 489px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #alder-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 341px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #alder-holder {clear: none; width: 562px; height: 341px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #oak-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 420px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #oak-holder {clear: none; width: 562px; height: 420px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #sitka-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 356px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #sitka-holder {clear: none; width: 562px; height: 356px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #ironbark-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 370px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #ironbark-holder {clear: none; width: 562px; height: 370px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #douglasfir-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 370px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #douglasfir-holder {clear: none; width: 562px; height: 370px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #redcedar-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 327px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #redcedar-holder {clear: none; width: 562px; height: 327px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } .portfolio-content #holder-wrapper > #pilotbay {clear: none; width: 95%; max-width: 660px; height: 95%; max-height: 460px;position: relative; left: 2.8%; margin: 0em 0em 1.4em 0em; } .portfolio-content #holder-wrapper #pilotbay {clear: none; width: 541px; height: 377px;position: relative; left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; } #holder-wrapper .small-powerboat-holder {clear: none; width: 562px; position: relative; left: 1.4em; margin: 1em 1em 0em 0em; }323232 #auxillary-content #menu-box > img {width: 280px; height: auto; min-width: 100%;margin:0 0 0 0; padding:0;overflow: hidden;} #auxillary-content #menu-box img.tad {width: 160px; height: 158px;} #auxillary-content #menu-box > img.fin-de-siecle {width: 95%;height: 95%;} #auxillary-content #menu-box img.fin-de-siecle {width: 253px;height: 142px;} #auxillary-content #menu-box > img.island-eagle {width: 95%;height: 95%;} #auxillary-content #menu-box img.island-eagle {width: 270px;} #auxillary-content #menu-box > img.memory {width: 95%;height: 95%;} #auxillary-content #menu-box img.memory {width: 253px;} #auxillary-content #menu-box > img#memory-exterior {width: 95%;height: 95%;} #auxillary-content #menu-box img#memory-exterior {width: 253px;height: 220px;} #auxillary-content #menu-box > img#julieann {width: 95%;height: 95%;} #auxillary-content #menu-box img#julieann {width: 253px;height: 168px;} #auxillary-content #menu-box > img#twin-funnels {width: 95%;height: 95%;margin: 0.2em;} #auxillary-content #menu-box img#twin-funnels {width: 253px;height: 153px;margin: 0.2em;} #auxillary-content #menu-box > img#express47 {width: 95%;height: 95%;} #auxillary-content #menu-box img#express47 {width: 260px;height: 143px;} #auxillary-content #menu-box img#tern {width: 258px;height: 173px;} body > img#hetairos {width: 95%;height: 95%;overflow: hidden;} body img#hetairos {width: 270px;height: 225px;} .floatleft {float: left; padding: 0; } .floatright {float: right; margin-top: 0px;} .clear {clear: both; margin: 0;} .folio {position: relative; top: -15px;} .vcard {margin: 1em 1em 0 1em; color: #282828; font-weight: normal;background-color: #fbfbfb;} legend {font-weight: normal; color: #d1d1d1; background: #1e1e1e;padding:3px 2px;font-size:1.2em;margin:0.3em 0em 0.2em 0em; } fieldset {width: 80%;background: #282828;margin: 2em 1em 1em 1em; padding: 1em; border: solid 1px #282828;} fieldset div br {display: none;background: #282828;} fieldset span.rt { float: right; margin:0; padding:0; background: url(/images/) top right no-repeat; position: relative; right: -1em; top: -1em; padding: 1em; margin: 0; } fieldset span.rb {float: right; margin:0; padding:0; background: url(/images/grey-cornerR.png) bottom right no-repeat; clear: both; position: relative; margin: 0; right: -1.12em; bottom: -1.12em; padding: 1em; margin: 0; } label {display: block;color: #d1d1d1;font-weight: bold; font-size: 90%;} input.submit {border: none; font-size: 80%;font-weight: normal;color:#575757; background: #fbfbfb; font-family: serif;} input.text { color:#000; background: #fbfbfb; } textarea.text { color:#000; background: #fbfbfb; } #footer { background-color: #fbfbfb; padding: 0.8em 0 3em 0;} #footer ul#site-information {width: 68%; display: inline; margin: 0.9em 0 0 1em;font-size: 0.8em;list-style: none; padding: 0;} #footer ul#site-information li {font-weight: normal; display: inline; color: #575757;list-style: none;} #footer ul#site-information li a {font-weight: bold; text-decoration: underline; color: #575757;} #footer ul#site-information li a:hover {text-decoration: underline; color: #1e1e1e;background: #ccc;} #footer ul#site-information li a:active {color: #000;background: #ccc; }