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

body { margin:0; background: url(../img/fade_1.jpg) repeat-x #DADADA; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:14px; }


/* div */ 

#container { margin:0 auto; width:880px; overflow:auto;}

#header { width:880px; height:135px; background:url(../img/bg_header_ch_recruitment.jpg) no-repeat center;}

#nav { position:relative; top:110px; left:260px; width:600px; height:25px; text-align:right; }

#content { width:880px; background:url(../img/bg_sides.jpg) repeat-y;}

#logo { position:relative;}

#logoimg { width:130px; height:170px; z-index: 200; position: absolute; left: 0; top: 0; background:url(../img/g_logo-ch-recruitment.png) no-repeat;}
 
#text { margin:0 auto; padding-top:15px; width:842px; overflow:auto; overflow:hidden;}

#sidebar { width:225px; float:left;}

#mission { margin:0 auto; margin-top:20px; width:200px;}

#sidecontact { width:205px; margin-top:10px; padding:10px 10px 0 10px; background:url(../img/bg_sidebar_contact.jpg) no-repeat; height:260px;}

#main { width:600px; float:right;}

#sblink { margin-bottom:7px; width:225px; height:46px; background:url(../img/bg_sidebar.jpg) no-repeat;}

#lists { width:190px; padding-right:10px; }

#footer { width:880px; height:55px; background:url(../img/bg_footer.jpg) no-repeat; }

#copyright { position:relative; width:450px; height:20px; padding:25px 0 0 15px; font-size:10px;}

#reflex { width:880px; height:65px; background:url(../img/bg_reflex.jpg) no-repeat;}

#pdf { height:55px; margin-right:40px;}

.right { float:right; margin-left:10px;}

#download { padding-top:30px;}

.joblist { width:190px;}

#job_sector { width:190px; margin-bottom:10px;}

#job_location { width:190px; margin-bottom:10px;}

#job_type { width:190px; margin-bottom:10px;}

#keywords { width:190px; margin-bottom:10px;}



/* showcases */

#showcase { margin:0 auto; width:842px; height:208px; background:url(../img/bg_showcase.jpg) no-repeat;}

#showcaseb { margin:0 auto; width:842px; height:8px; background:url(../img/bg_showcase_b.jpg) no-repeat;}

#text2 { margin:0 auto; padding:10px 0 10px 0; width:842px; background:url(../img/bg_showcase_bg.jpg) repeat-y;}

#shtext2 { margin:0 auto; width:782px; }

#shtext { position:relative; top:20px; left:30px; width:490px; height:175px; font-size:14px; }

#showcasesm1 { width:583px; height:130px; background:url(../img/bg_showcase_sm1.jpg) no-repeat; margin-bottom:45px;}

#showcasesm2 { width:583px; height:130px; background:url(../img/bg_showcase_sm2.jpg) no-repeat; margin-bottom:45px;}

#showcasesm3 { width:583px; height:130px; background:url(../img/bg_showcase_sm3.jpg) no-repeat; margin-bottom:45px;}

#showcasesm4 { width:583px; height:130px; background:url(../img/bg_showcase_sm4.jpg) no-repeat; margin-bottom:45px;}

#showcasesm5 { width:583px; height:130px; background:url(../img/bg_showcase_sm5.jpg) no-repeat; margin-bottom:45px;}

#showcasesm6 { width:583px; height:130px; background:url(../img/bg_showcase_sm6.jpg) no-repeat; margin-bottom:45px;}

#showcasesmtext { position:relative; top:40px; left:230px; width:350px; font-size:13px;}

#showcasesmtext2 { position:relative; top:40px; left:140px; width:440px; font-size:13px;}

#showcasesmtext5 { position:relative; top:40px; left:200px; width:370px; font-size:13px;}

#showcasesmtext6 { position:relative; top:40px; left:250px; width:340px; font-size:13px;}

#showcasesmtext p { padding-top:10px;}

#showcasesmtext a { color:#00AEEF;}

#showcasesmtext2 p { padding-top:10px;}

#showcasesmtext2 a { color:#00AEEF;}

#showcasesmtext5 p { padding-top:10px;}

#showcasesmtext5 a { color:#00AEEF;}

#showcasesmtext6 p { padding-top:10px;}

#showcasesmtext6 a { color:#00AEEF;}


/* text */

a { color:#666666; font-weight:bold; text-decoration:none;}

a:hover { color:#1A3865; text-decoration:underline;}

#nav a { color:#1A3865; text-decoration:none; font-weight:normal;}

#nav a:hover { color:#99CEFF; text-decoration:underline;}

.intro a { color:#1A3865; font-weight:bold; text-decoration:underline; }

.intro a:hover { color:#666666; font-weight:bold; text-decoration:underline;}

h1 { font-size:16px; color:#00AEEF;}

h2 { margin:0; font-size:24px; line-height:26px; font-weight:normal; }

h3 { margin:0; font-size:24px; line-height:24px; font-weight:normal;}

h4 { font-size:16px; color:#1A3865; font-weight:normal; line-height:20px;}

h5 { margin:0; color:#FFFFFF; font-size:22px; line-height:42px; font-style:italic; text-indent:15px; }

h5 a { color:#FFFFFF;}

h5 a:hover { text-decoration:none;}

h6 { margin:0; font-size:16px; color:#00AEEF; }

#cyan { color:#00AEEF; font-style:italic; font-weight:bold;}

.cyan { color:#00AEEF; font-weight:bold; }

#lightblue { color:#99CEFF;}

li { display:inline;}

#shtext p { font-size:13px; line-height:16px;}

#main p { margin-top:0;}

#main div { float:left;}

#main ul { padding-left:10px;}

#main ul li { display:list-item; list-style-type:none; list-style-image:url(../img/g_ch_bullet.jpg);  margin:8px 0px 8px 10px; }

#shtext2 ul { padding-left:10px;}

#shtext2 ul li { display:list-item; list-style-type:none; list-style-image:url(../img/g_ch_bullet_g.jpg);  margin:8px 0px 8px 10px; }

#sidebar ul { padding-left:0px; margin-left:0px;}

#sidebar ul li { display:list-item; list-style:none; margin:8px 0px; }

#mission a { font-size:16px; color:#00AEEF; }

#mission a:hover { color:#1A3865; text-decoration:none;}

#lists ul { margin:0; padding-left:20px; }

#lists ul li { display:list-item; list-style:disc; line-height:20px; margin:0; }

.more { width:180px; color:#00AEEF; font-weight:bold;}

.more a { color:#00AEEF; }

#lists a { font-weight:normal;}

#lists a:hover { text-decoration:none;}

.bold { font-weight:bold;}

.grey { color:#666666; }

.joblist p { padding:3px 0; margin:0; }

.sidetext { margin:4px 0;}



/* old text */

.txtTitle { font-size:16px; line-height:28px; color:#1A3865; font-weight:normal;}




/* Page Flip */

#pageflip {
	position: relative;
}

#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: -25px;
	-ms-interpolation-mode: bicubic;
}

#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: -25px;
	background: url(../img/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}


#maysdesign { margin:0 auto; width:840px; text-align:right; font-size:10px; font-weight:normal; color:#999999;}

#maysdesign a { color:#999999; font-weight:normal;}
