@charset "utf-8";
/*---CSS Document---*/
@import url("css/reset.css");

@font-face {
    font-family: 'HelveticaLTStdCondRegular';
    src: url('http://www.iorder.com.my/font/helveticaltstd-cond-webfont.eot');
    src: url('http://www.iorder.com.my/font/helveticaltstd-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.iorder.com.my/font/helveticaltstd-cond-webfont.woff') format('woff'),
         url('http://www.iorder.com.my/font/helveticaltstd-cond-webfont.ttf') format('truetype'),
         url('http://www.iorder.com.my/font/helveticaltstd-cond-webfont.svg#HelveticaLTStdCondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('http://www.iorder.com.my/font/helveticaneue-light-webfont.eot');
    src: url('http://www.iorder.com.my/font/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.iorder.com.my/font/helveticaneue-light-webfont.woff') format('woff'),
         url('http://www.iorder.com.my/font/helveticaneue-light-webfont.ttf') format('truetype'),
         url('http://www.iorder.com.my/font/helveticaneue-light-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'PacificoRegular';
    src: url('../font/pacifico-webfont.eot');
    src: url('../font/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pacifico-webfont.woff') format('woff'),
         url('../font/pacifico-webfont.ttf') format('truetype'),
         url('../font/pacifico-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
height:100%;
background:#ffffff;
margin:0;
border:0;
overflow-y:scroll;
}

body{
margin:0px;
font-family:'HelveticaNeueRegular', Helvetica, sans-serif;
background:#ffffff;
font-size:14px;
font-weight:normal;
color:#1e1e1e;
line-height:24px;
font-smooth:always;
-webkit-font-smoothing:antialiased;

/*text-shadow:0 1px 1px rgba(0,0,0,.8);*/
}

p{
text-align:justify
}

h1{
font-family:"PacificoRegular" , Helvetica, sans-serif;
font-size:38px;
text-shadow:0 1px 1px rgba(255,255,255,1);
line-height:38px;
margin:0px;
padding:0px;
font-weight:normal;
}

h2{
font-family:"HelveticaLTStdCondRegular" , Helvetica, sans-serif;
font-size:30px;
/*text-shadow:0 1px 1px rgba(255,255,255,1);*/
line-height:0px;
font-weight:normal;
margin:0px;
padding:0px;
color:#FFFFFF;
}

h5{
font-family:"HelveticaLTStdCondRegular" , Helvetica, sans-serif;
font-size:30px;
/*text-shadow:0 1px 1px rgba(255,255,255,1);*/
line-height:30px;
font-weight:normal;
margin:0px;
padding:0px;
color:#1e1e1e;
}

h6{
font-family:"HelveticaLTStdCondRegular" , Helvetica, sans-serif;
font-size:20px;
/*text-shadow:0 1px 1px rgba(255,255,255,1);*/
line-height:30px;
font-weight:normal;
margin:0px;
padding:0px;
color:#1e1e1e;
}

h7{
font-family:"HelveticaLTStdCondRegular" , Helvetica, sans-serif;
font-size:20px;
/*text-shadow:0 1px 1px rgba(255,255,255,1);*/
line-height:30px;
font-weight:normal;
margin:0px;
padding:0px;
color:#ffffff;
}

h8{
font-family:"HelveticaLTStdCondRegular" , Helvetica, sans-serif;
font-size:20px;
/*text-shadow:0 1px 1px rgba(255,255,255,1);*/
line-height:30px;
font-weight:normal;
margin:0px;
padding:0px;
color:#000000;
}


.wrapper{
width:1000px; 
margin:0 auto; 
min-height:100%;
}

.header{
background: url("../images/background_header.jpg") repeat-x;
width:100%;
height:80px;
}

.content_grey{
background:#e6e7eb;
width:100%;
height:100%;
}

.content_black{
background:url("../images/background_black.jpg");
width:100%;
height:100%;
}

.zigzag{
background: url("../images/line_zigzag.jpg") repeat-x;
width:100%;
height:10px;
}

.learn_more {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('../images/btn_learn_more.png') no-repeat center bottom;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  display:inline-block;
  width:251px;
  height:65px;
}

.learn_more:hover {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('../images/btn_learn_more_active.png') no-repeat center bottom;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  display:inline-block;
  width:251px;
  height:65px;
}

#btnSubmit {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('../images/btn_submit.png') no-repeat center bottom;
  text-indent: -9000px; 
  text-transform: capitalize;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  display:inline-block;
  width:251px;
  height:65px;
}

#btnSubmit:hover {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('../images/btn_submit_active.png') no-repeat center bottom;
  text-indent: -9000px; 
  text-transform: capitalize;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  display:inline-block;
  width:251px;
  height:65px;
}

#txtName {
height:30px;
width:450px;
border: 2px solid #ccc;
}

#txtMobile {
height:30px;
width:450px;
border: 2px solid #ccc;
}

#txtEmail {
height:30px;
width:450px;
border: 2px solid #ccc;
}

#txaComments {
width:450px;
border: 2px solid #ccc;
}

/*---Main Menu---*/
#maincurrent{
text-decoration:none;
background: transparent url('../images/menu_hover.png') no-repeat;
background-position:center;
width:auto;
height:36px;
display:block;
color:#966433;
}

.mainmenu{
margin:0px;
font-family: "HelveticaNeueRegular", Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#966433;
height:36px;
width:450px;
float:right;
padding:17px 0px 0px 0px;
}

	.mainmenu ul{
	list-style:none;
	margin:0;
	padding:0;
	}
		.mainmenu li{
		float:left;
		width:99px;
		height:36px;
		text-align:center;
		margin:0px 4px 0px 4px;
		}
		
		.mainmenu li a{
		background:none;
		font-weight:normal;
		margin:auto;
		width:auto;
		height:36px;
		text-decoration:none;
		line-height:36px;
		font-size:14px;
		color:#966433;
		display:block;
		}
	
		.mainmenu li a:hover,
		.mainmenu ul li:hover a{
		width:auto;
		height:36px;
		text-decoration:none;
		background: transparent url('../images/menu_hover.png') no-repeat;
		background-position:center;
		display:block;
		font-size:14px;
		color:#966433;
		display:block;
		}
		
			.mainmenu li ul{
			display:none;
			margin:0;
			padding:0;
			border:0;
			width:170px;
			height:auto;
			background-color:#ffffff;
			position:absolute;
			z-index:1000;
			/*top:1em;
			/*left:0;*/
			}

			.mainmenu li:hover ul{
			display:block;
			}
			
				.mainmenu li li {
				border:0;
				margin:0;
				padding:0px;
				display:block;
				width:170px;
				height:50px;
				display:block;
				text-align:left;
				text-decoration:none;
				font-size:14px;
				font-style:normal;
				line-height:14px;
				vertical-align:middle;
				}
		
				.mainmenu li:hover li a{
				background:none;
				}
		
					.mainmenu li ul a{
					display:block;
					margin:0px;
					padding:0px 0px 0px 20px;
					font-size:14px;
					font-style:normal;
					line-height:50px;
					}
					
					.mainmenu li ul a:hover,{
					border:0px;
					text-decoration:none;
					}
					
					.mainmenu li ul li:hover a{
					border:0px;
					width:150px;
					height:50px;
					text-decoration:none;
					background:#ffffff;
					}

/*---Main Menu End---*/

/*---Footer Menu---*/

.footer{
width:100%;
height:53px;
background:#ffffff;
}
	
#footer_menu{
color:#000000;
height:53px;
width:700px;
font-size:10px;
line-height:10px;
font-family:'HelveticaNeueRegular', Helvetica, sans-serif;
float:left;
padding:25px 0px 0px 25px;
}
	
	#footer_menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position:relative;
	z-index:90;
	float:left;
	}
	
		#footer_menu ul li {
		float:left;
		display:inline-block;
		padding:0px 0px 0px 10px;
		font-size:10px;
		width:55px;
		}
	
		#footer_menu ul li a{
		color:#000000;
		text-decoration:none;
		}
	
		#footer_menu ul li a:hover{
		color:#ffffff;
		text-decoration:none;
		}	
		
			#footer_menu li ul{
			display:none;
			height:auto;
			padding-top:0px;
			margin:0px;
			border:0px;
			position:absolute;
			z-index:200;
			}
	
			#footer_menu li:hover ul{
				display:block;
			}
	
				#footer_menu li li {
				margin:0px;
				padding:10px 0px 0px 0px;
				color:#fbeb8c;
				}
		
				#footer_menu li:hover li a{
				background:none;
				margin:0px;
				}	
	
					#footer_menu li ul a{
					float:left;
					margin:0px;
					}
		
						#footer_menu li ul a:hover, .mainmenu li ul li:hover a{
						border:0px;
						color:#ffffff;
						text-decoration:none;
						}
						
.copyright{
float:right;
color:#000000;
font-size:10px;
font-family:'HelveticaNeueRegular', Helvetica, sans-serif;
height:53px;
width:200px;
padding:15px 0px 0px 0px;
}

/*---Footer Menu End---*/