/*
Theme Name: Elling
Author: mediaBunker and the WordPress team

Description: Bespoke theme for Elling Yachts (Neptune Marine Shipbuilding b.v.).
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, white, dark, light, fixed-layout
Text Domain: elling

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f1f1f1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/** Fonts **/
@font-face {
    font-family: 'bazouk_light_ssilight';
    src: url('./fonts/bazouk_light-webfont.eot');
    src: url('./fonts/bazouk_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/bazouk_light-webfont.woff2') format('woff2'),
         url('./fonts/bazouk_light-webfont.woff') format('woff'),
         url('./fonts/bazouk_light-webfont.ttf') format('truetype'),
         url('./fonts/bazouk_light-webfont.svg#bazouk_light_ssilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bazouk_ssibold';
    src: url('./fonts/bazouk_bold-webfont.eot');
    src: url('./fonts/bazouk_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/bazouk_bold-webfont.woff2') format('woff2'),
         url('./fonts/bazouk_bold-webfont.woff') format('woff'),
         url('./fonts/bazouk_bold-webfont.ttf') format('truetype'),
         url('./fonts/bazouk_bold-webfont.svg#bazouk_ssibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bazouksskregular';
    src: url('./fonts/bazouk_regular-webfont.eot');
    src: url('./fonts/bazouk_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/bazouk_regular-webfont.woff2') format('woff2'),
         url('./fonts/bazouk_regular-webfont.woff') format('woff'),
         url('./fonts/bazouk_regular-webfont.ttf') format('truetype'),
         url('./fonts/bazouk_regular-webfont.svg#bazouksskregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** Website **/
html {
	min-width: 980px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; font-size: 1.6rem;
	color: #fff;
	line-height: 20px; line-height: 2.0rem;
	background-color: #000;
}	

strong {
	font-weight: bolder;
}

h1 {
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
	font-size: 33px; font-size: 3.3rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	color: #fff;
}

h2 {
	font-weight: bold;
	font-size: 18px; font-size: 1.8rem;
}

h3 {
}

h4 {
}

h5 {
	font-size: 12px; font-size: 1.2rem;
}

p {
	font-size: 16px; font-size: 1.6rem;
	line-height: 20px; line-height: 2.0rem;
	margin-bottom: 15px;
}

a:link, a:visited {
	text-decoration: none;
	color: #16435A;
	
}

a:hover {
	color: #16435A;
	text-decoration: underline;
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

span.superScript {
	font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

/* General Site */

div#outerWrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

div#headerWrapper {
	background-color: rgb(0, 35, 74);
	background-color: rgba(0, 35, 74, 0.6);
	overflow: hidden;
	height: 147px;
	margin-bottom: 10px;
}

div#headerWrapper a {
	float: left;
}

div#headerWrapper h1 {
	float: left;
	margin: 91px 0 0 0;
	text-align: center;
	width: 527px;
}

ul#navigation {
	background-color: rgb(0, 35, 74);
	margin-bottom: 10px;
	padding: 12px 30px 12px 30px;
}

ul#navigation li {
	display: inline-block;
	border-left: 1px solid #fff;
	padding: 0 13px 0 13px;
}

ul#navigation li.first {
	border-left: none;
	padding-left: 0;
}

ul#navigation a:link, ul#navigation a:visited {
	color: #fff;
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;
	transition:.6s;
	font-size: 15px; font-size: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

ul#navigation a:hover, body#home ul#navigation li.home a, body#ethos ul#navigation li.ethos a, body#range ul#navigation li.range a, body#singleYacht ul#navigation li.range a, body#specification ul#navigation li.range a, body#news ul#navigation li.news a, body#contact ul#navigation li.contact a, body#threeSixty ul#navigation li.threesixty a, body#agents ul#navigation li.agents a, body#preowned ul#navigation li.preowned a {
	color: rgb(0, 159, 227);
}

div#mainContentWrapper {
	background-color: #000;
	margin-bottom: 10px;
	height: 687px;
}

div#mainContentWrapper .galleryWrapper {
	height: 687px;
	position: relative;
}

div#mainContentWrapper .galleryWrapper .royalSlider > .rsContent {
	visibility: hidden; 
}

div#mainContentWrapper .galleryWrapper .thumbnailsOuterWrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 980px;
	height: 126px;
	z-index: 3000;
}

div#mainContentWrapper .galleryWrapper .thumbnailsInnerWrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	width: 980px;
	height: 126px;
	background-color: rgb(0, 18, 50);
	background-color: rgba(0, 18, 50, 0.85);
}

div#mainContentWrapper .galleryWrapper .overlay {
	position: absolute;
	left: 0;
	top: 0;
	background: url(./images/gallery_background_gradient.png) repeat-x left bottom;
	padding-bottom: 57px;
	min-height: 250px;
}

div#mainContentWrapper .galleryWrapper .overlay h1, body#specification #mainContentWrapper h1, body#contact #mainContentWrapper h1, body#preowned #mainContentWrapper h1, body#agents #mainContentWrapper h1, body#error #mainContentWrapper h1 {
	float: left;
	display: block;
	background-color: rgb(0, 19, 51);
	background-color: rgba(0, 19, 51, 0.7);
	width: 980px;
	line-height: 32px; line-height: 3.2rem;
	padding: 9px 30px 9px 30px;
	margin: 20px 0 20px 0;
}

div#mainContentWrapper h1 span {
	font-size: 16px; font-size: 1.6rem;
	line-height: 21px; line-height: 2.1rem;
}

div#mainContentWrapper .galleryWrapper .overlay p {
	color: #000;
	padding: 0 30px 20px 30px;
	width: 715px;
	font-weight: bold;
	line-height: 21px; line-height: 2.1rem;
}

div#mainContentWrapper .galleryWrapper .overlay p strong {
	font-size: 19px; font-size: 1.9rem;
}

div#mainContentWrapper .galleryWrapper .overlay span.spacer {
     margin-top: 6px;
     display: block;
}

div#mainContentWrapper .galleryWrapper.fullWidth .overlay p {
	width: 870px;
}

div#mainContentWrapper .galleryWrapper .overlayLinkWrapper {
	position: absolute;
	right: 30px;
	top: 90px;
	width: 165px;
	z-index: 2000;
}

div#mainContentWrapper .galleryWrapper .overlayLinkWrapper h1 {
	color: rgb(0, 126, 149);
	color: rgba(0, 35, 73, 0.6);
	font-size: 15px; font-size: 13.5rem;
}

div#mainContentWrapper .galleryWrapper .overlayLinkWrapper a {
	color: rgb(255,255,255);
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
	font-size: 16px; font-size: 1.6rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	background-color: rgb(0, 19, 51);
	background-color: rgba(0, 19, 51, 0.7);
	width: 165px;
	display: block;
	text-align: center;
	line-height: 28px; line-height: 2.6rem;
	padding-top: 2px;
	margin-top: 10px;
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;
}

div#mainContentWrapper .galleryWrapper .overlayLinkWrapper a:hover {
	background-color: rgb(5, 11, 34);
	background-color: rgba(5, 11, 34, 0.9);
}
/* 'Ethos' page */
body#ethos #mainContentWrapper .galleryWrapper {
	background-image: url(./images/background_bridge-of-luxury-yacht.jpg);
}

/* 'The Range' pages */
body#range #mainContentWrapper {
/* 	background: url(./images/background_elling-yacht-range.jpg) top left no-repeat; */
	background: url(./images/_backgrounds/e6-luxury-yacht-from-elling.jpg) top left no-repeat;
}

body#range #mainContentWrapper .infoWrapper {
	background: url(./images/background_range_gradient.png) top left repeat-x;
	width: 320px;
	height: 295px;
	float: left;
	margin-right: 10px;
	padding-top: 32px;
	text-align: center;
}

body#range #mainContentWrapper .infoWrapper.last {
	margin-right: 0;
}

body#range #mainContentWrapper .infoWrapper img {
	float: left;
	margin-bottom: 20px;
}

body#range #mainContentWrapper h2 {
	margin: 5px 30px 0 30px;
	font-size: 15px; font-size: 1.5rem;
	line-height: 17px; line-height: 1.7rem;
	font-weight: normal;
}

body#range #mainContentWrapper a.button {
	display: inline-block;
	border: 1px solid rgb(0,159,227);
	text-transform: uppercase;
	color: rgb(0,159,227);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-right: 5px;
	padding: 5px 16px 5px 16px;
	font-weight: bold;
	margin-top: 20px;
	font-size: 15px; font-size: 1.5rem;
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;
}

body#range #mainContentWrapper .e4 a.button {
	border: 1px solid rgb(242,140,0);
	color: rgb(242,140,0);
}

body#range #mainContentWrapper a:hover.button {
	text-decoration: none;
	color: rgb(255,255,255);
	border: 1px solid rgb(255,255,255);
}

body#specification #mainContentWrapper {
	background-color: rgb(255,255,255);
	overflow: hidden;
	height: auto;
	padding-bottom: 30px;
}

div#specificationOuterContentWrapper {
	float: left;
	overflow: hidden;
/* 	background: rgb(255,255,255) url(./images/background_specification-page-continuation.png) top left repeat-y; */
	width: 980px;
}

div#specificationInnerContentWrapper {
	background-color: rgb(255,255,255);
	float: left;
	width: 745px;
	margin: 0 0 0 30px;
}

div#specificationInnerContentWrapper p {
	color: rgb(0, 35, 74);
}

div#specificationInnerContentWrapper h2 {
	color: rgb(0, 35, 74);
	font-size: 15px; font-size: 1.5rem;
	width: 600px;
	margin-bottom: 30px;
}

div#specificationInnerContentWrapper h2.large {
	font-size: 19px; font-size: 1.9rem;
	margin-bottom: 10px;
}

div#specificationInnerContentWrapper h3 {
	color: rgb(0, 35, 74);
	font-size: 13px; font-size: 1.3rem;
	margin-bottom: 43px;
	width: 700px;
}

div#specificationInnerContentWrapper .bar_wrapper {
	width: 745px;
	background-color: rgb(77,90,112);
	margin-top: 2px;
	float: left;
	clear: both;
	cursor: pointer;
}

div#specificationInnerContentWrapper .bar_wrapper h2 {
	color: rgb(255,255,255);
	text-align: center;
	line-height: 25px; line-height: 2.5rem;
	margin-bottom: 0;
	width: auto;
}

div#specificationInnerContentWrapper .content_wrapper {
	background-color: rgb(208,212,228);
	color: rgb(0,0,0);
	width: 745px;
	display: block;
	overflow: hidden;
	clear: both;
	float: left;
	display: none;
}

div#specificationInnerContentWrapper .content_wrapper ul {
	float: left;
	width: 158px;
	list-style: disc;
	margin: 15px 0 15px 27px;
}

div#specificationInnerContentWrapper .content_wrapper li {
	font-size: 12px; font-size: 1.2rem;
	line-height: 17px; line-height: 1.7rem;
	margin-bottom: 5px;
}

div#specificationInnerContentWrapper a.accordionLink {
	color: rgb(255,255,255);
	text-align: center;
	line-height: 32px; line-height: 3.2rem;
	margin-bottom: 0;
	width: 745px;
	background-color: rgb(	0, 159, 227);
	margin-top: 2px;
	float: left;
	clear: both;
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
	font-size: 18px; font-size: 1.8rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;
	transition:.6s;
}

div#specificationInnerContentWrapper a.accordionLink:hover {
	color: rgb(77,90,112);
	text-decoration: none;
}

div#specificationSideWrapper {
	float: right;
	width: 165px;
	margin: 0 30px 0 0;
	color: rgb(0, 35, 74);
	background-color: rgb(255,255,255);
	overflow: hidden;
}

div#specificationSideWrapper table {
	font-size: 12px; font-size: 1.2rem;
	margin-top: 12px;
	margin-bottom: 5px;
}

div#specificationSideWrapper table td {
	border-bottom: 1px solid rgb(199, 207, 215);
}

div#specificationSideWrapper h3 {
	color: rgb(255,255,255);
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
	font-size: 16px; font-size: 1.6rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	background-color: rgb(5, 11, 34);
	background-color: rgba(5, 11, 34, 0.9);
	width: 165px;
	display: block;
	text-align: center;
	line-height: 26px; line-height: 2.6rem;
	padding-top: 2px;
	margin-top: 10px;
}

div#specificationSideWrapper .thumbnails img {
	margin-top: 10px;
	display: block;
}

/* News */
body#news #mainContentWrapper {
	background: #1a2424 url(./images/background_elling-yacht-tinted.jpg) top left no-repeat;
	float: left;
	width: 980px;
	height: auto;
	padding: 30px 30px 30px 30px; 
}

body#news #mainContentWrapper h3 {
	font-size: 14px; font-size: 1.3rem;
}

body#news #mainContentWrapper #featuredArticle h1 {
	font-size: 55px; font-size: 5.5rem;
	display: inline-block;
	line-height: 33px; line-height: 3.3rem;
	border-right: 1px solid #fff;
	margin: 0 10px 25px 0;
	padding-right: 10px;
}

body#news #mainContentWrapper #featuredArticle h1 a:hover {
	text-decoration: underline;
}

body#news #mainContentWrapper #featuredArticle img {
	float: right;
	margin-left: 28px;
}

body#news #mainContentWrapper #featuredArticle h2 {
	font-size: 27px; font-size: 2.7rem;
	line-height: 26px; line-height: 2.6rem;
	margin: 10px 0 10px 0;
}

body#news #mainContentWrapper #featuredArticle a {
	color: #fff;
	text-decoration: none;
}

body#news #mainContentWrapper a:hover .superScript {
	text-decoration: none !important;
}

body#news #mainContentWrapper #featuredArticle a.archive {
	font-size: 21px; font-size: 2.1rem;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #fff;
	display: inline-block;
}

body#news #mainContentWrapper #featuredArticle a.archive:hover {
	text-decoration: underline;
}

body#news #mainContentWrapper #featuredArticle span {
	font-weight: bold;
}

body#news #mainContentWrapper #featuredArticle a:hover span {
	text-decoration: underline;
}

body#news #mainContentWrapper #subArticleWrapper {
	float: left;
	margin-top: 35px;
}

body#news #mainContentWrapper .subArticle {
	width: 446px;
	float: left;
	margin-bottom: 30px;
}

body#news #mainContentWrapper .subArticle a {
	color: #fff;
	text-decoration: none;
}

body#news #mainContentWrapper .subArticle.firstInRow {
	clear: both;
	margin-right: 28px;
}

body#news #mainContentWrapper .subArticle img {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

body#news #mainContentWrapper .subArticle h2 {
	font-size: 19px; font-size: 1.9rem;
	margin: 5px 0 8px 0;
}

body#news #mainContentWrapper .subArticle p {
	font-size: 15px; font-size: 1.5rem;
	line-height: 1.7rem;
}

body#news #mainContentWrapper .subArticle span {
	font-weight: bold;
}

body#news #mainContentWrapper .subArticle a:hover span {
	text-decoration: underline;
}

/* News additions for single news article page */
body#news #mainContentWrapper .imageColumnWrapper {
	float: right;
	width: 474px;
}

body#news #mainContentWrapper .imageColumnWrapper img {
	margin-bottom: 20px;
}

body#news #mainContentWrapper #featuredArticle .innerArticleTextWrapper {
	float: left;
	width: 445px;
}

body#news #mainContentWrapper #featuredArticle .innerArticleTextWrapper a.button {
	text-decoration: underline;
	font-weight: bold;
}

body#news #mainContentWrapper #featuredArticle .innerArticleTextWrapper a:hover.button {
	text-decoration: none;
}

body#news #mainContentWrapper #archiveWrapper h1 {
	margin: 0 0 25px 0;
}

body#news #mainContentWrapper #archiveWrapper ul {
	margin: 0 0 25px 0;
}

body#news #mainContentWrapper #archiveWrapper li {
	margin: 0 0 5px 0;
}

body#news #mainContentWrapper #archiveWrapper a {
	color: rgb(255,255,255);
}

body#news #mainContentWrapper #archiveWrapper a.button {
	text-decoration: underline;
	font-weight: bold;
}

body#news #mainContentWrapper #archiveWrapper a:hover.button {
	text-decoration: none;
}

/* Contact Us */
body#contact #mainContentWrapper {
	background-color: transparent;
	height: auto;
}

body#contact #mainContentWrapper #contactContentWrapper h1 {
	background-color: rgb(0, 19, 51);
	background-color: rgba(0, 19, 51, 0.7);
}

body#contact #contactContentWrapper {
	position: relative;
	background: url(./images/background_purchasing-elling-yacht.jpg) top left no-repeat;
	float: left;
	width: 980px;
	min-height: 490px;
	overflow: hidden;
}

body#contact .contentDetailsWrapper {
	padding: 24px 0 60px 30px;
/* 	background-color: rgb(0, 0, 0); */
/* 	background-color: rgba(0, 0, 0, 0.60); */
	margin-top: 82px;
	background: url(./images/background_overlay_gradient_contact.png) bottom left repeat-x;
}

body#contact .contentDetailsWrapper h2 {
	margin-bottom: 6px;
	width: 500px;
	font-size: 15px; font-size: 1.6rem;
}

body#contact .contentDetailsWrapper ul {
	margin-top: 15px;
	font-size: 14px; font-size: 1.5rem;
}

body#contact .contentDetailsWrapper ul.contactNumbers {
	font-size: 18px; font-size: 1.8rem;
	font-weight: bolder;
}

body#contact .contentDetailsWrapper ul.contactNumbers li {
	margin-bottom: 3px;
}

body#contact .contentDetailsWrapper ul.contactNumbers li a {
	color: rgb(255, 255,255);
}

body#contact #googleMapWrapper {
	position: absolute;
	top: 112px;
	right: 30px;	
}

body#contact #googleMapWrapper h3 {
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
	font-size: 29px; font-size: 2.9rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	margin-bottom: 14px; 
}

body#contact #googleMap {
	width: 360px;
	height: 310px;
	padding: 0;
}

body#contact #accordionOuterWrapper {
	float: left;
	width: 980px;
	margin-bottom: 10px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.8);
}

body#contact #accordionOuterWrapper h1 {
	background-color: rgb(77,90,112);
	margin: 10px 0 0 0;
	text-align: center;
}

body#contact #accordionOuterWrapper .bar_wrapper {
	width: 980px;
	background-color: rgb(77,90,112);
	margin-top: 4px;
	float: left;
	clear: both;
	cursor: pointer;
}

body#contact #accordionOuterWrapper .bar_wrapper.special {
	background-color: rgb(	0, 159, 227);
}

body#contact #accordionOuterWrapper .bar_wrapper h2 {
	color: rgb(255,255,255);
	text-align: center;
	line-height: 25px; line-height: 2.5rem;
	margin-bottom: 0;
	width: auto;
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
}

body#contact #accordionOuterWrapper .content_wrapper {
	background-color: rgb(208,212,228);
	color: rgb(0,0,0);
	width: 980px;
	float: left;
	display: none;
}

body#contact #accordionOuterWrapper .content_inner_wrapper {
	padding: 24px 30px 20px 30px;
}

body#contact #accordionOuterWrapper .content_wrapper .yachtSelector legend, body#contact #accordionOuterWrapper .content_wrapper .yachtSelector label {
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
	font-size: 19px; font-size: 1.9rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	margin-bottom: 14px;
	line-height: 19px; line-height: 1.9rem;
	float: left;
}

body#contact #accordionOuterWrapper .content_wrapper .yachtSelector input {
	line-height: 19px; line-height: 1.9rem;
	margin-left: 15px;
	margin-right: 4px;
	float: left;
}

body#contact #accordionOuterWrapper .content_wrapper .specifications {
	float: left;
	width: 920px;
	display: none; /* Hide all instances on page load */
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper {
	float: left;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid rgb(170,170,170);
	
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.first {
	border-top: none;
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper h2 {
	font-size: 15px; font-size: 1.5rem;
	
}

body#contact #accordionOuterWrapper .content_wrapper p {
	float: left;
	margin: 15px 27px 15px 27px;
}

body#contact #accordionOuterWrapper .content_wrapper ul {
	float: left;
	width: 169px;
	list-style: disc;
	margin: 5px 0 5px 15px;
}

body#contact #accordionOuterWrapper .content_wrapper ul.halfPageWidth {
	width: 445px;
}

body#contact #accordionOuterWrapper .content_wrapper li {
	font-size: 13px; font-size: 1.3rem;
	line-height: 15px; line-height: 1.5rem;
	margin-bottom: 5px;
	padding-right: 5px;
}

body#contact #accordionOuterWrapper .content_wrapper li.special {
	border-top: 1px solid #000;
	list-style: none;
	margin-left: -15px;
	width: 160px;
	padding-top: 4px;
	line-height: 11px; line-height: 1.1rem;
	font-weight: bold;
}

body#contact #accordionOuterWrapper .content_wrapper li.special span {
	float: right;
	text-align: right;
}

body#contact #accordionOuterWrapper .content_wrapper li.special.last {
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.ultimatePackage {
	border-top: 1px solid rgb(198,132,77);
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.ultimatePackage {
	color: rgb(174,79,0);
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.ultimatePackage .additionalPackageSelector {
	font-weight: bold;
	margin-left: -5px;
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.ultimatePackage .additionalPackageSelector label {
	margin-left: 3px;
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.ultimatePackage .additionalPackageSelector input {
	vertical-align: top;
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.furtherOptions {
	color: rgb(77, 90, 112);
/* 	border-top: 1px solid rgb(77, 90, 112); */
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.furtherOptions li.option {
	list-style: none;
}

body#contact #accordionOuterWrapper .content_wrapper .sectionWrapper.furtherOptions li.option input {
	margin-left: -18px;
	margin-right: 5px;
	margin-bottom: 0;
}

body#contact #accordionOuterWrapper .content_wrapper .personalDetails {
	float: left;
	clear: both;
	width: 920px;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid rgb(170,170,170);
}	

body#contact #accordionOuterWrapper .content_wrapper .personalDetails input[type=text] {
	line-height: 15px; line-height: 1.5rem;
	padding: 0 7px 0 7px;
	margin-bottom: 10px;
	margin-right: 6.5%;
	color: #777;
	background-color: #ffffff;
	height: 2.5em;
	width: 46.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; font-size: 1.4rem;
	outline: none;
	border: 0;
	-webkit-appearance: none;
}

body#contact #accordionOuterWrapper .content_wrapper .personalDetails select {
	line-height: 15px; line-height: 1.5rem;
	margin-bottom: 10px;
	color: #000;
	height: 2.5em;
	font-size: 14px; font-size: 1.4rem;
	outline: none;
	border: 0;
	padding: 0 7px 0 7px;
	margin-left: 0;
}

body#contact #accordionOuterWrapper .content_wrapper .personalDetails input.lastInRow {
	margin-right: 0;
}

body#contact #accordionOuterWrapper .content_wrapper .personalDetails .visitYardWrapper {
	float: left;
	clear: both;
	font-size: 13px; font-size: 1.3rem;
}

body#contact #accordionOuterWrapper .content_wrapper .personalDetails .visitYardWrapper label {
	margin-left: 5px;
}

body#contact #accordionOuterWrapper .content_wrapper .partExchange {
	float: left;
	clear: both;
	width: 920px;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid rgb(170,170,170);
}

body#contact #accordionOuterWrapper .content_wrapper .partExchange h2 {
	font-family: 'bazouksskregular', Arial, Helvetica, sans-serif;
	font-size: 19px; font-size: 1.9rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	margin-bottom: 5px;
	line-height: 19px; line-height: 1.9rem;
	
}

body#contact #accordionOuterWrapper .content_wrapper .partExchange p {
	font-size: 13px; font-size: 1.3rem;
	margin: 0 0 10px 0;
	width: 920px;
}

body#contact #accordionOuterWrapper .content_wrapper .partExchange input[type=text] {
	line-height: 15px; line-height: 1.5rem;
	padding: 0 7px 0 7px;
	margin-bottom: 10px;
	margin-right: 6.5%;
	color: #777;
	background-color: #ffffff;
	height: 2.5em;
	width: 46.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; font-size: 1.4rem;
	outline: none;
	border: 0;
	-webkit-appearance: none;
}

body#contact #accordionOuterWrapper .content_wrapper .partExchange select {
	line-height: 15px; line-height: 1.5rem;
	margin-bottom: 10px;
	color: #000;
	height: 2.5em;
	font-size: 14px; font-size: 1.4rem;
	outline: none;
	border: 0;
	padding: 0 7px 0 7px;
	margin-left: 0;
	margin-right: 20px;
}

body#contact #accordionOuterWrapper .content_wrapper .partExchange input.lastInRow {
	margin-right: 0;
}

body#contact #accordionOuterWrapper .content_wrapper .partExchange label {
	margin-left: 5px;
	font-size: 13px; font-size: 1.3rem;
}

body#contact #accordionOuterWrapper .content_wrapper input.submitButton {
	float: right;
	margin-top: 10px;
	display: inline-block;
	border: 1px solid rgb(0,159,227);
	background-color: rgb(208,212,228);
	text-transform: uppercase;
	color: rgb(0,159,227);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-right: 5px;
	padding: 5px 16px 5px 16px;
	font-weight: bold;
	margin-top: 20px;
	font-size: 15px; font-size: 1.5rem;
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;
	-webkit-appearance: none;
}

body#contact #accordionOuterWrapper .content_wrapper input.submitButton:hover {
	text-decoration: none;
	color: rgb(5, 11, 34);
	border: 1px solid rgb(5, 11, 34);
	cursor: pointer;
}

body#contact #accordionOuterWrapper .error {
	color: red;
	float: left;
	margin-top: 25px;
	font-size: 12px; font-size: 1.2rem;
}

body#contact #accordionOuterWrapper h2.thankyou {
	color: rgb(77, 90, 112);
	text-align: center;
	margin-top: 15px;
	font-size: 14px; font-size: 1.4rem;
}

body#contact #accordionOuterWrapper #brochure h2 {
	font-size: 15px; font-size: 1.5rem;
	margin-bottom: 15px;
}

body#contact #accordionOuterWrapper #brochure h2.error {
	font-size: 12px; font-size: 1.2rem;
	margin-bottom: 15px;
}

body#contact #accordionOuterWrapper #brochure input.brochureType {
	line-height: 15px; line-height: 1.5rem;
	
}

body#contact #accordionOuterWrapper #brochure label {
	margin-left: 5px;
	margin-right: 25px;
	font-size: 15px; font-size: 1.5rem;
	font-weight: bold;
	line-height: 15px; line-height: 1.5rem;
}

body#contact #accordionOuterWrapper #brochure input[type=text] {
	line-height: 15px; line-height: 1.5rem;
	padding: 0 7px 0 7px;
	margin-bottom: 10px;
	margin-right: 6.5%;
	color: #777;
	background-color: #ffffff;
	height: 2.5em;
	width: 46.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; font-size: 1.4rem;
	outline: none;
	border: 0;
	-webkit-appearance: none;
	
}

body#contact #accordionOuterWrapper #brochure select {
	line-height: 15px; line-height: 1.5rem;
	margin-bottom: 10px;
	color: #000;
	height: 2.5em;
	font-size: 14px; font-size: 1.4rem;
	outline: none;
	border: 0;
	padding: 0 7px 0 7px;
	margin-left: 0;
	width: 46.5%;
}

body#contact #accordionOuterWrapper #brochure input.lastInRow {
	margin-right: 0;
}

body#contact #accordionOuterWrapper #brochure #yachtTypeSelector {
	margin-bottom: 15px;
}

body#contact #accordionOuterWrapper #brochure #brochureTypeWrapper {
	margin-top: 15px;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper {
	margin-top: 20px;
	color: rgb(77, 90, 112);
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper a.download {
	float: left;
	clear: both;
	display: inline-block;
	border: 1px solid rgb(0,159,227);
	background-color: rgb(208,212,228);
	text-transform: uppercase;
	color: rgb(0,159,227);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-right: 5px;
	padding: 5px 16px 5px 16px;
	font-weight: bold;
	font-size: 15px; font-size: 1.5rem;
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper a.download:hover {
	text-decoration: none;
	color: rgb(5, 11, 34);
	border: 1px solid rgb(5, 11, 34);
	cursor: pointer;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper .innerContentWrapper {
	float: left;
	width: 704px;
	margin-top: 25px;
	margin-bottom: 10px;
	position: relative;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper .innerContentWrapper h2 {
	width: 414px;
	float: left;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper h2.titleOnly {
	text-align: center;
	margin-top: 35px;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper a.imageDownload {
	float: left;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.35);
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper a.imageDownload img { 
	display: block;
}

body#contact #accordionOuterWrapper #brochure .brochureConfirmationWrapper a.getAdobe {
	position: absolute;
	right: 0;
	bottom: 0;
}

	
	

/* 360 Test */
body#threeSixty #mainContentWrapper {
	background: url(./images/background_capsized-elling-yacht.jpg) top left no-repeat;
	float: left;
	width: 980px;
	overflow: hidden;
	position: relative;
}

body#threeSixty #mainContentWrapper #overlay {
	position: absolute;
	left: 0;
	top: 0;
	background: url(./images/background_overlay_gradient_360.png) repeat-x left bottom;
	padding: 30px 30px 57px 30px;
	width: 980px;
}

body#threeSixty #mainContentWrapper #leftContentWrapper {
	float: left;
	width: 500px;
}

body#threeSixty #mainContentWrapper #rightContentWrapper {
	float: right;
	width: 390px;
}

body#threeSixty #mainContentWrapper #overlay h1 {
	text-transform: uppercase;
	font-family: 'bazouk_ssibold';
	font-size: 41px; font-size: 4.1rem;
	line-height: 41px; line-height: 4.1rem;
}

body#threeSixty #mainContentWrapper #overlay h2 {
	text-transform: uppercase;
	font-family: 'bazouk_ssibold';
	font-size: 25px; font-size: 2.5rem;
	margin-top: 21px;
}

body#threeSixty #mainContentWrapper #overlay p {
	font-weight: bold;
	font-size: 14px; font-size: 1.4rem;
}

body#threeSixty #mainContentWrapper #threeSixtyVideoWrapper {
	margin: 496px 0 0 30px;
}

body#threeSixty #mainContentWrapper #threeSixtyVideoWrapper .videoWrapper {
	float: left;
	margin-right: 30px;
}

body#threeSixty #mainContentWrapper #threeSixtyVideoWrapper .youtubeIcon {
	float: left;
	margin-bottom: 5px;
}

body#threeSixty #mainContentWrapper #threeSixtyVideoWrapper a {
	background-color: rgb(255,255,255);
	float: left;
	clear: both;
}

body#threeSixty #mainContentWrapper #threeSixtyVideoWrapper a:hover img {
	opacity: 0.7;
}

body#threeSixty #mainContentWrapper #threeSixtyVideoWrapper a img {
	border: 2px solid rgb(255,255,255);
	display: block;
}

body#threeSixty #mainContentWrapper #threeSixtyVideoWrapper .threeSixtyIcon {
	float: right;
	margin-right: 30px;
	margin-top: -5px;
}

/* Agents */
body#agents #mainContentWrapper {
	background: url(./images/background_elling-yacht-sunset.jpg) top left no-repeat;
	float: left;
	width: 980px;
	height: auto;
	overflow: hidden;
}

body#agents #mainContentWrapper h1 {
	background-color: rgb(20, 20, 31);
	background-color: rgba(20, 20, 31, 0.75);
}

body#agents #mainContentWrapper h2 {
	color: rgb(255,255,255);
	margin: 0 0 20px 30px;
}

div#agentsContentWrapper {
	padding: 30px 0 15px 30px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.3);
	width: 840px;
	overflow: hidden;
}

div#agentsContentWrapper .columnContent {
	width: 250px;
	float: left;
	margin-right: 14px;
}

div#agentsContentWrapper p {
	font-size: 14px; font-size: 1.4rem;
	line-height: 16px; line-height: 1.6rem;
}

div#agentsContentWrapper p strong {
	line-height: 18px; line-height: 1.8rem;
}

div#agentsContentWrapper p a {
	font-weight: bold;

	color: rgb(255,255,255);
}

/* Pre-owned Elling */
body#preowned #mainContentWrapper {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.75);
	float: left;
	width: 980px;
	height: auto;
	min-height: 300px;
	overflow: hidden;
}

div#preownedContentWrapper {
	margin: 0 30px 0 30px;
}

div#preownedContentWrapper h2.noContent {
	color: rgb(0, 35, 74);
	font-size: 18px; font-size: 1.8rem;
	margin-bottom: 20px;
	padding-top: 20px;
	display: inline-block;
}

div#preownedContentWrapper h2 {
	color: rgb(0, 35, 74);
	font-size: 15px; font-size: 1.5rem;
	margin-bottom: 20px;
}

div#preownedContentWrapper .individualYacht {
	width: 298px;
	float: left;
	margin-left: 13px;
	text-align: left;
	color: rgb(0,0,0);
	margin-bottom: 30px;
}

div#preownedContentWrapper .individualYacht img {
	margin-bottom: 10px;
}

div#preownedContentWrapper .individualYacht h3 {
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
	margin-bottom: 5px;
}

div#preownedContentWrapper .individualYacht h4 {
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
}

div#preownedContentWrapper .individualYacht p {
	font-size: 13px; font-size: 1.3rem;
	line-height: 14px; line-height: 1.4rem;
	margin-bottom: 8px;
}

div#preownedContentWrapper .individualYacht.firstInRow {
	margin-left: 0;
	clear: both;
}

div#footer {
	background: rgb(5, 11, 34) url(./images/footer_background.png) repeat-y left top;
	overflow: hidden;
	width: 980px;
}

div#footer #footerInnerWrapper {
	float: left;
	width: 750px;
	border-right: rgb(33, 63, 97) solid 10px;
}

div#footer #virtualTour {
	float: left;
	width: 740px;
}

div#footer #virtualTour a {
	float: left;
	display: block;
}

div#footer #virtualTour img {
	float: left;
	display: block;
}

div#footer #socialMediaWrapper {
	float: left;
	width: 740px;
	background-color: rgb(33, 63, 97);
	padding: 20px 0 20px 30px;
}

div#footer #socialMediaWrapper a {
	float: left;
	margin: 6px 15px 0 0;
}

div#footer #socialMediaWrapper h2 {
	font-size: 15px; font-size: 1.5rem;
}

div#footer #socialMediaWrapper p {
	font-size: 14px; font-size: 1.4rem;
	margin-bottom: 0;
	width: 650px;
}

div#footer #siteMapWrapper {
	float: left;
	color: #fff;
	padding: 38px 0 20px 30px;
	font-size: 14px; font-size: 1.4rem;
	line-height: 10px; line-height: 1.5rem;
	overflow: hidden;
	width: 740px;
}

div#footer #siteMapWrapper a {
	color: #fff;
}

div#footer #siteMapWrapper ul {
	float: left;
	width: 160px;
	margin-right: 10px;
}

div#footer #siteMapWrapper li {
	margin-bottom: 8px;
}

div#footer #newsSummaryWrapper {
	float: right;
	width: 230px;
	padding: 24px 26px 0 26px;
	background-color: rgb(5, 11, 34);
}

div#footer #newsSummaryWrapper a {
	color :#fff;
}

div#footer #newsSummaryWrapper a:hover {
	color : #fff;
	text-decoration: none;
}

div#footer #newsSummaryWrapper h1 {
	margin-bottom: 23px;
	font-size: 38px; font-size: 3.8rem;
}

div#footer #newsSummaryWrapper span {
	font-weight: bold;
}

div#footer #newsSummaryWrapper a:hover span {
	text-decoration: underline;
}

div#footer #newsSummaryWrapper h2 {
	margin-top: 12px;
	margin-bottom: 10px;
}

div#subFooter {
	padding: 10px 30px 0 30px;
	float: left;
	clear: both;
	width: 980px;
	height: 182px;
	background: url(./images/footer_background_gradient.png) no-repeat left top;
}

div#subFooter a {
	color: #fff;
}

/* 404 Page */
body#error #mainContentWrapper {
	background: url(./images/background_elling-yacht-sunset.jpg) top left no-repeat;
	float: left;
	width: 980px;
	height: auto;
	overflow: hidden;
}

body#error #mainContentWrapper h1 {
	background-color: rgb(20, 20, 31);
	background-color: rgba(20, 20, 31, 0.75);
}

body#error #mainContentWrapper h2 {
	color: rgb(255,255,255);
	margin: 0 0 20px 30px;
}

div#errorContentWrapper {
	padding: 30px 0 15px 30px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.3);
	width: 840px;
	overflow: hidden;
}

