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

body {
	margin: 0px;
	padding: 0px;
	color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em;
	background-color:#F7F7F7;
	width:100%;
}


#wrapper {
	width: 940px;
	padding: 0 5px;
	margin: 0 auto;
	background-color:white;
}

#header{
}

#logo {
	float:left;
	margin-top:85px;
	height:55px;
	width:230px;
	background-image:url(Images/logo1.png);
	background-repeat:no-repeat;
	margin-left:15px;
}

#banner{
	overflow:hidden;
	width:650px;
	float:right;
}

#photobanner{
	height:150px;
	width:2340px;
	margin-bottom:30px;
	margin-top:30px;
}

#photobanner img {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#photobanner img:hover{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: default;
 
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

/*keyframe animations*/
.first {
    -webkit-animation: bannermove 30s linear infinite;
       -moz-animation: bannermove 30s linear infinite;
        -ms-animation: bannermove 30s linear infinite;
         -o-animation: bannermove 30s linear infinite;
            animation: bannermove 30s linear infinite;
}
 
@keyframes bannermove {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -1400px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1400px;
 }
 
}
 
@-webkit-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1400px;
 }
 
}
 
@-ms-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1400px;
 }
 
}
 
@-o-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1400px;
 }
 
}

#menu {
	clear:both;
	width:940px;
	height:50px;
}

#menu ul {
	margin-bottom: 5px;
	padding:0;
	list-style:none;
}

#menu ul li{
	margin:0;
	padding:0;
	display:inline;
}


#menu ul li a{
	display:block;
	float:left;
	width:180px;
	height:30px;
	border:none;
	color:#666;
	text-decoration:none;
	text-align:center;
	padding-top:10px;
	margin-left:1px;
	font-size:1.2em; 
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#menu ul li:hover a{
	background:#999;
	color:white;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
	
#middle{
	height:550px;
	border-top:thin #C5C5C5 solid;
}


#right{
	margin-top:80px;
	float:right;
	margin-right:20px;
}

#left{
	margin-top:50px;
	width:400px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	float:left;
	margin-left:35px;
	text-align:center;
}

#index-text{
	text-align:left;
}

#middle-about{
	height:550px;
	border-top:thin #C5C5C5 solid;
}


#right-about{
	margin-left:480px;
	text-align:left;
	margin-top:80px;
	width:400px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}

#left-about{
	margin-left:20px;
	float:left;
	margin-top:60px;
}


#middle-catering{
	height:600px;
	border-top:thin #C5C5C5 solid;
	text-align:center;
}

#middle-catering{
	height:600px;
	border-top:thin #C5C5C5 solid;
}

#center-catering{
	margin-top:50px;
	margin-left:300px;
	text-align:center;
	color:#666;
	float:left;
}

#middle-consumer{
	height:600px;
	border-top:thin #C5C5C5 solid;
	color:#666;
}

#right-consumer{
	margin-left:450px;
	margin-top:80px;
	height:400px;
	padding-left:60px;
}

#left-consumer{
	float:left;
}

.halal{
	margin-left:150px;
	margin-top:90px;
	float:left;
}

.SME{
	margin-left:200px;
	margin-top:50px;
}

.HClogo{
	margin-left:30px;
	margin-top:10px;
	position:absolute;
}

.AEA{
	margin-top:200px;
	margin-left:-10px;
}

#right-contact{
	margin-top:50px;
	float:right;
	margin-right:30px;
}

#left-contact{
	margin-top:50px;
	margin-left:50px;
	float:left;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	
}



#footer{
	padding-top:5px;
	height:50px;
	border-top:thin #C5C5C5 solid;;
	font-size:10px;
	color:#666;
	text-align:center;
}