body {
    font-family: "Lucida Grande","Lucida Sans",Tahoma;
    font-size: 14px;
}
body.superyachts {
	background: #01406E url(../images/superyachts/bg.jpg) repeat-x;
}
a {
    text-decoration: none;
	color: #025b9d;
}
#header-wrapper {
    background: url(../images/header-swish-wide.png) no-repeat center top;
    height: 186px;
    position: relative;
    z-index: 400;
}
.feature {
    height: 182px;
/*	background: url(../images/dummy/feature-img.jpg) bottom; */
    margin-top: -87px;
    position: relative;
}
.feature h1 {
	position: absolute;
	left: 25px;
	bottom: 15px;
	font-size: 45px;
	color: #FFF;
	font-family: "Futura Lt BT";
    /* z-index: 3; */
    width: 550px;
    height: 48px;
    background-repeat: no-repeat;
}
#feature-imgs {
    width: 100%;
    height: 100%;
}

.container {
    width: 980px;
    margin: auto;
}

/****************************************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/****************************************/

#logo {
    margin-left: 30px;
    margin-top: 57px;
}

#page {
    background: #FFF;
}

#subswish {
    background: #01406e url(../images/swish/transparent.png) no-repeat left bottom;
    height: 90px;
    position: relative;
    margin-bottom: 20px;
}
#subswish.selected {
	background-color: #00A0A9;
}

/* This link appears inside the subswish on certain pages */
#view-gallery {
    color: #FFF;
    position: absolute;
    left: 20px;
    top: 6px;
    text-transform: uppercase;
	background: url(../images/gallery-icon.png) no-repeat left center;
	padding-left: 22px;
	display: block;
}

#subswish-nav {
    position: absolute;
    right: 15px;
    top: 8px;
}
#subswish-nav li {
	float: left;
	padding: 0;
	margin: 0;
}
#subswish-nav a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
    padding: 0 10px 4px;
	display: block;
}


#footer {
    background: url(../images/footer-swish-border.png) bottom;
    padding-top: 52px;
    height: 94px;
	position: relative;
    margin-bottom: 30px;
    clear: both;
}

#copyright {
    float: left;
    margin-left: 25px;
    color: #999;
    font-size: 12px;
}
#addthis {
    float: right;
    text-align: right;
    margin-right: 25px;
}

.B_crumbBox {
    position: absolute;
    left: 25px;
    top: 55px;
    font-size: 11px;
	color: #999;
}

/* topnav */
#topnav {
	position: absolute;
	right: 0;
	top: 10px;
}
#topnav li {
	float: left;
	background-image: none;
	padding: 0;
	margin: 0;
}
#topnav a {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	padding-right: 13px;
	padding-left: 13px;
	padding-bottom: 4px;
	display: block;
	background: url(../images/topnav/divider.png) no-repeat right center;
}
#topnav .last a {
	background-image: none;
}
#topnav a.active, #topnav a:hover {
	color: #333;
}

/** Nav **/
#nav {
    position: absolute;
    left: 250px;
    top: 54px;
    z-index: 3000; /* Fix IE7 z-index issue; container must have higher z-index than absolutely positioned content */
}
#nav li {
    float: left;
    margin-left: 10px;
}
#nav a {
    display: block;
    height: 24px;
    padding-top: 8px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
}

#nav ul {
	display: none; /* none */
	position: absolute; 
	top: 1em;
	left: 0;
	padding-top: 3px;
	z-index: 500;
    background: url(../images/nav/subnav-bg.png);
}
#nav li > ul {
	top: auto;
	left: auto;
}
#nav ul ol {
    position: relative;
    background-image: none;
}
#nav li li {
	float: none;
    margin-left: 0;
}
#nav li li a, #nav li.sfHover li a {
	width: auto;
	font-size: 13px;
	text-align: left;
    height: auto;
	line-height: 18px;
	padding: 0 0 10px 10px; /* 0 30px 10px 10px; */
	border: 0;
	color: #FFF;
    font-weight: bold;
    text-transform: none;
}
#nav li li a:hover, #nav li li a.active {
	color: #66CCCC;
}
#nav li:hover ul { display: block; }



#nav-locations a {
    width: 129px;
}
#nav-berth a {
    width: 144px;
}
#nav-superyachts a {
    width: 143px;
}
#nav-locations.active {
    /* Must specify separately to fix IE7 drop-down menu bug */
    background-image: url(../images/nav/locations.png);
    background-repeat:    no-repeat;
    color: #FFF;
}
#nav-berth.active {
    /* background: url(../images/nav/berth.png) no-repeat; */
    /* Must specify separately to fix IE7 drop-down menu bug */
    background-image: url(../images/nav/berth.png);
    background-repeat:    no-repeat;
    color: #FFF;
}
#nav-superyachts.active {
    /* background: url(../images/nav/superyachts.png) no-repeat; */
    /* Must specify separately to fix IE7 drop-down menu bug */
    background-image: url(../images/nav/superyachts.png);
    background-repeat:    no-repeat;
    color: #FFF;
}

#nav-locations:hover {
    background: url(../images/nav/locations_on.png);
    color: #FFF;
}
#nav li:hover a {
    color: #FFF;
}
#nav-berth:hover {
    background: url(../images/nav/berth_on.png) no-repeat;
}
#nav-superyachts:hover {
    background: url(../images/nav/superyachts_on.png) no-repeat;
}
.nav-locations-sub {
    width: 402px;
}

.nav-locations-sub li {
    float: left !important;
    width: 178px;
    margin-right: 18px;
}
.nav-locations-sub li.odd {
    clear: left;
    padding-left: 10px;
}

#nav ul.nav-berths-sub {
    background: url(../images/nav/subnav-berths-bg.png);
    width: 192px;
}
.nav-berths-sub li {
    padding-left: 10px;
}
.nav-berths-sub a {
    padding: 6px 10px;
}
/** Subnav **/
#subnav {
    position: absolute;
    bottom: 0;
    right: 20px;
}
#subnav li {
    float: left;
    opacity: 0.9;
}
#subnav a {
    display: block;
    width: 168px;
    height: 32px;
    background: url(../images/subnav/tab.png);
    text-align: center;
    color: #ccdeea;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 32px;
    margin-left: 10px;
}
#subnav li:hover, #subnav li.active {
    opacity: 1;
}
#subnav li:hover a, #subnav li.active a {
	background: url(../images/subnav/tab_on.png);
    color: #FFF;
}

#newsletter-tab {
    background: url(../images/newsletter-tab.png);
    display: block;
    width: 189px;
    height: 38px;
    position: absolute;
    left: 18px;
    top: 0;
    text-indent: -5000px;
}


#newsletter-tab.active {
	background-image: url(../images/newsletter-tab-close.png);
}
#subscribe-panel {
	background: #FFF url(../images/panel/bg.png) no-repeat center bottom;
    /*background: #005A9C;*/
	color: #999;
	display: none; 
    height: 169px;
    /*margin-top: -169px;*/
}
#panel {
	width: 940px;
    margin: 0 auto;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
    padding: 16px 0 0 20px;
    position: relative;
}
#panel h4 {
    font-size: 22px;
    font-family: Georgia;
}
#panel table {
    margin: 20px 0 0 13px;
}
#panel td {
    vertical-align: middle;
    color: #FFF;
    padding: 0;
    font-weight: bold;
}
#panel .errors {
    position: absolute;
    top: 24px;
    left: 236px;
    color: #66cccc;
}
#panel .errors label {
    margin-right: 20px;
}
#panel input.error {
    background: #ffffff;
    color: #66cccc;
}
#panel button {
    width: 86px;
    height: 21px;
    background: url(../images/panel/join.png);
    border: 0;
    text-indent: -5000px;
    cursor: pointer;
}
#panel button:hover {
    background-position: -86px;
}
.subscribe-input {
    width: 155px;
    border: 1px solid #3E7AA9;
    background: #156099;
    color: #FFF;
}






























.content {
	color: #666;
	line-height: 20px;
/*	overflow: auto; */
}
.content h1 {
	font-size: 22px;
	color: #333;
	margin-bottom: 16px;
    line-height: 28px;
}
.content h2 {
	font-size: 16px;
	color: #333;
	margin-bottom: 16px;
    font-weight: bold;
}
.content h3 {
	font-weight: bold;
	font-size: 14px; /* Or 15px */
	margin-bottom: 0;
	color: #333;
}
.content p, .content ul, .content ol {
	margin-bottom: 24px;
}

.content ul {
	margin-left: 23px;
}
.content ul li {
	background: url(../images/bullet.png) no-repeat left 9px;
	padding-left: 16px;
}
.content ol {
	list-style: lower-roman outside none;
	margin-left: 24px;
}

#coordinates {
	font-size: 16px;
}
/*
Some pages have full margins below H1, H3 -- clarify with Jaki how to determin which
*/


.marina-home-box-wrapper {
	width: 694px;
	background: #EDEDEB url(../images/box/marina-home-bottom.png) no-repeat left bottom;
	padding-bottom: 0px;
    margin-bottom: 40px;
}
.marina-home-box {
	background: url(../images/box/marina-home-top.png) no-repeat left top;
	padding: 15px;
	color: #7B7B6E;
}



/* The box showing the local map */
.location-box {
	width: 196px;
	height: 218px;
	background: url(../images/map-bg.jpg);
	float: left;
	margin: -3px 14px 0 0;
    padding: 12px 13px;
    position: relative;
    font-size: 12px;
    color: #666;
    line-height: 18px;
}
.location-box h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: normal;
}
#location-logo-box {
    background-image: url(../images/map-bg-logo.jpg);
}

#location-box-map {
    position: absolute;
    bottom: 13px;
    left: 13px;
}
.locations .location-box {
    background-image: url(../images/superyachts/map-bg.png);
    color: #FFF;
}
.locations .location-box h3 {
    background: none !important;
}
.locations h2 {
    color: #FFF;
    font-weight: normal;
}

/* Superyacht /Location home page - showing each marina */
.marina-block {
	position: relative;
	height: 350px;
	margin-bottom: 30px;
}
.marina-block img {
	padding: 8px;
	background: #E4E5E4;
}
.marina-block h3 {
	margin: 5px 0 15px;
	font-size: 15px;
}
.marina-location {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 24px;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: -2px;
}
.marina-block-content {
	margin: 0 8px;
	color: #333;
	font-size: 13px;
}
.marina-block-book {
	position: absolute;
	bottom: 5px;
	left: 8px;
}

.locationsblock {
	margin-top: 25px;
}
.locations a {
	color: #66cccc;
}
.locations h3 {
	color: #FFF !important;
	background-image: url(../images/superyachts/divider.jpg) !important;
	font-weight: normal;
}
.locations .latest-news-item {
	color: #FFF;
}
.locations h1 {
	font-weight: bold;
	font-size: 21px;
	color: #FFF;
}



#subswish.locations {
	height: auto;
	padding-top: 100px;
}


/** Super yachts **/ /* Used to be prefixed with .superyachts */
#subswish.locations {
	background: #01406E url(../images/superyachts/locations-swish.png) no-repeat;
	color: #FFF;
	padding-bottom: 38px;
}















.marina-interior {
    width: 640px;
    margin-right: 68px;
}









/** Sidebar **/
.sidebar {
	color: #666;
}
.sidebar h3 {
	font-size: 16px;
	color: #333;
	background: url(../images/divider.png) no-repeat left bottom;
	padding-bottom: 5px;
	margin-bottom: 20px;
	padding-left: 10px;
}
.sidebar h4 {
	font-weight: bold;
}

.sidebar .box {
	padding: 0 10px;
	margin-bottom: 30px;
	background: none;
}
/*.sidebar .box p {
    margin-bottom: 15px;
}*/
.sidebar .box p {
    font-size: 12px;
    color: #94a1aa;
    margin-bottom: 15px;
}
.sidebar .box p, .sidebar .box ul, .sidebar .box ol {
    margin-left: 10px;
}

.g3_1.sidebar {
	margin-top: 36px;
}
.sidebar-img {
    margin-bottom: 20px;
}


.latest-news-item {
	font-size: 12px;
	margin-bottom: 20px;
}
.box .latest-news-item p {
    margin-left: 0;
    color: #999;
}

#weather {
	background: url(../images/weather/bg.png) no-repeat left bottom;
	width: 200px;
	padding: 10px 17px 17px;
	margin-left: -6px;
    margin-top: -25px;
    font-size: 12px;
    margin-bottom: 20px;
}
#weather p {
    margin-bottom: 5px;
}
#weather-details {
    margin-left: 64px;
}
















.management-box-wrapper {
	width: 613px;
	background: #EDEDEB url(../images/box/management-bottom.png) no-repeat left bottom;
	padding-bottom: 0px;
    margin-bottom: 40px;
}
.management-box {
	background: url(../images/box/management-top.png) no-repeat left top;
	padding: 15px;
	color: #7B7B6E;
}
.management-box p {
	margin: 0;
	font-weight: bold;
	font-size: 13px;
}
.management-box strong {
	color: #333;
}
.investments-box-wrapper {
	background: #EEF0F2 url(../images/box/investments-bottom.png) no-repeat left bottom;
	margin-bottom: 15px;
}
.investments-box {
	background: url(../images/box/investments-top.png) no-repeat top;
	color: #667885;
	padding: 15px;
}
.investments-box p {
	margin: 0;
}

.enquiry-box-wrapper {
	background: #2874AC url(../images/box/enquiry-bottom.png) no-repeat left bottom;
	margin-bottom: 15px;
}
.enquiry-box {
	background: url(../images/box/enquiry-top.png) no-repeat top;
	color: #FFF;
	padding: 15px;
}
.purchase-box-wrapper {
	background: #2874AC url(../images/box/purchase-bottom.png) no-repeat left bottom;
	margin-bottom: 15px;
    width: 229px;
}
.purchase-box {
	background: url(../images/box/purchase-top.png) no-repeat top;
	color: #FFF;
	padding: 15px 15px 40px;
    font-size: 12px;
    font-weight: bold;
}
.purchase-box h3 {
    background-image: url(../images/box/purchase-divider.png);
    color: #FFF;
    margin-left: -11px;
    margin-right: -11px;
    margin-bottom: 15px;
}
.purchase-box a {
    color: #F90;
}
.purchase-box p {
margin-bottom: 1em;
}

.weather-box-wrapper {
    background: #F7F7F7 url(../images/weather/bot.png) no-repeat bottom;
    margin-bottom: 20px;
}
.weather-box {
    background: url(../images/weather/top2.png) no-repeat top;
    padding-bottom: 30px;
}
.weather-box h3 {
    background-image: url(../images/weather/divider.png);
    padding-left: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
}
.weather-info {
    margin: 0 15px;
    font-size: 11px;
    line-height: 16px;
}
.weather-icon {
    float: left;
    margin-right: 25px;
    margin-bottom: 13px;
}
.weather-temp {
    font-size: 20px;
    padding: 10px 0 6px;
    color: #333;
    font-weight: bold;
}
.weather-condition {
    font-size: 12px;
    color: #333;
}



/** Section specific styles **/
body.sec-13 #subswish {
	background-color: #A4A49A;
}
body.sec-14 #subswish {
	background-color: #94A1AA;
}
#subswish-nav li.active a {
/* body.sec-13 #subswish-nav li.active a, body.sec-14 #subswish-nav li.active a { */
	color: #01406E;
}

#marina-feature {
	height: 285px;
}











/* Board members */
.board-member {
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 24px;
}
.board-member img {
	float: left;
	margin: 0 10px 10px 0;
}
.board-member h2 {
	font-size: 15px;
	color: #333;
    margin-bottom: 0;
}
.board-member .tagline {
	font-style: italic;
}

.newsphoto {
	float: left;
	margin: 0 18px 18px 0;
}












/* News item */
.news-item {
	margin-bottom: 15px;
	overflow: auto;
	padding-bottom: 15px;
	border-bottom: 1px solid #E8E8E8;
}
.news-item h4 {
	font-weight: bold;
}
.news-item p {
	margin: 0;
	font-size: 13px;
}
.news-item .tagline {
	color: #333;
}
.news-thumbnail {
	float: left;
	width: 150px;
}
.news-summary {
	float: left;
	width: 543px;
}



#gallery {
    height: 700px;
    background: none;
}
#gallery h1 {
    top: 40px;
    right: 30px;
    bottom: auto;
    left: auto;
    background-position: right top;
}
/*
#gallery .B_crumbBox {
    left: auto;
    top: 110px;
    right: 30px;
    color: #FFF;
}

#gallery a {
    color: #66CCCC;
}
*/
#gallery .B_crumbBox {
    left: auto;
    top: 630px;
    right: 30px;
}

















#paginate-prev {
	float: left;
	width: 100px;
}
#paginate-pages {
	text-align: center;
	float: left;
	width: 494px;
}
#paginate-next {
	float: left;
	width: 100px;
	text-align: right;
}
.ditto_page, .ditto_currentpage {
	padding: 0 5px;
}















/** Downloads **/
.download-section {
    margin-bottom: 20px;
}
.download-item {
	padding-left: 30px;
	background: url(../images/pdf.png) no-repeat left 2px;
	font-size: 12px;
	line-height: 14px;
	overflow: visible;
    min-height: 30px;
}















.project-services ul {
	margin-left: 0;
	color: #333;
	width: 280px;
}
.project-services ul ul li {
	background: url(../images/dash.png) no-repeat left 11px;
	color: #666;
}
.project-services h3 {
	margin: 20px 0;
}


/* multilingual stuff */
#language-chooser{
    position: absolute;
    right: 15px;
    top: 106px;
}
#language-chooser img {
    vertical-align: middle;
    margin-left: 6px;
}
#language-chooser a {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}
#language-chooser li {
    text-align: right;
}

.staff_sidebar p {
    margin: 0.6em 0 3em 5px;
    font-size: 13px;
}


#ask-question {
    position: absolute;
    right: 15px;
    top: 40px;
    text-indent: -5000px;
    background: url(../images/ask-question.jpg);
    width: 100px;
    height: 56px;
}
#live-chat {
    position: absolute;
    right: 115px;
    top: 40px;
    text-indent: -5000px;
    background: url(../images/live-chat.jpg);
    width: 100px;
    height: 56px;
}












/** Projects page in Management section **/
#projects-table th {
    background: #2975AC;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    padding: 6px 0;
    border-bottom: 1px solid #FFF;
    line-height: 12px;
}
#projects-table th.project-details {
    font-size: 12px;
    background: #2975AC url(../images/projectdetails/tl.png) no-repeat left top;
}
#projects-table th.last {
    background: #2975AC url(../images/projectdetails/tr.png) no-repeat right top;
}
#projects-table td {
    background: #FBFBFB;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    padding: 4px 8px;
    width: 73px;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
}
#projects-table p {
    margin: 0;
    line-height: 12px;
}
#projects-table a {
    color: #0AA5A7;
}
#projects-table .project-location {
    background: #EFEFEF;
    text-align: left;
    font-size: 10px;
    width: 170px;
    padding-right: 16px;
}
.project-location h4 {
    font-size: 12px;
    font-weight:bold;
    line-height: 14px;
}

#projects-table {
    margin-bottom: 30px;
}

/** Live chat **/
.blacklink a {
    color: #666;
}
.fakelink {
color: #025b9d !important;
font-weight: bold;
}
.psimagecode {
    position: absolute;
    right: 0;
    top: 0;
}
.psimagecode  img {
    background-color: transparent;
    padding: 0;
    margin: 20px 20px 0 0;
}

.qtip-content {
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px !important;
}

#cta-box {
    border-top: 1px solid #E8E8E8;
    padding-top: 15px;
}
#enquiry-button-float {
    float: right;
    width: 240px;
    text-align: right;
}

/**************************************************************
Special RTL styles
***************************************************************/
/* Redefine the grid */
.rtl .g4_1, .rtl .g4_2, .rtl .g4_3, .rtl .g4_4 {
    float: right;
}

.rtl .alpha {
    margin-left: 0;
    margin-right: 25px;
}
.rtl .omega {
    margin-right: 0;
    margin-left: 25px;
}

.rtl .marina-interior {
    margin-left: 68px;
}

/* Subswish and tabs */
.rtl #subswish {
    background-image: url(../images/rtl/swish.png);
}
.rtl .B_crumbBox {
    position: absolute;
    left: auto;
    right: 25px;
    direction: rtl;
    unicode-bidi: bidi-override; 
}

.rtl .B_crumbBox a {
    direction: ltr;
    unicode-bidi: embed;
}
.rtl #subnav {
    left: 20px;
    right: auto;
    direction: rtl;
}
.rtl #subnav li {
    float: right;
}
.rtl #subswish-nav {
    right: auto;
    left: 15px;
}
.rtl #subswish-nav li {
    float: right;
}

.rtl .location-box {
    float: right;
    margin: -3px 0 0 14px;
}
.rtl #weather img {
    float: right !important;
}
.rtl #weather-details {
    margin-left: 0;
    margin-right: 64px;
}
.rtl #view-gallery {
    left: auto;
    right: 20px;
    background-position: right center;
    padding-left: 0;
    padding-right: 22px;
}

.rtl .feature { /* Needed to get rid of side-scroll on the page */
    direction: ltr;
}


.rtl .feature h1 {
    left: auto;
    right: 25px;
    background-position: right bottom;
}

.rtl #marina-logo {
    float: right;
}
.rtl #enquiry-button-float {
    float: left;
    text-align: left;
}
.rtl .weather-icon {
    float: right;
    margin-right: 0;
    margin-left: 25px;
}
.rtl .weather-box h3 {
    padding-left: 0;
    padding-right: 15px;
}