@import "fonts.css";
@import "reset.css";


/* Generic elements */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: url(../images/watermark.png) -475px -150px no-repeat; color: #333; font: 1.042em/1.26em "Bariol Regular", Arial, Helvetica, sans-serif; }

p, ul { margin-top: 1em; }
*:first-child, p.col { margin-top: 0; }
ul ul, ol ol { margin-top: 0; }
li { min-height: 1px; }

img { vertical-align: middle; }
img.port { float: left; margin: 3px 15px 15px 0; }
img.star { float: right; margin: 3px 0 15px 15px; }
img.port + *, img.star + * { clear: none; }

iframe { display: block; vertical-align: bottom; }

small { font-size: .780em; }


/* Custom paragraphs, links, images, etc. */

[href^="mailto:"] { white-space: nowrap; }
a[href^="mailto:"],a[href^="mailto:"]:link,a[href^="mailto:"]:visited { text-decoration: none; }
a[href^="mailto:"]:hover { text-decoration: underline; }







/* Links & Buttons */

a,:link,:visited { color: #0a3371; text-decoration: underline; } 
a:hover,a.important,a.on { color: #0a3371; text-decoration: none; }

.more { padding-right: 20px; background: url(../images/arrow1-rightwards-navy.png) 100% 50% no-repeat; white-space: nowrap; }
a.more,a.more:link,a.more:visited { color: #0a3371; text-decoration: none; }
a.more:hover { text-decoration: underline; }

.moreA {  }
.moreA:after { display: inline-block; margin-left: 9px; vertical-align: middle; border-style: solid; border-width: 4px 0px 4px 8px; border-color: transparent transparent transparent #093270; content: ''; }

.buttonA { display: inline-block; min-width: 280px; padding: 17px 45px 17px 40px; background-color: #acc1de; font-size: 20px; white-space: nowrap; text-align: center; }
.buttonA:after { position: relative; top: -1px; display: inline-block; width: 12px; height: 19px; margin-left: 13px; background: url(../images/arrow1-rightwards-navy.png) 50% 50% no-repeat; vertical-align: middle; content: ''; }
.buttonA, a.buttonA, a.buttonA:link, a.buttonA:visited { color: #093270; text-decoration: none; }
.buttonA:hover { background-color: #9db2d0; }


/* Blockquote */

blockquote { padding: .25em 0 0 30px; background: url(../images/quotes1_top-left.png) no-repeat; }
blockquote p { margin-top: .5em; }
blockquote .a { padding: 2px 30px 2px 0; background: url(../images/quotes1_bottom-right.png) 100% 100% no-repeat; white-space: nowrap; *display: inline-block; }
blockquote > em { display: block; margin-top: .5em; font-weight: bold; font-style: normal; }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .67em; line-height: normal; }
h1,h2 { color: #4b4b4b; font-weight: normal; }

h1 { font-size: 1.250em; text-transform: uppercase; }
h2 { font-size: 1.166em; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

h1 a,h1 a:link,h1 a:visited,h2 a,h2 a:link,h2 a:visited,h3 a,h3 a:link,h3 a:visited,h4 a,h4 a:link,h4 a:visited { text-decoration: none; }

hgroup { margin-bottom: .5em; }
hgroup > * { margin: 0; }


/* Form controls */

input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select { vertical-align: middle; }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], textarea, select { padding: 3px 9px; border-width: 0; background-color: #fff; color: #093270; font-family: "Bariol Regular", Arial, Helvetica, sans-serif; }
input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, textarea:hover, select:hover { border-color: #aaa; }
input[type="text"].smalltext { width: 30px; text-align: center; }
input[type="text"].tinytext { width: 25px; text-align: center; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus { border-color: orange; }
input[type="submit"], input[type="button"] { width: 84px; height: 34px; padding: 2px 20px 2px 5px; border-width: 0; background: #093270 url(../images/arrow1-rightwards-white.png) 90% 50% no-repeat; color: #fff; font-family: "Bariol Regular", Arial, Helvetica, sans-serif; text-transform: uppercase; }
input[type="submit"]:active, input[type="button"]:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }
input[type="submit"]:hover, input[type="button"]:hover { background-color: #001d4a; }
input[type="checkbox"] { width: 15px; height: 15px; margin-right: 5px; }
textarea { overflow: auto; height: 100px; resize: vertical; vertical-align: top; }

/* HTML 5 Placeholder */
*:-moz-placeholder { color: #093270; opacity: 1; }
*::-moz-placeholder { color: #093270; opacity: 1; }
*::-webkit-input-placeholder { color: #093270; opacity: 1; position: relative; top: 1px; }
*:-ms-input-placeholder { color: #093270; opacity: 1; }
*:focus:-moz-placeholder { color: #6c8cbc; opacity: 1; }
*:focus::-moz-placeholder { color: #6c8cbc; opacity: 1; }
*:focus::-webkit-input-placeholder { color: #6c8cbc; opacity: 1; }
*:focus:-ms-input-placeholder { color: #6c8cbc; opacity: 1; }

/* Form */

form { position: relative; }
form ul > li { position: relative; }
form > ul > li { clear: both; float: left; width: 100%; padding-bottom: 9px; }
form > ul > li li { float: left; width: 50%; }
form ul > li > label { float: left; width: 95px; margin-right: 5px; padding-top: 8px; }
form ul > li > label.to-hide { display: none; }
form label > em, form .label > em { color: #2c2c2b; font-weight: bold; }
form ul > li label { width: auto; padding: 0; color: #093270; font: normal 1em/normal "Bariol Regular", Arial, Helvetica, sans-serif; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
form ul > li label.blur { color: #aaa; }
form input[type="submit"] { float: right; }


/* Layout elements */

aside { float: left; }
header { clear: both; padding-bottom: .5em; }
footer { clear: both; padding-top: .5em; border-top: solid 1px #e2e2e2; }


/* Article */

article p, article blockquote, article ul, article ol { margin-top: .5em; }
article h1 { font-weight: bold; }
article h2, article h3, article h4, article h5, article h6 { font-weight: normal; }
article h2, article h3, article h4, article h5, article h6 { margin-top: .5em; }
article * + menu { margin-top: 1em; }
article > *:first-child { margin-top: 0; }

article > .body .box { margin-top: 1em; }
article > .body h1, article > .body h2, article > .body h3, article > .body h4, article > .body h5, article > .body h6 { margin-bottom: .3em; color: #093270; }
article > .body h1 + *, article > .body h2 + *, article > .body h3 + *, article > .body h4 + *, article > .body h5 + *, article > .body h6 + * { margin-top: .3em; }
article > .body li { margin-top: .5em; }
article > .body ul, article > .body ul ol { margin-top: .85em; }
article > .body li:first-child { margin-top: 0; }
article > .body ul li { padding-left: 20px; background: url(../images/arrow1-rightwards-navy.png) 0 0 no-repeat; }
article > .body ol { list-style: decimal; padding-left: 2em; }
article > .body blockquote { margin: .85em 0; padding: 15px 20px; background: #d0dcec url(../images/quotes1-close-steelblue.png) 97% 90% no-repeat; color: #093270; }
article > .body blockquote p { margin-top: .5em; }
article > .body blockquote p:first-child { margin-top: 0; }
article > .body .terms > li { margin-top: 1em; }
article > .body .terms > li:first-child { margin-top: 0; }


/* Clearfix */

.clearfix, .box, .colgroup, .colset, .after, section, .team-article .inner { display: block; *display: inline-block; }
.clearfix:after, .box:after, .colgroup:after, .colset:after, .after:after, section:after, .team-article .inner:after { clear: both; display: block; height: 0; visibility: hidden; content: "."; }


/* Layout models */

.inner { padding: 15px 15px 1px; }
.section { margin-bottom: 2em; }
.outwards { width: 100%; min-width: 980px; }
.inwards { width: 960px; margin: 0 auto; padding: 0 10px; text-align: left; }
.overlay, .curtain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.overlay.legend { top: 0; left: 0; }
.loading { display: block; min-height: 50px; background: url(../images/loading.gif) 50% 50% no-repeat; }


/* Curtain */

.curtain { display: none; top: 0; background: #fff; }
.curtain .notice { display: none; }


/* Column group model */

.colgroup { min-height: 1px; }
.colgroup > .colset { clear: both; padding-top: 1em; }
.colgroup > .colset:first-child { padding-top: 0; }
.colgroup .col, ul.colgroup > li, ul.colgroup > .colset > ul > li, .colgroup > aside, .colgroup > .colset > aside { display: inline; float: left; width: 48%; }
.colgroup .col + .col, .colgroup .col + aside, ul.colgroup > li + li, ul.colgroup > .colset > ul > li + li, .colgroup .col.star, .colgroup.pillars > .col:first-child + .col + .col { float: right; }
.colgroup.pillars > .col:first-child + .col { float: left; }
.colgroup .colA, ul.colgroup > li.colA, ul.colgroup > .colset > ul > li.colA, .colgroup .colB, ul.colgroup > li.colB, ul.colgroup > .colset > ul > li.colB { width: 49.9%; }
.colgroup.pillars > .col, ul.colgroup.pillars > li, ul.colgroup.pillars > .colset > ul > li, .colgroup.pillars > aside { width: 33.3%; }
ul.colgroup > li.colset { display: block; float: none; width: auto; }


/* Box models */

.box {  }

.box.boxA { padding: 14px 19px 16px; border: solid 1px #d0dcec; }

.box.boxB { padding: 18px 22px; background-color: #d0dcec; color: #093270; }
section.box.boxB > h1 { padding-bottom: .65em; border-bottom: solid 1px #b2c3da; color: #093270; text-transform: none; }


/* List models */

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; min-height: 1px; line-height: 1.3em; vertical-align: middle; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

.listA { overflow: hidden; margin: -12px -6px 0; }
.listA > li { float: left; margin: 12px 6px 0; }

.listB > li { margin-top: .7em; }
.listB > li:first-child { margin-top: 0; }
.listB > li > * { display: inline-block; vertical-align: top; }
.listB > li > *:first-child { margin-right: 4px; }
.listB > li > strong { font-weight: bold; }


/* Tables */

.table, .table > *, .table > * > * { font-size: inherit; }
.table { display: table; }
.table > .title { display: table-caption; }
.table > * { display: table-row; }
.table > * > * { display: table-cell; }

.tableA,
.tableA a,
.tableA a:link,
.tableA a:visited { color: #093270; }
.tableA > .title { margin: 10px 0 0; padding: 10px 15px 11px; font: 400 17px/21px 'Bariol Bold', sans-serif; text-transform: uppercase; }
.tableA > * > * { padding: 10px 15px 11px; }
.tableA > * > *,
.tableA > * > :first-child + * + * { background-color: #d6e0ee; }
.tableA > * > :first-child + * { background-color: #dee6f2; }

.tableA > :nth-child(2n) {  }
.tableA > :nth-child(2n) > :nth-child(2n+1) { background-color: #e3eaf3; }
.tableA > :nth-child(2n) > :nth-child(2n) { background-color: #ecf1f7; }


/* Horizontal centering of floating elements */

.hc { overflow: hidden; position: relative; }
.hc > * { float: left; width: auto; position: relative; left: 50%; margin: 0; padding: 0; }
.hc > * > * { float: left; position: relative; right: 50%; }


/* Featured Image */

.featured-image { position: relative; }
.featured-image .canvas img { display: block; }


/* Crossfade */

.crossfade { overflow: hidden; position: relative; width: 100%; height: 100%; }
.crossfade > * { display: none; position: static; top: 0; left: 0; right: 0; width: 100%; }
.crossfade > *:first-child { display: block; }
.crossfade > .crossfade-anim { position: absolute; }

.rotating-image { overflow: hidden; position: relative; width: 100%; height: 100%; }
.rotating-image > * { display: none; position: static; top: 0; left: 0; }
.rotating-image > *:first-child { display: block; }
.rotating-image > .crossfade-anim { position: absolute; }


/* Pagination */

.pagination { font-size: .95em; }
.pagination a { display: inline-block; margin-left: 7px; vertical-align: middle; }
.pagination a:first-child { margin-left: 0; }
.pagination .prev,
.pagination .next { position: relative; top: 1px; overflow: hidden; width: 10px; height: 0; padding-top: 20px; background-repeat: no-repeat; }
.pagination .prev { background-image: url(../images/arrow2-leftwards-navy.png); }
.pagination .next { background-image: url(../images/arrow2-rightwards-navy.png); }


/* Sub-navigation */

nav.nav-sub {}
nav.nav-sub > ul { font-size: 1.166em; }
nav.nav-sub > ul > li { margin-top: 1.029em; }
nav.nav-sub > ul a { display: block; padding: 16px; background-color: #c4d3e7; }
nav.nav-sub > ul a, nav.nav-sub > ul a:visited { color: #093270; text-decoration: none; }
nav.nav-sub > ul a > span { padding-right: 20px; background: url(../images/arrow1-rightwards-navy.png) 100% 50% no-repeat; white-space: nowrap; }
nav.nav-sub > ul > li:first-child + li > a { background-color: #acc1de; }
nav.nav-sub > ul > li > a:hover, nav.nav-sub > ul > li.on > a { background-color: #093270 !important; color: #fff; }
nav.nav-sub > ul > li > a:hover > span, nav.nav-sub > ul > li.on > a > span { background-image: url(../images/arrow1-rightwards-white.png); }


/* WP Post */

.post { margin-top: 5px; }
.post + .post { margin-top: 15px; padding-top: 25px; border-top: solid 1px #e2e2e2; }
/* Header */
.post .entry-header { padding-bottom: 7px; }
.post .entry-header .time { position: relative; display: inline-block; padding: 9px 11px; background-color: #d0dcec; font-size: 1.166em; text-transform: uppercase; }
.post .entry-header .time:after { position: absolute; top: 0; bottom: 0; left: 100%; width: 14px; background: url(../images/border1-right-lightblue.png) 0 0 no-repeat; content: ""; }
.post .entry-header .time a,
.post .entry-header .time a:link,
.post .entry-header .time a:visited { text-decoration: none; }
.post .entry-header .time .hour,
.post .entry-header .time .day sup { display: none; }
.post .entry-header .time + .entry-title { margin-top: 10px; }
.post .entry-header .entry-title { margin-bottom: 0; font-size: 1.166em; text-transform: none; }
.post .entry-header .entry-title a:hover { text-decoration: underline; }
/* Footer */
.post footer.entry-meta { padding: 7px 0 0; border-top: none; }
.post footer.entry-meta .listing-tags,
.post footer.entry-meta .comment-count,
.post footer.entry-meta .listing-tags * { display: inline-block; margin: 0; }
.post footer.entry-meta .listing-tags ol { list-style: none; margin: 0; padding: 0; font-size: 0; }
.post footer.entry-meta .listing-tags ol li { font-size: 16.67px; letter-spacing: 0; }
.post footer.entry-meta .listing-tags ol li:before { padding-right: 5px; content: ","; }
.post footer.entry-meta .listing-tags ol li:first-child:before { padding-right: 0; content: ""; }
.post footer.entry-meta .comment-count { margin-left: 1px; padding-left: 5px; border-left: solid 1px #093270; }
.post footer.entry-meta .comment-count a,
.post footer.entry-meta .comment-count a:link,
.post footer.entry-meta .comment-count a:visited { text-decoration: none; }
.post footer.entry-meta .comment-count a:hover { text-decoration: underline; }
.post footer.entry-meta a.more { font-size: 1em; text-transform: uppercase; }
/* Comments Area */
.comments-area { margin-top: 14px; padding-top: 18px; border-top: solid 1px #e2e2e2; }
.comments-area .comments-title { margin-bottom: 6px; }
.comments-area ol,
.comments-area li,
article > .body .comments-area ol { list-style: none; margin: 0; padding: 0; }
.comments-area .comment footer { border-top: none; }
.comments-area .comment-author .avatar,
.comments-area .comment-author .says,
.comments-area .comment-body .reply { display: none; }
.comments-area .comment-author,
.comments-area .comment-metadata { display: inline-block; }
.comments-area .comment-author b { font-weight: normal; }
.comments-area .comment-meta { padding-top: 0; padding-bottom: 8px; }
.comments-area .comment-meta a,
.comments-area .comment-meta a:link,
.comments-area .comment-meta a:visited { text-decoration: none; }
.comments-area .comment-meta a:hover { text-decoration: underline; }
/* Submit Comment Form */
.comment-respond { margin-top: 20px; padding-top: 18px; border-top: solid 1px #e2e2e2; }
.comment-respond .comment-reply-title { margin-bottom: 12px; }
.comment-respond .comment-form { overflow: hidden; }
.comment-respond .comment-form .comment-notes,
.comment-respond .comment-form .form-allowed-tags { display: none; }
.comment-respond .comment-form input[type="text"],
.comment-respond .comment-form input[type="email"],
.comment-respond .comment-form input[type="url"],
.comment-respond .comment-form textarea { padding: 5px 14px; background-color: #d7d7d7; }
.comment-respond .comment-form input[type="text"],
.comment-respond .comment-form input[type="email"],
.comment-respond .comment-form input[type="url"] { width: 100%; height: 32px; }
.comment-respond .comment-form textarea { width: 100%; }
.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-email,
.comment-respond .comment-form .comment-form-url,
.comment-respond .comment-form .comment-form-comment { width: 49.3%; margin-top: 9px; }
.comment-respond .comment-form .comment-form-author { margin-top: 0; }
.comment-respond .comment-form .comment-form-comment { margin-top: -73px; }
.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-email,
.comment-respond .comment-form .comment-form-url { clear: left; float: left; }
.comment-respond .comment-form .comment-form-comment { float: right; }
.comment-respond .comment-form .comment-form-comment textarea { height: 114px; }
.comment-respond .comment-form .form-submit { clear: both; padding-top: 9px; }


/* Post Navigation */

.post-navigation,
.paging-navigation { overflow: hidden; clear: both; width: 100%; margin-top: 25px; padding-top: 15px; border-top: solid 1px #e2e2e2; }
.post-navigation .screen-reader-text,
.post-navigation .meta-nav,
.paging-navigation .screen-reader-text,
.paging-navigation .meta-nav { display: none; }
.post-navigation .nav-links,
.paging-navigation .nav-links { float: right; line-height: 1.1em; font-size: 1em; text-transform: uppercase; }
.post-navigation .nav-links [rel="prev"],
.paging-navigation .nav-links .nav-previous a { padding-left: 22px; background: url(../images/arrow1-leftwards-navy.png) 0 60% no-repeat; }
.post-navigation .nav-links [rel="next"],
.paging-navigation .nav-links .nav-next a { margin-left: 10px; padding-right: 22px; padding-left: 14px; border-left: solid 1px #093270; background: url(../images/arrow1-rightwards-navy.png) 100% 60% no-repeat; }
.paging-navigation .nav-links .nav-previous,
.paging-navigation .nav-links .nav-next { display: inline-block; }

.post-navigation .nav-links a,
.post-navigation .nav-links a:link,
.post-navigation .nav-links a:visited { text-decoration: none; }
.post-navigation .nav-links a:hover { text-decoration: underline; }


/* Widgets */

.widget { padding: 13px 25px; background-color: #d0dcec; }
.widget + .widget { margin-top: 5px; }
.widget, .widget a, .widget a:link, .widget a:visited { color: #093270; }
.widget .widget-title { margin-bottom: 9px; padding-bottom: 9px; border-bottom: solid 1px #b2c3da; font-size: 1.166em; text-transform: uppercase; }
.widget ul li { margin-top: 7px; }
.widget ul li:first-child { margin-top: 0; }
.widget ul li a, .widget ul li a:link, .widget ul li a:visited { text-decoration: none; }
.widget ul li a:hover { text-decoration: underline; }

/* Subscribe */
.widget_subscribe { padding: 0; background-color: #e2e2e2; }
.widget_subscribe > .widget-title { padding-bottom: 0; border-bottom: none; font-size: 1em; line-height: 1em; text-transform: none; }
.widget_subscribe > .widget-title > a { display: block; padding: 11px 11px 11px 66px; background: url(../images/icon1-rss-navy.png) 24px 50% no-repeat; }
.widget_subscribe > .widget-title > a > .main { display: block; font-size: 1.166em; line-height: 1em; text-transform: uppercase; }


/* Categories */
.widget_categories {  }

/* Archives */
.widget_archive {  }

/* Search */
.widget_search {  }
.widget_search .widget-title { margin-bottom: 15px; }
.widget_search .screen-reader-text { display: none; }
.widget_search label { float: left; width: 84.6%; }
.widget_search form { overflow: hidden; }
.widget_search form input[type="search"],
.widget_search .search-submit { height: 27px; }
.widget_search form input[type="search"] { width: 100%; }
.widget_search .search-submit { float: right; width: 15.4%; padding: 0; background-image: none; }


/* Listing Charterers */

.listing-charters {  }
.listing-charters .group { display: block; white-space: normal; font-size: 0; line-height: 0; padding-top: 1px; padding-left: 1px; text-align: center; }
@media (-webkit-min-device-pixel-ratio: 0) { ::i-block-chrome .listing-charters .group, .listing-charters .group { font-family: sans-serif; letter-spacing: -4px; } }
.listing-charters .group > * { overflow: hidden; display: inline-block; font-size: 14px; line-height: normal; font-family: Tahoma, sans-serif; letter-spacing: 0; vertical-align: top; text-align: center; min-height: 0; white-space: nowrap; word-spacing: -4px; vertical-align: top; width: 138px; height: 172px; margin: -1px 0 0 -1px; border: solid 1px #e2e2e2; }
.listing-charters .group > * > * { white-space: normal; }
.listing-charters .group > *:after { width: 0; height: 100%; content: ''; }
.listing-charters .group > * > * { word-spacing: normal; font-size: 14px; }
.listing-charters .group > *:after, .listing-charters .group > * > * { display: inline-block; vertical-align: middle; }


/* Listing Fleet */

.listing-fleet {  }
.listing-fleet .group { overflow: hidden; display: table; width: 100%; }
.listing-fleet .group > * { clear: left; display: table-row; }
.listing-fleet .group > * > :before { display: none; margin: -12px -10px 9px -20px; padding: 10px 10px 10px 20px; background: #a6bcdb; font: 17px/22px "Bariol Bold", Arial, Helvetica, sans-serif; color: #093270; text-transform: uppercase; content: attr(data-title); text-decoration: none; }
.listing-fleet .group > * > :first-child + :before,
.listing-fleet .group > * > :first-child + * + * + :before,
.listing-fleet .group > * > :first-child + * + * + * + * + :before { background-color: #acc1de; }
.listing-fleet .group > :first-child > :before { display: inline-block; width: 100%; vertical-align: top; }
.listing-fleet .group > * > * { display: table-cell; padding: 12px 10px 12px 20px; }
.listing-fleet .group > * > :first-child { width: 15.9375%; }
.listing-fleet .group > * > :first-child + * { width: 16.5625%; }
.listing-fleet .group > * > :first-child + * + * { width: 15.7292%;  }
.listing-fleet .group > * > :first-child + * + * + * { width: 24.375%; }
.listing-fleet .group > * > :first-child + * + * + * + * { width: 13.6458%; }
.listing-fleet .group > * > :first-child + * + * + * + * + * { width: 13.75%; }
.listing-fleet .group > * > :first-child:before { width: 153px; }
.listing-fleet .group > * > :first-child + :before { width: 159px; }
.listing-fleet .group > * > :first-child + * + :before { width: 151px;  }
.listing-fleet .group > * > :first-child + * + * + :before { width: 234px; }
.listing-fleet .group > * > :first-child + * + * + * + :before { width: 131px; }
.listing-fleet .group > * > :first-child + * + * + * + * + :before { width: 133px; }
.listing-fleet .group > * > :first-child,
.listing-fleet .group > * > :first-child + * + *,
.listing-fleet .group > * > :first-child + * + * + * + * { background-color: #e3eaf3; }
.listing-fleet .group > * > :first-child + *,
.listing-fleet .group > * > :first-child + * + * + *,
.listing-fleet .group > * > :first-child + * + * + * + * + * { background-color: #ecf1f7; }
.listing-fleet .group > :nth-child(2n) > :nth-child(2n+1) { background-color: #d6e0ee; }
.listing-fleet .group > :nth-child(2n) > :nth-child(2n) { background-color: #dee6f2; }


/* Listing Vessel Details */

.listing-vessel-details .group { width: 100%; }
.listing-vessel-details .group > .title { width: 100%; background-color: #09316e; color: white; }
.listing-vessel-details .group > * { }
.listing-vessel-details .group > * > .type { width: 33.4375%; }
.listing-vessel-details .group > * > .unit { width: 14.1667%; }
.listing-vessel-details .group > * > .value { width: 52.3958%; }

/* Darken first 6 rows of the first group */
/* Odd */
.listing-vessel-details .group:first-child > :nth-child(-n+6):nth-child(odd) > :nth-child(2n+1) { background-color: #b3c4df; }
.listing-vessel-details .group:first-child > :nth-child(-n+6):nth-child(odd) > :nth-child(2n) { background-color: #bacae2; }
/* Even */
.listing-vessel-details .group:first-child > :nth-child(-n+6):nth-child(even) > :nth-child(2n+1) { background-color: #becde4; }
.listing-vessel-details .group:first-child > :nth-child(-n+6):nth-child(even) > :nth-child(2n) { background-color: #c5d3e7; }


/* Team Listing */

.listing-team { overflow: hidden; padding-top: 6px; }
.listing-team > .group { overflow: visible; margin-right: -1.45%; margin-left: -1.45%; margin-bottom: -2.9%; }
.listing-team > .group:after { clear: both; display: block; content: ""; }
.listing-team > .group > * { max-width: 301px; margin-bottom: 0; padding-bottom: 0; float: left; width: 30.51506317%; margin-right: 1.40913508%; margin-left: 1.40913508%; margin-bottom: 2.81827016%; }
/* Item */
.team-member-item { }
.team-member-item .featured-image { background-color: #c4d3e7; text-align: center; }
.team-member-item .featured-image .canvas { position: relative; }
.team-member-item .featured-image img:first-child { position: relative; z-index: 2; visibility: visible; opacity: 1; }
.team-member-item .featured-image img:first-child + img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: opacity .5s linear 0s, z-index 0s linear .5s, visibility 0s linear .5s; transition: opacity .5s linear 0s, z-index 0s linear .5s, visibility 0s linear .5s; }
.team-member-item .featured-image .caption { display: block; padding: 8px 8px 14px; }
.team-member-item header a,
.team-member-item header a:link,
.team-member-item header a:visited { text-decoration: none; }
.team-member-item header a:hover img:first-child { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .5s, opacity 0s linear .5s; transition: visibility 0s linear .5s, opacity 0s linear .5s; }
.team-member-item header a:hover img:first-child + img { z-index: 3; opacity: 1; visibility: visible; -webkit-transition: opacity .5s linear 0s; transition: opacity .5s linear 0s; }
.team-member-item .full-name,
.team-member-item .job-title { display: block; }
.team-member-item .full-name { font-family: 'Bariol Bold', sans-serif; }
.team-member-item .job-title { margin-top: 1px; }
.team-member-item .about { margin-top: 11px; }
.team-member-item address { padding-top: 6px; }


/* Team Member Article */

.team-article { overflow: hidden; }
.team-article header,
.team-article header .featured-image { position: relative; height: 243px; }
.team-article header,
.team-article header a,
.team-article header a:link,
.team-article header a:visited,
.team-article header * { color: #093270; }
.team-article header img { width: auto; max-width: none; max-height: 100%; }
.team-article header .overlay { position: absolute; top: 0; bottom: 0; left: auto; right: 15px; z-index: 2; width: 52%; }
.team-article header .meta { display: table; width: 100%; min-width: 280px; height: 100%; }
.team-article header .meta > * { display: table-cell; padding: 0; vertical-align: middle; }
.team-article .story { float: left; width: 68.75%; }
.team-article .page-nav { float: right; width: 29.16667%; padding-top: 30px; }
.team-article .page-nav .buttonA { min-width: 100%; padding-right: 15px; padding-left: 15px; }
.team-article .full-name,
.team-article .job-title { float: left; margin: 0; font: 400 22px/25px 'Bariol Bold', sans-serif; }
.team-article .full-name { margin: 0 10px 0 0; }
.team-article .job-title:before { padding-right: 10px; content: '|'; }
.team-article .about { clear: both; float: left; width: 100%; margin: 12px 0 0; font-size: 19px; line-height: 24px; }


/* Wrappers */

#wrapper { max-width: 990px; margin: 0 auto; padding: 0 15px; }
#wrapper > * { clear: both; position: relative; }


/* Main area */

#main { z-index: 2; min-height: 150px; padding: 40px 0; }
body.home #main { padding-bottom: 24px; }
#main > * { margin-top: 1.5em; }
#main > *:first-child, article, #main > h1:first-child + *, #main > .col { margin-top: 0; }
#main > #banner:first-child { position: relative; margin-top: -12px; }
#main > h1:first-child, #main > .col:first-child > h1:first-child { margin-bottom: .3em; color: #093270; }
#main.colgroup > aside > * { margin-top: 1.2em; }
#main.colgroup > aside > .widget { margin-top: 25px; }
#main.colgroup > aside > *:first-child { margin-top: 0; }
#main > .colgroup.colgroup1 > .col { width: 294px; }
#main > .colgroup.colgroup1 > article.col { line-height: 1.3em; }
#main > .colgroup.colgroup1 > .colA { margin-right: 39px; }
#main > .colgroup.colgroup1 > .colB { float: left; }
#main > .colgroup.colgroup1 > .col > footer { border-top: none; padding-top: .25em; }
#main.colgroup.colgroup2 > .colA { width: 647px; }
#main.colgroup.colgroup2 > .colB { width: 277px; }
#main.colgroup.colgroup2 > h1 + .col + aside { position: relative; margin-top: -26px; }
#main > .colgroup.colgroup3 > .colA { width: 647px; }
#main > .colgroup.colgroup3 > .colB { width: 313px; }
#main > .colgroup.colgroup4 > .colA { width: 574px; padding: 20px 20px; background-color: #d0dcec;}
#main > .colgroup.colgroup4 > .colA input[type="text"], #main > .colgroup.colgroup4 > .colA textarea { width: 425px; }
#main > .colgroup.colgroup4 > .colB { float: right; width: 366px; }

/* Page Article */
article#main > .body > p:first-child, article#main > .body > h1:first-child + p { padding-bottom: .75em; border-bottom: solid 1px #e2e2e2; color: #093270; font-size: 1.166em; }
article#main > .body > p:first-child + p, article#main > .body > h1:first-child + p + p { margin-top: .65em; }
article#main > .body + * { margin-top: 1em; }
article#main > nav { overflow: hidden; margin: -.85em -16px 0 !important; }
article#main > nav > article { float: left; width: 464px; margin: 32px 16px 0; }
article#main > nav > article > h2 { margin-bottom: .4em; color: #093270; font-size: 1.042em; text-transform: uppercase; }
article#main > nav > article footer { border-top: none; padding-top: 0; text-transform: uppercase; }
article#main > nav > article footer p { margin-top: .8em; }
article#main > nav > article footer > a.more { display: inline-block; margin-top: .4em; }
article#main > nav > article > aside + .body { overflow: hidden; height: 92px; margin-left: 170px; }
article#main > nav > article > aside + .body > h1 { position: relative; font-size: 1em; }
article#main > nav > article > aside ~ footer { float: left; position: relative; margin: -1.15em 0 0 170px; }
article#main > nav > article > aside ~ footer a.more { margin-top: 0; } 
article#main > nav.page-nav { margin: 0 !important; }
article#main > .contact-details {  }
article#main > .contact-details > .box.boxB { height: 260px; }
article#main > .contact-details > .box.boxB .listB > li > a, article#main > .contact-details > .box.boxB .listB > li > a:link, article#main > .contact-details > .box.boxB .listB > li > a:visited { text-decoration: none; }
article#main > .contact-details > .box.boxB .listB > li > a:hover { text-decoration: underline; }
/* Page Article Banner */
article#main > .banner { position: relative; }
article#main > .banner .featured-image .caption { display: none; }
article#main > .banner .buttonA { position: absolute; top: 0; right: 0; z-index: 1; }

/* Team Article */
#main.team-article > h1:first-child { margin-bottom: .8em; }


/* Gallery */

#main > .gallery .display { overflow: hidden; position: relative; }
#main > .gallery .display .status { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; }
#main > .gallery .display .status.loading { background-image: url(../images/loading2.gif); }
#main > .gallery .display.loading .status { display: block; }
#main > .gallery .display img { position: static; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; width: 100%; height: auto; margin: 0; }
#main > .gallery .display img:first-child { z-index: 11; }
#main > .gallery .display img.gallery-animating { position: absolute; }
#main > .gallery .thumbnails { margin: -8px 0 0; }
#main > .gallery .thumbnails > li { position: relative; display: inline; float: left; width: 96px; margin: 8px 0 0 8px; }
#main > .gallery .thumbnails > li.on:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; background: url(../images/trans1-navy.png); background: rgba(2, 24, 57, .7) }
#main > .gallery .pagination { clear: both; float: right; padding-top: 15px; }
#main > .gallery .colA .caption { display: block; margin-top: 10px; padding: 11px 10px 13px; background-color: #dae3ec; color: #093270; font-size: 1.166em; }


/* The Header */

#site-header { position: relative; z-index: 3; float: left; width: 100%; padding: 34px 0 20px; border-bottom: solid 1px #e2e2e2; }
#site-header > h1 { margin: 0; padding-bottom: 40px; text-align: center; }
#site-header > h1 img { max-width: 230px; }


/* Navigation */

#site-nav, #site-nav ul { float: left; width: 100%; }
#site-nav > ul a { display: block; }
#site-nav > ul a, #site-nav > ul a:link, #site-nav > ul a:visited { color: #5c5c5c; text-decoration: none; }
#site-nav > ul a:hover, #site-nav > ul > li.on > a { color: #114794; }
#site-nav > ul li { position: relative; }
#site-nav > ul > li { border-left: solid 1px #88a5cc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }
#site-nav > ul > li:first-child { border-left: none; }
#site-nav > ul > li > a { position: relative; padding: 0 15px; text-transform: uppercase; text-align: center; }
#site-nav > ul > li > a:hover, #site-nav > ul > li.on > a, #site-nav > ul > li:hover > a { margin: -12px 0 -20px; padding: 12px 15px 20px; background: url(../images/arrow1-upwards-navy.png) 50% 0 no-repeat; }
#site-nav > ul > li > ul { width: auto; left: 5%; right: 5%; margin-top: 20px; }
#site-nav > ul ul { padding: 0 14px; background-color: #d0dcec; font-size: .917em; }
#site-nav > ul ul > li { border-top: solid 1px #94a9c7; }
#site-nav > ul ul > li:first-child { border-top: none; }
#site-nav > ul > li > ul > li > a { text-align: center; white-space: nowrap; }
#site-nav > ul ul a { padding: 7px 0; }
#site-nav > ul ul a, #site-nav > ul ul a:link, #site-nav > ul ul a:visited { color: #093270; }
#site-nav > ul ul a:hover, #site-nav > ul ul li.on > a { color: #5c5c5c; }

#site-nav > ul > li.navi-home { width: 13.645833333333332%  } 
#site-nav > ul > li.navi-about { width: 14.374999999999998% }
#site-nav > ul > li.navi-about > ul { left: 0; right: 0; }
#site-nav > ul > li.navi-business-philosophy { width: 26.041666666666668% } 
#site-nav > ul > li.navi-fleet {  width: 13.541666666666666% } 
#site-nav > ul > li.navi-gallery {  width: 15.729166666666666% } 
#site-nav > ul > li.navi-contact {  width: 16.458333333333332% } 


/* Contact form */

#contactform > ul > li * { float: right; }
#contactform > ul > li > label { line-height: 26px; float: left }
#contactform > ul > li > input[type="text"] { height: 32px; line-height: 22px; padding-top: 5px; padding-bottom: 5px; }
#contactform > ul > li > textarea { height: 122px; padding: 5px 9px; }


/* The Footer */

#site-footer { z-index: 1; float: left; width: 100%; padding-bottom: 34px; padding-top: 1.1em; line-height: 1.1em; }
#site-footer a, #site-footer a:link, #site-footer a:visited { color: #393737; text-decoration: none; }
#site-footer a:hover { color: #393737; text-decoration: underline; }
#site-footer small { font-size: 1em; }
/* Main Links and Copyright Info */
#site-footer > ul > li { display: inline; float: left; padding: 0 6px; border-left: solid 1px #393737; }
#site-footer > ul > li:first-child { padding-left: 0; border-left: none; }
#site-footer > ul > li:last-child { padding-right: 0; }
#site-footer > ul > li > a, #site-footer > ul > li > a:link, #site-footer > ul > li > a:visited { color: #231f20; text-decoration: none; }
#site-footer > ul > li > a:hover, #site-footer > ul > li.on > a { text-decoration: underline; }
/* TLD Footnote */
#site-footer #tld { display: block; float: right; text-align: right; }
#site-footer #tld a, #site-footer #tld a:link, #site-footer #tld a:visited, #site-footer #tld a:hover { color: #393737; text-decoration: none; }
#site-footer #tld > * { float: left; }
#site-footer #tld > *:first-child + * { margin-left: 6px; padding-left: 6px; border-left: solid 1px #393737; }