/* (c) iliadis.eu  */




/*	===================================================================
	GENERIC
	===================================================================  */
html {
	height:100%;
}
body {
	min-height:100%;
	background:#E9E8E6 url(../images/bg_body.png) fixed bottom center no-repeat;
}

.wrapper { /* put extra background image here*/
	min-height:100%;
	min-width:1050px;	
}

.section_homepage { /* put extra background image here*/
	min-height:950px !important;
	background: url(../images/bg_section_homepage.png) bottom center no-repeat;
}
.section_about { /* put extra background image here*/
	background: url(../images/bg_section_about.png) top center no-repeat;
}
.section_chartering { /* put extra background image here*/
	background: url(../images/bg_section_chartering.png) bottom right no-repeat;
}
.section_snp { /* put extra background image here*/
	background: url(../images/bg_section_snp.png) top right no-repeat;
}



/*	===================================================================
	00 Navigation
	===================================================================  */

/*	Navigation flyout  */
.navigation {
	position: fixed;
	z-index:100;
	top: 0px;
	left: -200px;
	width:200px;
	height:100%;
	color: #ffffff;
	font-size: 11px;
	background:#444444;
	
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
.navigation_open {
	left: 0px !important;
}
.navigation nav {
	margin-top:200px;
}
.navigation a:link,
.navigation a:visited {
	display:block;
	margin:0;
	padding:0 20px;
	width:160px;
	height:40px;
	line-height:40px;
	font-size:14px;
	color: #ffffff;
	
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
.navigation a:hover {
	font-weight:bold;
	background:#333333;
}



/*	Humburger container */
.navigation .humburger_container {
	position: absolute;
	display:block;
	top: 0px;
	right: 0px;
	width:40px;
	height:100%;
}
.navigation .humburger_container a:link,
.navigation .humburger_container a:visited {
	display:block;
	padding:0;
	margin:10px 0;
	width:40px;
	height:40px;
	text-indent:-1000px;
	overflow:hidden;
}
.navigation .humburger_container .humburger {
	margin-top:20px !important;
	background: url(../images/icon_humburger_40x40px.png) left top no-repeat;
}
.navigation .humburger_container .contact {
	background: url(../images/icon_contact_40x40px.png) left top no-repeat;
}
.navigation .humburger_container a:hover {
	background-color:#333333;
}





/*	===================================================================
	01 HEADER
	===================================================================  */
header.header_container {
	position:relative;
	padding-left:50px;
	margin:0 auto;	
	width:1000px;
	height:180px;
}


/*	Website logo  */
header.header_container h1 {
	position: absolute;
	top: 80px;
	left: 25px;
	width: 200px;
	height: 50px;
	text-indent: -10000px;
	background: url(../images/logo.png) no-repeat;
}
header.header_container h1 a {
	display:block;
	width: 150px;
	height: 50px;
	text-indent: -10000px;
}




/*	===================================================================
	02 BODY
	===================================================================  */
.content_container {
	position:relative;
	clear: both;
	padding-left:50px;
	margin:0 auto;
	width:1000px;
}
.content_container h1 {
}





/*	HOMEPAGE */
.banners {
	padding-top:50px;
	min-height:250px;
}
.homepage_buttons {
	float:left;
	display:inline-block;
	width:250px;
	height:250px;
	text-indent: -10000px;
	border:#C3A44F 5px solid;
	background-color:#DAD9D4;
	margin-right:50px;	
	
	-webkit-border-radius:130px;
	   -moz-border-radius:130px;
	     -o-border-radius:130px;
	        border-radius:130px;
			
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
.button_shipbroking:link,
.button_shipbroking:visited {
	
	background: url(../images/button_Chartering_large.png) no-repeat;
}
.button_SnP:link,
.button_SnP:visited {
	background: url(../images/button_SnP_large.png) no-repeat;
}
.button_contact:link,
.button_contact:visited {
	background: url(../images/button_Contact_large.png) no-repeat;
}
.homepage_buttons:hover,
.homepage_buttons:active {
	background-color:#ffffff;
}


/*	Banner about us */
.banner_about_us {	
	display:inline-block;
	padding-top:150px;
	width:370px;
}
.banner_about_us h2 {
	display:inline-block;
}
.banner_about_us p {
	width:250px;
}
.banner_about_us a:link,
.banner_about_us a:visited {
	display:inline-block;
	float:right;
	margin-top:35px;
	margin-left:20px;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#ffffff;
	background-color:#BD5A3D;
	
	-webkit-border-radius:40px;
	   -moz-border-radius:40px;
	     -o-border-radius:40px;
	        border-radius:40px;
			
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
.banner_about_us a:hover,
.banner_about_us a:active {
	padding:5px;
	
	-webkit-border-radius:45px;
	   -moz-border-radius:45px;
	     -o-border-radius:45px;
	        border-radius:45px;
}


/* Members of */
.members_of {
	padding-top:50px;
}
.members_of a:link,
.members_of a:visited {
	display:inline-block;
	margin-right:10px;
	padding:5px;
	height:90px;
	text-indent: -10000px;
	
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
}
.button_Baltic:link,
.button_Baltic:visited {
	width:150px;
	background: url(../images/logo_baltic.png) center center no-repeat;
}
.button_Bimco:link,
.button_Bimco:visited {
	width:60px;
	background: url(../images/logo_Bimco.png) center center no-repeat;
}
.button_HSA:link,
.button_HSA:visited {
	width:60px;
	background: url(../images/logo_HSA.png) center center no-repeat;
}
.button_AXS:link,
.button_AXS:visited {
	width:160px;
	background: url('../images/logo_AXS.png') center center no-repeat;
}
.members_of a:hover,
.members_of a:active {
	background-color:#ffffff;
}





/*	ARTICLES CANVAS NAVIGATION */
nav.canvas_navigation {
	display:block;
	clear:both;
	margin-top:40px;
	margin-bottom:20px;
	padding-left:400px;
	height:50px;
	vertical-align: central;
}
nav.canvas_navigation_about {
	background:url('../images/bg_about_40x40.png') -5px center no-repeat;
}
nav.canvas_navigation_chartering {
	background:url('../images/bg_chartering_40x40.png') -5px center no-repeat;
}
nav.canvas_navigation_snp {
	background:url('../images/bg_snp_40x40.png') -5px center no-repeat;
}
nav.canvas_navigation_contact {
	background:url('../images/bg_contact_40x40.png') -5px center no-repeat;
}




nav.canvas_navigation a:link,
nav.canvas_navigation a:visited {
	display:inline-block;
	overflow:hidden;
	margin-right:5px;
	width:40px;
	height:40px;
	text-indent:-10000px;
	color:#E9E8E6;
	vertical-align: central;
	
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	     -o-border-radius:20px;
	        border-radius:20px;
			
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
nav.canvas_navigation a:hover,
nav.canvas_navigation a:active {
	padding:5px;
	
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
	     -o-border-radius:25px;
	        border-radius:25px;
}
nav.canvas_navigation a.about:link,
nav.canvas_navigation a.about:visited {	
	background:#BD5A3D url('../images/icon_about_40x40.png') center center no-repeat;
}
nav.canvas_navigation a.chartering:link,
nav.canvas_navigation a.chartering:visited {
	background:#797A74 url('../images/icon_chartering_40x40.png') center center no-repeat;
}
nav.canvas_navigation a.snp:link,
nav.canvas_navigation a.snp:visited {
	background:#797A74 url('../images/icon_SnP_40x40.png') center center no-repeat;
}
nav.canvas_navigation a.contact:link,
nav.canvas_navigation a.contact:visited {
	background:#C3A44F url('../images/icon_contact_40x40.png') center center no-repeat;
}




/*	ARTICLES */
article {
	padding-bottom:100px;
}
/*	Columns */
article div {
	display:inline-block;
	margin-right:50px;
	vertical-align:top;
	width:250px;
	
}
article div:last-child {
	margin-right:0;
}
article div.main_column {
	width:350px;
}
article div.image_container {
	position: absolute;	
	display: compact;
	overflow:hidden;
	top:200px;
	left:500px;
	width:500px;
	height:500px;
	
	-webkit-border-radius:250px;
	   -moz-border-radius:250px;
	     -o-border-radius:250px;
	        border-radius:250px;
}
.about article div.image_container {	
	background:url('../images/bg_about.jpg') fixed right top no-repeat;
	background-size: cover;
}
.chartering article div.image_container {	
	background:url('../images/bg_chartering.jpg') fixed left top no-repeat;
	background-size: cover;
}
.snp article div.image_container {	
	background:url('../images/bg_snp.jpg') fixed left top no-repeat;
	background-size: cover;
}

/*	Unordered List */
article ul {
	margin-bottom:10px;
	padding-left:20px;
}
article li ul {
	margin-bottom:0;
	padding-left:20px;
}
article li {
	list-style: circle;
}
article li ul li {
	list-style: circle;
}

/*	Google maps */
.google_map {
	display:block;
	margin-bottom:30px;
	padding-left:40px;
	height:400px;
	background:#333333;
	border-top:#ffffff 2px solid;
}




/*	===================================================================
	03 FOOTER
	===================================================================  */
footer {
	position:fixed;
	bottom:0;
	width:100%;
	height:30px;
	margin:0 auto;
	font-size:85%;
	background:#E9E8E6
}
footer a:link,
footer a:visited {
}
footer a:hover,
footer a:active {
}


/*	Credits  */
.credits {
	position:relative;
	width:950px;
	height:30px;
	margin:5px auto;
	color:#797A74;
}
.credits a:link,
.credits a:visited {
	line-height:16px;
	color:#999999;
}
.credits a:hover,
.credits a:active {
	color:#333333;
}




/*	===================================================================
	COMPONENTS
	===================================================================  */