@charset "utf-8";
body {
	font: 100% Contury Gothic, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999;
}
.ai #container {
	width: 1000px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 50px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #CCCCCC;
	text-align: left; /* this overrides the text-align: center on the body element. */
	line-height: 30px;
	font-size: 14px;
}
.ai #header {
	padding: 0 10px 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.ai #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.ai #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height: 480px;
}

.ai #leftContent {
	padding: 30px 0 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	width:400px;
	height:450px;
	float: left;
	text-align:left;
}

.ai #rightContent {
	padding: 30px 0 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	width:500px;
	height:450px;
	float: left;
}

.ai #logo {
	margin: 100px 0 0 250px;
	background: #FFFFFF;
	width:135px;
	height:145px;
	float: left;
}


.ai #footer {
	padding: 0 0;
	height: 150px;
	width: 1000px;
	float: left;
} 
.ai #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #E11837;
}
a:active {
	text-decoration: none;
	color: #666;
}

.ai #box {	width:6px;	height:6px; float:left; background:#E51937; margin:16px 5px 0 5px}
.ai #box2 {
	width:6px;
	height:6px;
	float:left;
	background:#999999;
	margin:5px 5px 0 5px
}

.ai #nav-Control {
	width:auto;
	height:27px;
	overflow:hidden;
	float:left;
	background:#FFF;
	text-align:center;
	margin:0 0 0 80px;
	font-size:11px
}


.ai #nav-Control a{float:left;	display:block; width:30px;height:25px;}
.ai #nav-Control a:hover{color:#E51937;}
.ai #nav-Control span{color:#E51937; margin:10px 5px 0 5px}

.ai #nav-Cases {
	width:380px;
	height:27px;
	overflow:hidden;
	float:left;
	background:#FFF;
	text-align:center;
	margin:0 0 0 20px;
	font-size:15px;
	font-weight: bold;
}


.ai #nav-Cases a{color:#000; float:left; display:block; width:auto; height:25px; margin:0 10px 0 10px;}
.ai #nav-Cases a:hover{color:#E51937;}
.ai #nav-Cases span{color:#E51937; float:left; display:block; width:auto; height:25px; margin:0 10px 0 10px;}

.ai #nav-Home {
	width:auto;
	height:27px;
	overflow:hidden;
	float:left;
	background:#FFF;
	text-align:center;
	margin:3px 2px 0 35px;
	font-size:9px
}
.ai #nav-Home a{float:left;	display:block; width:25px;height:25px;}
.ai #nav-Home a:hover{color:#E51937;}
.ai #nav-Home span{color:#E51937; margin:3px 5px 0 40px;}

.ai #nav-About {width:auto;	height:27px; overflow:hidden; margin:3px 2px 0 2px; float:left; background:#FFF; text-align:center; font-size:9px}
.ai #nav-About a{float:left;	display:block; width:40px;height:25px;}
.ai #nav-About a:hover{color:#E51937;}
.ai #nav-About span{color:#E51937; margin:3px 5px 0 5px}

.ai #nav-CaseStudies {	width:auto;	height:27px; overflow:hidden;	float:left;	background:#FFF; text-align:center; font-size:9px; margin:3px 2px 0 2px;}
.ai #nav-CaseStudies a{float:left;	display:block; width:60px;height:25px;}
.ai #nav-CaseStudies a:hover{color:#E51937;}
.ai #nav-CaseStudies span{color:#E51937; margin:3px 5px 0 5px;}

.ai #nav-OurWork {	width:auto;	height:27px; overflow:hidden;	float:left;	background:#FFF; text-align:center; font-size:9px; margin:3px 2px 0 2px;}
.ai #nav-OurWork a{float:left;	display:block; width:45px;height:25px;}
.ai #nav-OurWork a:hover{color:#E51937;}
.ai #nav-OurWork span{color:#E51937; margin:3px 5px 0 5px;}

.ai #nav-WhatClientsSay {	width:auto;	height:27px; overflow:hidden;	float:left;	background:#FFF; text-align:center; font-size:9px; margin:3px 2px 0 2px;}
.ai #nav-WhatClientsSay a{float:left;	display:block; width:80px;height:25px;}
.ai #nav-WhatClientsSay a:hover{color:#E51937;}
.ai #nav-WhatClientsSay span{color:#E51937; margin:3px 5px 0 5px;}

.ai #nav-ourClients {	width:auto;	height:27px; overflow:hidden;	float:left;	background:#FFF; text-align:center; font-size:9px; margin:3px 2px 0 2px;}
.ai #nav-ourClients a{float:left;	display:block; width:50px;height:25px;}
.ai #nav-ourClients a:hover{color:#E51937;}
.ai #nav-ourClients span{color:#E51937; margin:3px 5px 0 5px;}

.ai #nav-Career {	width:auto;	height:27px; overflow:hidden;	float:left;	background:#FFF; text-align:center; font-size:9px; margin:3px 2px 0 2px;}
.ai #nav-Career a{float:left;	display:block; width:30px;height:25px;}
.ai #nav-Career a:hover{color:#E51937;}
.ai #nav-Career span{color:#E51937; margin:3px 5px 0 5px;}

.ai #nav-ContactUs {width:auto;	height:27px; overflow:hidden;	float:left;	background:#FFF; text-align:center; font-size:9px; margin:3px 2px 0 2px;}
.ai #nav-ContactUs a{float:left; display:block; width:50px;height:25px;}
.ai #nav-ContactUs a:hover{color:#E51937;}
.ai #nav-ContactUs span{color:#E51937; margin:3px 5px 0 5px;}

.ai #nav-ourServices {display:block; float:left; width:100px; height:20px; float:left; text-align:left; font-size:9px; margin:-8px 0 0 0; padding:0 0}
.ai #nav-ourServices a{display:block; float:left; width:100px; height:25px;}
.ai #nav-ourServices a:hover{color:#E51937;}
.ai #nav-ourServices span{color:#E51937;}

.ai #nav-aiDefined {display:block;  float:left; width:100px; height:20px; float:left; text-align:left; font-size:9px; margin:-8px 0 0 0; padding:0 0}
.ai #nav-aiDefined a{display:block; float:left;	width:100px; height:25px; }
.ai #nav-aiDefined a:hover{color:#E51937;}
.ai #nav-aiDefined span{color:#E51937;}

.ai #over {display:none; width:100px; height:50px; margin:3px 0 0 82px; z-index: 30000;}

.ai #nav-corp {
	width:auto;
	height:27px;
	float:left;
	background:#FFF;
	text-align:left;
	font-size:16px;
	margin:4px 2px 0 0;
	color:#999;
	line-height:20px;
	font-weight:bold
}
.ai #nav-corp a{float:left;	display:block; width:100px;height:25px;}
.ai #nav-corp a:hover{color:#999; }
.ai #nav-corp span{color:#E51937; margin:0 5px 0 5px;}

.ai #nav-reshos {	width:auto;	height:27px; 	float:left;	background:#FFF; text-align:left; font-size:16px; margin:4px 2px 0 12px; color:#999; line-height:20px; font-weight:bold}
.ai #nav-reshos a{float:left;	display:block; width:100px;height:25px;}
.ai #nav-reshos a:hover{color:#999;}
.ai #nav-reshos span{color:#E51937; margin:0 5px 0 5px;}

.ai #nav-comm {	width:auto;	height:27px; float:left;	background:#FFF; text-align:left; font-size:16px; margin:4px 2px 0 26px; color:#999; line-height:20px; font-weight:bold}
.ai #nav-comm a{float:left;	display:block; width:100px;height:25px;}
.ai #nav-comm a:hover{color:#999;}
.ai #nav-comm span{color:#E51937; margin:0 5px 0 5px;}

.ai #corp {display:none; width:190px; height:80px; margin:0 0 0 0; z-index: 80000;}

.ai #nav-ocbc {display:block; float:left; width:120px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-ocbc a{display:block; float:left; width:120px; height:25px;}
.ai #nav-ocbc a:hover{color:#E51937;}
.ai #nav-ocbc span{color:#E51937;}

.ai #nav-sands {display:block; float:left; width:100px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-sands a{display:block; float:left; width:100px; height:25px;}
.ai #nav-sands a:hover{color:#E51937;}
.ai #nav-sands span{color:#E51937;}

.ai #nav-amex {display:block; float:left; width:100px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-amex a{display:block; float:left; width:100px; height:25px;}
.ai #nav-amex a:hover{color:#E51937;}
.ai #nav-amex span{color:#E51937;}

.ai #nav-cckorea {display:block; float:left; width:120px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-cckorea a{display:block; float:left; width:120px; height:25px;}
.ai #nav-cckorea a:hover{color:#E51937;}
.ai #nav-cckorea span{color:#E51937;}

.ai #nav-knn {display:block; float:left; width:100px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-knn a{display:block; float:left; width:100px; height:25px;}
.ai #nav-knn a:hover{color:#E51937;}
.ai #nav-knn span{color:#E51937;}

.ai #nav-dutyfree {display:block; float:left; width:100px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-dutyfree a{display:block; float:left; width:100px; height:25px;}
.ai #nav-dutyfree a:hover{color:#E51937;}
.ai #nav-dutyfree span{color:#E51937;}

.ai #nav-hgi {display:block; float:left; width:150px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-hgi a{display:block; float:left; width:150px; height:25px;}
.ai #nav-hgi a:hover{color:#E51937;}
.ai #nav-hgi span{color:#E51937;}

.ai #reshos {display:none; width:100px; height:50px; margin:15px 0 0 116px; z-index: 30000;}

.ai #nav-traders {display:block; float:left; width:150px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-traders a{display:block; float:left; width:150px; height:25px;}
.ai #nav-traders a:hover{color:#E51937;}
.ai #nav-traders span{color:#E51937;}

.ai #nav-parkgreen {display:block; float:left; width:150px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-parkgreen a{display:block; float:left; width:150px; height:25px;}
.ai #nav-parkgreen a:hover{color:#E51937;}
.ai #nav-parkgreen span{color:#E51937;}

.ai #comm {display:none; width:100px; height:50px; margin:0 0 0 243px; z-index: 30000;}

.ai #nav-gpctr {display:block; float:left; width:150px; height:20px; float:left; text-align:left; font-size:11px; margin:-5px 0 0 0; padding:0 0}
.ai #nav-gpctr a{display:block; float:left; width:150px; height:25px;}
.ai #nav-gpctr a:hover{color:#E51937;}
.ai #nav-gpctr span{color:#E51937;}


.ai #UniLogo {
	float:left;
	margin:0 0 0 35px;
}