* {

	padding: 0;

	margin: 0;

	font-family: 'Trajan Pro 3';

	}

	

body {

	padding: 0;

	margin: 0;

	letter-spacing: .08em;	

	background-color: #d2d5d6;  /*light grey*/

	}



body header {

	height: 90px;

	width: 100%;

	background-color: white;

	/*position: fixed;*/

	z-index: 10000;

	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);

	}

	

#giclogo {

	margin-left: 5%;

	margin-top: 1px;

	width: 375px;

	height: auto;

	}



.navi {

	margin-right: 5%;

	margin-top: -33px;

	}

	

.navi li {

	display: inline;

	float: right;

	padding-left: 30px;

	}

	

.navi a {

	display: inline-block;

	text-decoration: none;

	letter-spacing: 0em;

	color: black;

	text-align: center;

	font-size: 1em;

	}



#homewrapper {

	padding-top: 50px;

	}

	

#homewrapper h1 {

	text-align: center;

	font-size: 1.2em;

	color: black;

	padding: 20px;

	}

	

#homebanner {

	width: 85%;

	/* height: 100%; */

	margin: 0 auto;

	background-color: white;

	margin-bottom: 20px;

	}

	

#homebanner img {

	width: 100%;

	}

	

section {

	width: 85%;

	/* height: 100%; */

	margin: 0 auto;

	background-color: white;

	overflow: hidden;

	clear: both;

	}



/* PRODUCT LOGOS */



.onefish {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.onefish img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.chaokoh {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.chaokoh img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.goldenpak {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.goldenpak img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.maeploy {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.maeploy img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.twofish {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.twofish img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.royalelephant {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.royalelephant img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.huyfong {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.huyfong img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 70%;

	max-height: 80%;

	}

	

.lkk {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.lkk img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.royalumbrella {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.royalumbrella img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.doubleelephant {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.doubleelephant img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.yeos {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.yeos img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.otasty {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.otasty img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.coconuttree {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.coconuttree img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.weichuan {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.weichuan img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.buenas {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.buenas img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}	



.porkwan {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.porkwan img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.mpf {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.mpf img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.pantai {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.pantai img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.mamasita {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.mamasita img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.koonchun {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.koonchun img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.viethuong {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.viethuong img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.philippinebrand {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.philippinebrand img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.tastenirvana {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.tastenirvana img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.goldenmountain {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.goldenmountain img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.squidbrand {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.squidbrand img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.trongfood {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.trongfood img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.erawan {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.erawan img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.quocviet {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.quocviet img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}	

	

.deksomboon {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.deksomboon img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.pearlriverbridge {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.pearlriverbridge img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.waiwai {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.waiwai img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}



.dsb {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.dsb img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.luckyme {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.luckyme img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.silverswan {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.silverswan img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.superq {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.superq img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.g7 {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.g7 img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.excellent {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.excellent img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.lobo {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.lobo img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.mekeni {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.mekeni img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.goldensaba {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.goldensaba img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.maekrua {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.maekrua img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.datuputi {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.datuputi img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.kodafarms {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.kodafarms img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.oxpalm {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.oxpalm img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.naturesoy {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.naturesoy img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}


.chance {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.chance img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.dayat {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.dayat img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.luckyfishsauce {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.luckyfishsauce img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.redboat {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.redboat img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}

	

.kyj {

	width: 20%;

	height: 150px;

	position: relative;

	float: left;

	}



.kyj img {

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%;

	}




/*

.goldenpak:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);		for IE8 and earlier

	}

	

.chaokoh:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}



.maeploy:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}

	

.huyfong:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}

	

.lkk:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}

	

.royalumbrella:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}



.otasty:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}

	

.vita:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}



.yeos:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}

	

.weichuan:hover {

	opacity: 0.5;

	filter: alpha(opacity=40);

	}

*/





footer {

	width: 100%;

	min-height: 60px;

	bottom: 0;

	background-color: #d4a823;	/*gold*/

	margin-top: 25px;

	clear: both;

	padding-bottom: 10px;

	}



footer p:first-child {

	font-size: 1.2em;

	padding-top: 15px;

	}

	

footer p {

	margin-left: 10%;

	margin-right: 10%;

	font-family: 'Trajan Pro 3';

	}