body {
	background-color: #fbfbfb;
	margin: 0px auto;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 200;
	color: #000;
	font-size: 16px;
	line-height: 18px;
}
.wrapper {
	width: 960px;
	margin: 0px auto;
	padding: 0;
}
	.wrapper img {
	}
.bloc {
	width: 960px;
	height: 20px;
	background-color: red;
	margin: 0px auto;
	padding: 0;
}
.header {
	background-color: #3366cc;
	margin: 0px auto 20px auto;
	width: 960px;
	
}
.main_box {
	background-color: #E7F5FE;
	width: 960px;
	margin: 0px auto;
    line-height: 24px;
    color: #444;
/*
    font-size: 15px;
    font-weight: 300;
*/
}

/* Column one */
.one {
	width: 330px;
	padding: 10px;
	float: left;
}
	.one p {
		margin: 0px 0px 18px 0px;
		padding: 0;
	}
	.one p.first_para {
		font-size: 14px;
	}

/* Column two */
.two {
	width: 330px;
	padding: 10px;
	float: left;
}
	.two p {
		margin: 0px 0px 18px 0px;
		padding: 0;
	}
	.two p.top_para {
		margin: 0px 0px 18px 0px;
	}
	.two img {
		display: block;
		margin: 20px auto 0px auto;
		border: 0;
	}
	.two span.price {
		font-style: italic;
		font-weight: bold;
		color: blue;
		}

/* Column three */
.three {
	width: 260px;
	margin: 10px auto;
	float: left;
}
	.three p {
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		padding: 0px 40px;	
		margin: 0px;	
	}
	.three p.new {
		font-size: large;
		line-height: 24px;
		font-weight: bold;
		font-style: italic;
		background-color: #c41c22;
		color: white;
		margin: 0px auto;
		width: 65%;
		padding: 5px 0px;
		text-align: center;
		border-radius: 10px 10px 0 0;
		-moz-box-shadow: 3px 3px 4px #333333;
		-webkit-box-shadow: 3px 3px 4px #333333;
		box-shadow: 3px 3px 4px #333333;
		font-variant: small-caps;
	}

    .three p.wider {width: 85%;}

	.three p.availabilty {
		font-size: large;
		line-height: normal;
		color: red;
		margin-top: 4px;
		margin-bottom: 24px;
		text-align: center;		
	}
	.three img.cover {
		display: block;
		margin: 0px auto 25px auto;
		-moz-box-shadow: 3px 3px 4px #333333;
		-webkit-box-shadow: 3px 3px 4px #333333;
		box-shadow: 3px 3px 4px #333333;
/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	}

    .three img.extract {
		border: 1px solid #000000;
        display: block;
		margin: 0 auto 10px auto;		
	}

.details {
    margin: 0 10px;
    -webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    padding-bottom: 10px;
}

	.details p.first_para {
        margin: 0;
		font-size: 17px;
        font-weight: 400;
        letter-spacing: 1px;
        word-spacing: 2px;
	}

    .details img {
		display: block;
		margin: 20px auto 0px auto;
		border: 0;
/*        box-shadow: 3px 3px 4px #333333;  */
    }

.blue {color: blue;}

.mySlides {display: none;}

.boat_show_advert {
	width: 450px;
	padding: 10px 125px 5px 125px;
	float: left;
}
	.boat_show_advert img{
		display: block;
        border: none;
		}

.description {
	margin: 0px;
	padding: 0;
	}
	
.company_intro {padding: 10px;}

	.company_intro p {margin: 0px 0px 18px 0px;}

    .company_intro p:last-of-type {margin-bottom: 0px;}

	.company_intro img.advert {
		display: block;
		margin: auto;
		padding-bottom: 15px;
		}

.ramble {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-weight: 600;
    color: #c41c22;
}

.weight600 {font-weight: 600;}

.company_name {
	margin: 0px;
	color: #eeeeee;
	font-family: "Times New Roman", Times , serif;
	font-size: 48px;
	line-height: 56px;
	font-style: italic;
    font-weight: bold;
	padding: 12px 50px 12px 28px;
	float: left;
}
	.company_name a {
		color: #eeeeee;
		text-decoration: none;
	}

.title {
	margin: 0px;
	padding: 10px;
	}

.detail_container {
	width: 700px;
	margin: 0px;
/*	padding: 0 0 10px 0;           TEMPORARILY REMOVED ***/
	float: left;
	}
	
.contact_left {
	width: 210px;
	margin: 0px;
	padding: 5px;
	float: left;
    z-index: 10;
	}
	.contact_left p {
		padding-left: 10px;
		margin: 0px;
		font-size: 14px;
		line-height: 25px;
		}
	.contact_left p.address {
		padding-left: 50px;
		}

.contact_right {
	width: 740px;
	margin: 0px;
	padding: 0px;
	float: right;}

.contact {margin: 10px 0 10px 15px;}

.contact h1 {padding-top: 30px;}

.contact p {
        font-size: 14px;
        line-height: 25px;
}

.contact p.address {padding-left: 50px;}

.contact img {float: right;}

.greenways_link {
    color: black;
    font-weight: 600;
}

/* Universal settings */
h1 {
	margin: 5px 0px 0px 0px;
	font-size: 22px;
    line-height: 24px;
	font-weight: 800;
    color: #000;
}
h2 {
	margin: 5px 0px;
	color: navy;
    font-size: 18px;
	font-weight: 700;
}
.clear {
	clear: both;
}
#logo_image {
    width: 300px;
/*    height: 60px;
    display: inline;*/
    float: left;
    margin: 10px 0px 0px 20px;
    padding: 0px;
}

.condensed {font-family: 'IBM Plex Sans Condensed';}

.singleline {white-space: nowrap;}

/* #navigation menu */

#nav {
	margin: 0px;
    height: 28px;
/*	padding-top: 42px;*/
}
	
#nav ul ul {display: none;}

	#nav ul li:hover > ul {display: block;}

#nav ul {
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
    padding-left: 20px;
    font-size: 14px;
}

	#nav ul:after {content: ""; clear: both; display: block;}

	#nav ul li {float: left;}

		#nav ul li:hover {border-bottom: 5px solid darkmagenta;}
    
		#nav ul ul li:hover {
			background-color: #5C85D6;
            border-bottom-width: 1px;
            border-bottom-color: black
		}
	
			#nav ul li:hover a {color: whitesmoke;}
	
		#nav ul li a {
			display: block;
			padding: 0 10px;
			color: whitesmoke;
			text-decoration: none;
		}

	#nav ul ul {
		position: absolute;
		top: 100%;
		padding: 0;
        border-bottom: none;
	}
	
		#nav ul ul li {
			background-color: #2952B1;
			float: none;
			padding: 0px 15px 3px 10px;
			border-bottom: 1px solid black;
			position: relative;
		}

			#nav ul ul li a {padding: 3px;}

				#nav ul ul li a:hover {color: yellow;}

	#nav ul ul ul {
		width: 100%;
		position: absolute;
		left: 75%;
		top: 0;
		z-index: 1000;
	}

    #nav ul ul ul li { background-color: #1f3d7a;}

/* add arrows to indicate sub-menus */
.menu {}

/* add an arrow */
	.menu li > a:after { content: '\25BA'; }

/* remove arrow */
	.menu li > a:only-child:after { content: ''; }

.add_arrow a:after { content: '\25BA'; }

.shadow {
	-moz-box-shadow: 3px 3px 4px #333333;
	-webkit-box-shadow: 3px 3px 4px #333333;
	box-shadow: 3px 3px 4px #333333;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
}

.card {
    width: 45ch;
    background-color: hsl(220, 50%, 90%);
    display: flex;
    flex-direction: column;
    margin: 0 auto 1em auto;
}

.card h4 {
    background-color: hsl(220, 50%, 30%);
    margin: 0;
    padding: 0.5em 0;
    color: hsl(360, 100%, 100%);
    text-align: center;
    letter-spacing: 2px;
}

.card li {
    line-height: 150%;
}

footer p {
    background-color: #e7f5fe;
    color: #000;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
}

.lightpink { background-color: lightpink;}
.hotpink { background-color: hotpink;}
.lightviolet { background-color: #d6beda;}
.darkviolet { background-color: #6e4a75;}
.lightgreen { background-color: #a9ca81;}
.darkgreen { background-color: #4b5729;}
.postboxred {background-color: #c41c22}
.lightpostboxred {background-color: #f5bcbe}