@charset "utf-8";
/* CSS Document */

@import url('reset.css');
@import url('default.css');
@import url('preset.css');
@import url('prettyPhoto.css');

#header-homepage {position:absolute;z-index:9;left:18.5%;top:5em;}
#side {position:absolute;right:1em;top:16%;z-index:10;width:135px;height:405px;background:url('../images/bg-images/side.png');}
	#side a {display:block;text-indent:-99999em;}
	#side #icon1 {width:55px;height:104px;background:url('../images/misc/le-soleil.png') 0 -104px;margin:.5em 0 0 3.5em;}
	#side #icon1:hover {background-position:1px 0;background-repeat:no-repeat;}
	#side #icon2 {width:100px;height:15px;background:url('../images/misc/yngentech.png') 0 -16px;margin:2.8em 0 0 1.5em;}
	#side #icon2:hover {background-position:0 1px;}
	#side #icon3 {width:55px;height:66px;background:url('../images/misc/on-what-grounds.png') 0 -66px;margin:2.5em 0 0 3.5em;}
	#side #icon3:hover {background-position:0 0;}
	#side #icon4 {width:55px;height:82px;background:url('../images/misc/fil-port.png') 0 -82px;margin:.6em 0 0 3.5em;}
	#side #icon4:hover {background-position:0 0;}
	#side #icon5 {width:55px;height:90px;background:url('../images/misc/le-soleil2.png') 0 -89px;margin:2.7em 0 0 3.7em;}
	#side #icon5:hover {background-position:0 0;}
#tree1 {position:absolute;left:0;z-index:9;}
#tree2 {position:absolute;right:0;z-index:9;}

.bg-nav {position:absolute;z-index:10;}
	.bg-nav li {font-family:Arial, Helvetica, sans-serif}
	.bg-nav li a {position:absolute;display:block;width:96px;height:36px;}
	.bg-nav #aboutnav {top:568px;left:441px;}
	.bg-nav #news {top:219px;left:1217px;}
	.bg-nav #cont {top:228px;left:1551px;}
	.bg-nav #affil {top:710px;left:1880px;}
	.bg-nav #career {top:837px;left:1972px;}
#port {overflow:hidden;position:relative;height:100%;}

#about {background-color:rgba(17, 59, 21, .8);}
	#about .wrapper {background:url(../images/misc/shine-top.png) no-repeat top left;}
	#about-us {/*border-right:2px solid #ccc;*/padding-right:3em;}
	#directors {/*text-align:right;margin-top:-5em;*/}
	#directors h1 {padding-bottom:1.5em;}
	#directors img {margin-right:1em;}

#affiliates1 p, #affiliates2 p {padding-left:2em;}
	#affiliates1 {border-left:2px solid #ccc;padding:0 6em;}
	#affiliates1 img {margin-right:10px;}
	.affiliates-logo {position:relative;margin-left:2em;margin-right:6em;float:left;}
	.affiliates-logo img:last-child {position:absolute;left:0;opacity:0;top:0;}

#whats-new {float:left;width:75%;}
#whats-new li {padding-bottom:2em;}
	#whats-new li a {background:#ffdd00;color:#333;font-size:11px;padding:.4em 1em;}
	#teaser .image a, #view .image a {background:none;}
	.image img {border:3px solid #fff;}
	.image a {margin-right:1em;padding:0 !important;}
	.paginationDetails {}
	.pagination {float:right;}
	.pagination input {background:#fff;border:none;border:1px solid #ccc;color:#333;margin:0 .1em;cursor:pointer;}
#view a {background:none !important;}
#archive {float:right;}
#whats-new img {margin:.5em;}
.share-link a {padding:0 !important;color:#fff !important;margin-right:1em;font-size:13px !important;}

#careers {/*background:rgba(255,255,255,.3);*/margin-right:3em;text-align:center;padding:1.7em 0 0;}
	#careers a {display:block;margin:5px 0;position:relative;}
	#careers a:nth-child(4) img:nth-child(2) {position:absolute;left:3.8em;top:.1em;opacity:0;} /* yngentech */
	#careers a:nth-child(3) img:nth-child(2) {position:absolute;left:5.7em;opacity:0;} /* fil-port */
	#careers a:nth-child(1) img:nth-child(2) {position:absolute;left:5.6em;opacity:0;} /* le-soleil-international-logistics-company */
	#careers a:nth-child(2) img:nth-child(2) {position:absolute;left:6em;opacity:0;} /* le-soleil-shipping-agencies-incorporated */
	#careers a:nth-child(5) img:nth-child(2) {position:absolute;left:5.6em;opacity:0;} /* on-what-grounds-white */
#job-vacancies td {border:1px solid #ccc;padding:.5em 1em;}
#job-vacancies strong {font-size:14px;}
#resume-form td:first-child {background:rgba(0,0,0,.5);padding:.5em;}
#resume-form td:last-child {padding-left:.5em;}

#contact {background-color:rgba(17, 59, 21, .8);}
	#contact table {font-size:15px;}
	#contact #contact-details {border-right:2px solid #ccc;padding-right:4.5em;}
	#contact #contact-details table {width:50%;}
	#contact #contact-details a {color:#fff;font-weight:bold;text-decoration:underline;}
/*contact page start*/
	#contact-table p {position:relative;text-indent:0;text-align:left;}
	#contact-table td:first-child {vertical-align:top;padding:.3em 0;}
	#contact-table td:last-child {padding:.3em .8em;}
	#contact-table input[type=text], #contactform textarea {padding:.5em .5em;width:25em;resize:none;font:normal 12px Arial, Helvetica, sans-serif;color:#333 !important;border:1px solid #ccc;-webkit-border-radius: 4px;border-radius: 4px;}
	#contact-table textarea {border:1px solid #ccc;height:8em;width:26em;resize:none;font:12px arial;color:#000 !important;-webkit-border-radius: 4px;border-radius: 4px;}
	#contact-table input[type=submit], #contact-table input[type=reset] {border:none;background:#d1c8be;padding:.5em 1.5em;cursor:pointer;}
	#contact-table input[type=submit]:hover, #contact-table input[type=reset]:hover {color:#fff;background:#00aee4;}
	.error, .success, .information {color:#000; padding:.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.error {border:1px solid #F00; background:#ff8080;}
	.success {border:1px solid #728820; background:#d5ffce;}
	.information {border:1px solid #A2B4EE; background:#DBE3FF;}
/*contact page end*/

/* error page start */
.error-page {}
	.error-page h2 {font-size:80px;padding-top:.6em;}
	.error-page li {margin-left:2em;list-style:disc;}
/* error page end */

/* accordion news */
.mj_accordion, .mj_accordion ul {list-style:none !important;}
.mj_accordion ul ul {margin-left:1em;}
.mj_accordion ul li .trigger {margin-left:1em;}
.mj_accordion a {color:#fff;font-size:13px;font-weight:bold;}
.mj_accordion img {cursor:pointer;}
.mj_accordion .trigger {background:url(../images/misc/arrow.png); width:12px; height:12px; float:left; margin:.3em .3em 0 0; cursor:pointer;}
.mj_accordion .open {background:url(../images/misc/arrow2.png) !important;}