/* Etale CSS */

body { background: url(../img/site/bg.gif) #efefef 0% 0% no-repeat; margin: 0px; padding: 0px; color: #000000; font-family: Arial; font-size: 13px; line-height: 1.3em; }
.clear { font-size: 0px; line-height: 0px; clear: both; }
.center { text-align: center; }

h1, h2 { color: #001f7a; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:22px; }
h4  { font-family:Arial, Helvetica, sans-serif; color: #A1BEEA; font-weight: bold; font-size:16px; }

/* Links */
#content a:link, #content a:visited, #content a:active {text-decoration: underline; color: #2A2B87; font-weight: bold; }
#content a:hover { text-decoration: none; color: #2A2B87; font-weight: bold; }

.heading  { font-family:Arial, Helvetica, sans-serif; color: #80bb1f; font-weight: bold; font-size:16px; }

.subheading  { font-family:Arial, Helvetica, sans-serif; color: #A1BEEA; font-weight: bold; font-size:16px; }

.our-people-heading  { font-family:Arial, Helvetica, sans-serif; color: #80bb1f; font-weight: bold; font-size:13px; }

.footer {color: #000000; font-weight: normal; font-size:11px }


/* width: 980px;  */
#main_container { width: 913px; margin-left: auto; margin-right: auto; }
#header { width: 900px; }
#header ul.nav { margin-top: 150px; width: 913px;  height: 30px; color: #ffffff; margin: 0px; padding-left: 12px; background: url(../img/site/top.gif) transparent 0% 0% no-repeat; padding-top: 12px; font-size:12px; font-weight:bold; }
#header ul.nav li { list-style: none; float: left; padding: 0px 6px 0px 6px; }
#header ul.nav li a:link, #header ul.nav li a:visited, #header ul.nav li a:hover, #header ul.nav li a:active { text-decoration: none; color: #333399; }
#header ul.nav li.selected a { text-decoration: none; color: #99ccff; }

/* 18px padding */
#container { width: 913px; background-color: #ffffff; padding: 0px; background: url('../img/site/content-bg.gif') #ffffff 0% 0% repeat-y; }
#container #heading { margin-top: 23px; display: block; }
#container #content { float: left; width: 870px; margin-left: 18px; }
#container #gallerycontent { float: left; width: 870px; margin-top:20px; }
#container #home { float: left; width: 592px; padding: 0 20px 0 0; line-height: 1.6em; font-size: 14px;  }
#container #left_box { float: left; width: 242px; margin-top: 18px; }
#container #left_box .left-img { margin-bottom: 15px; }
#container #middle_box { float: left; width: 350px; line-height: 1.6em; font-size: 14px; padding:0 20px 0 0; }
#container #right_box { float: left; width: 250px; padding: 18px 0 0 0; }

#container #vesselsimage { float: left; padding: 0 10px 20px 0; }
#container #galleryimage { float: left; padding: 0 10px 20px 0; }
#container #contactimage { float: left; padding: 0 10px 5px 0; }

/*#container #right_box { float: right; width: 267px; margin: 18px 10px 0 10px; }*/

.feature a:link, .feature a:visited, .feature a:active { text-decoration: none; color: #2A2B87; }
.feature a:hover { text-decoration: underline; color: #2A2B87; }
#container .feature { float: right; margin-right: 5px; width: 247px; margin-bottom: 10px; color: #333333; }
#container .feature_1 { background: url(../img/features/f_top.gif) 0% 0% no-repeat; }
#container .feature_2 { background: url(../img/features/f_2_top.gif) 0% 0% no-repeat;  }
#container .feature_inside { background-color: #e8e8e8; margin-top: 11px; padding-left: 10px; padding-right: 10px; height:90px; font-size:12px; font-weight:bold; line-height:15px; }
#container .feature_2 .feature_inside { margin-top: 9px; padding-top: 7px; }
#container .feature_bottom { background: url(../img/features/f_bottom.gif) transparent  0% 100% no-repeat; height: 13px; }
#container .feature p { margin: 0px; padding-bottom: 10px; }
.feature h3, .feature h4 { margin: 0px; padding: 7px 0px 0px 10px; color: #001f7a; font-size: 14px; }

/* Features */
#container .feature_inside_vessels { background-image:url(../img/features/vessels.jpg); background-repeat:no-repeat; height:80px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_processing { background-image:url(../img/features/processing.jpg); background-repeat:no-repeat; height:80px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_photogallery { background-image:url(../img/features/photo-gallery.jpg); background-repeat:no-repeat; height:80px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_home { background-image:url(../img/features/home.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_productquality { background-image:url(../img/features/product-quality.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_international { background-image:url(../img/features/international-markets.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_productsmarkets { background-image:url(../img/features/products-markets.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_harvesting { background-image:url(../img/features/harvesting.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_teamleaders { background-image:url(../img/features/meet-the-team.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_ourpeople { background-image:url(../img/features/our-people.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_companyoverview { background-image:url(../img/features/company-overview2.jpg); background-repeat:no-repeat; height:86px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }
#container .feature_inside_departments { background-image:url(../img/features/blank.jpg); background-repeat:no-repeat; height:106px; margin-top: 9px; padding-left: 10px; padding-right: 10px;  font-size:12px; font-weight:bold; line-height:15px; padding-top:10px }

/* List */
ul.list { margin: 0px; padding: 0px; }
ul.list li { list-style: none; background: url('../img/site/ul-li-img.gif') transparent 0% 0% no-repeat; list-style-position: inside; padding-left: 20px; margin-bottom: 5px; }

/* Footer */
#footer { width: 913px; background: url('../img/site/bottom.gif') transparent  0% 0% no-repeat; padding-bottom: 10px; color: #ffffff; height: 14px; }
#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #80bb1f; }
#footer a:hover { text-decoration: underline; color: #80bb1f; }

#footerhome { width: 913px; background: url('../img/site/bottom-home.gif') no-repeat; padding-bottom: 10px; color: #ffffff; height: 133px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:center; }

/* Forms */
.formlabel {
	float:left;
	width:350px;
	text-align:left;
	padding:0 6px 0px 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif; color: #001F7A; font-weight: bold; font-size:13px;
	}

#enquiryForm input, #enquiryForm select, #enquiryForm textarea { background-color: #e7e7e7; border: 1px solid #cccccc; font-size:12px; }
	
.formelement {
	float:left;
	width:300px;
	margin:0px 0px 0px 0px;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; font-size:13px;

	}

.formelement #message {
	width:300px;
	height: 150px;
	}

.formfloat {
	clear:both;
	padding:5px;
	height:0px;	
	}
	
.formsectionheader {
	padding:0 0 5px 0; 
	font-family:Arial, Helvetica, sans-serif; color: #A1BEEA; font-weight: bold; font-size:16px;
	}

.formcheckbox {
	float:left;
	width:34px;
	font-family:Arial, Helvetica, sans-serif; color: #000000; font-size:10px;
	}

.formcheckboxlabel {
	float:left;
	width:150px;
	padding-top:2px;
	}

.texthighlight {
	 background-color:#336633;
	 color:#fff; 
	 padding:0px 2px 0px 2px;
	 }

/* ----------------------- */