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

@import url('typography.css');

body {
	background-image:url(../images/body-bg-divider.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	text-align:center; /*align layout center for incompatible browsers*/
}

html, body{
	height:100%;
}

#wrapper {
	min-height:100%;
	height: auto !important;
	height:100%;
	margin: 0 auto -60px;
	position:relative;
	top:0px;
	width:940px;
	text-align:left; /*align text elements left*/
	display:block;
}

/********** Header **********/
#mast-head {
	position:relative;
	width:940px;
	height:99px;
	padding-top:20px;
}

#logo {
	text-indent:-9999px; /*to hide text*/
	background-image:url(../images/logo.jpg);
	height:89px;
	width:308px;
	position:absolute;
	top:26px;
	left:5px;
	padding:0;
	margin:0;
}

/********** Navigation **********/
#nav-main {
	height:72px;
	width:627px;
	position:absolute;
	top: 47px;
	left: 313px;
	z-index:100; /*bring menu to front*/
}

ul.nav-list {
	list-style-type:none;
	padding:0;
	margin:0;
}

	ul.nav-lvl-top li.nav-lvl-top {
		display:block;
		float:left;
		margin-right:1px;
		width:156px;
		line-height:72px; /*vertical align text middle*/
		text-align:center;
		cursor:pointer;
	}
	
	ul.nav-lvl-top li.nav-lvl-top.last {
		margin-right:0px;
	}
	
	ul.nav-lvl-top li.nav-lvl-top:hover {
		background-image:url(../images/nav-over-bg.jpg);
		background-repeat:repeat-x;
	}
	
	ul.nav-lvl-top li:hover ul.nav-lvl-sub {
		display:block;
	}

ul.nav-lvl-sub {
	background-color:#FFF;
	border-color:#AAA;
	border-style:solid;
	border-width: 0px 1px 1px 1px;
	display:none;
}

	ul.nav-lvl-sub li {
		line-height:normal;
		margin:0px;
		text-align:left;
	}
	
	ul.nav-lvl-sub li a {
		display:block;
		padding:10px;
	}
	
	ul.nav-lvl-sub li:hover {
		background-color:#DEDEDE;
	}

#nav-sub {
	position:absolute;
	right:5px;
	height:28px;
	padding-bottom:8px;
	padding-right:3px;
	padding-top:4px;
}

	#nav-sub ul.nav-list li {
		display:inline;
	}
	
	#nav-sub ul.nav-list li:after {
		content:" | ";
	}
	
	#nav-sub ul.nav-list li.last:after {
		content:"";
	}
	
	#nav-sub ul.nav-list img {
		border:none;
		vertical-align:middle;
	}
	
	#nav-sub li#share a {
		display:inline-block;
	}
	
	#nav-sub li#share:hover ul#nav-share {
		display:block;
	}
	
	li#share:hover a {
		background-color:#C3B59A;
	}
	
	#nav-sub ul#nav-share {
		display:none;
		position:absolute;
		right:-5px;
		background-color:#FFF;
		border:solid;
		border-color:#C3B59A;
		border-width:5px;
		padding:0px;
		color:#000;
		z-index:200;
		width:170px;
	}

	#nav-sub ul#nav-share li {
		display:block;
		width:85px;
		float:left;
	}
	
	#nav-sub ul#nav-share li a {
		display:block;
		width:75px;
		padding:5px;
		color:#222;
		background-color:#FFF;
		text-decoration:none;
	}

	#nav-sub ul#nav-share li a:hover {
		background-color:#EEE;
		text-decoration:none;
	}
	
	#nav-sub img {
		vertical-align:middle;
	}

	#nav-sub ul#nav-share li:after {
		content:"";
	}

/*** Navigation - Sidebar ***/
ul.nav-side {
	list-style-type:none;
	margin:0;
	padding:0;
}

	ul.nav-side li {
		padding-bottom:1px;
	}

/********** Banner area **********/
#banner {
	margin-top:7px;
}

	.subpage #banner {
		margin-right:5px;
		margin-left:5px;
		margin-top:12px;
		width:930px;
		height:199px;
		background-repeat:no-repeat;
		background-color:#FFF;
		border-bottom:solid;
		border-bottom-color:#CCC;
		border-bottom-width:1px;
	}
	
	#ourcompany.subpage #banner, #contactus.subpage #banner {
		background-image:url(../images/banner-aboutus.jpg);
	}
	
	#professional.subpage #banner, #hrmanagement.subpage #banner {
		background-image:url(../images/banner-corporate.jpg);
	}

	#domestichelper.subpage #banner, #domesticportal.subpage #banner {
		background-image:url(../images/banner-home.jpg);
	}
	#foreignworker.subpage #banner {
		background-image:url(../images/banner-industrial.jpg);
	}

/********** Homepage Panels **********/
#panels {
	width:930px;
	padding:5px 5px 0px 5px;
}

.panel {
	position:relative;
	float:left;
	height:400px;
	width: 232px;
	margin-right:1px;
}

	.panel.last {
		width:231px;
		margin-right:0px;
	}

.panel-content {
	background-color:#FFF;
	border-color:#c2b59b;
	border-top-style:solid;
	border-top-width:4px;
	border-right:solid;
	border-right-width:1px;
	border-right-color:#CCC;
	bottom:4px;
	height:110px;
	width:211px;
	padding:10px;
	position:absolute;
}

	.panel-content.last {
		border-right:none;
	}

	/********** Homepage Panel Images **********/
	#panel-left {
		background-image:url(../images/panel-left.jpg);
	}
	
	#panel-mid-left {
		background-image:url(../images/panel-mid-left.jpg);
	}
	
	#panel-mid-right {
		background-image:url(../images/panel-mid-right.jpg);
	}
	
	#panel-right {
		background-image:url(../images/panel-right.jpg);
	}

/********** Content Area **********/
#content {
	margin:15px 5px 0px 5px;

}

	#homepage #content{
		border-color:#AAA;
		border-style:solid;
		border-width:1px;
	}
	
	.subpage #content{
		margin-top:0px;
		padding-top:15px;
		background-color:#FFF;
	}

.content {
	padding: 0px 15px 10px 15px;
}

	#homepage .content {
		width:435px;
		padding: 10px 14px 10px 15px;
	}

.content.left {
	float:left;
}

	#homepage .content.left {
		padding-left:14px;
		border-right-color:#AAA;
		border-right-style:solid;
		border-right-width:1px;
	}

	.subpage .content.left {
		width:129px;
		padding-left:5px;
		border-right-color:#AAA;
		border-right-style:solid;
		border-right-width:1px;
	}

.content.right {
	float: left;
}
	.subpage .content.right {
		width:720px;
	}

.content.inner-right {
	float: right;
	margin:15px 0px 15px 30px;
	padding:10px;
	border-width:1px;
	border-style:solid;
	border-color:#AAA;
}

.panel2 {
	float:left;
	width:50%;
}

	.panel2 p {
		display:block;
		padding: 0px 15px 15px 0px;

	}
	
	.panel2.left {
		clear:both;
	}

.boxed {
	border-color:#AAA;
	border-style:solid;
	border-width:1px;
	padding:10px;
}

.hr {
	clear:both;
	height:1px;
	margin: 20px 0px 20px 0px;
	width:100%;
	background-color:#AAA;
}

/********** Footer Area **********/
.clearfooter {
height: 60px;
clear: both;
}

#footer {
	padding-top:30px;
	height:30px;
	width:100%;
	text-align:center;
}

/********** Clearfix **********/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

[if IE] .clearfix {
    zoom:1; /*triggers has layout*/
}