/*
Theme Name: Ultimate Layout
Description: The Edited Template from the Ultimate Layout Source
Version: 1.0
Author: Adrian Guanteng Puolllll Liem Soewono
Author URI: http://suangar.com
*/




/*
 * layout.css
 */
body { background:#004471 url('images/bg-body.png') repeat-x; }
.body {}

.container-top-wrapper {}
.container-top {}
.container-left,.container-right {width:20px;float:left;}
.container-bottom {}
.container-bottom-wrapper {clear:both;}
.container-bottom-full {}

.header-wrapper {}
.header {height:240px;}
.header-col-1
, .header-col-2
, .header-col-3
, .header-col-4 { height:240px; }
.header-col-1 { background: url('images/header-col-1.png') repeat-y; }
.header-col-2 { background: url('images/header-col-2.png'); }
.header-col-3 { background: url('images/header-col-3.png'); }
.header-col-4 { background: url('images/header-col-4.png') repeat-y; }
.header-flash {height:160px; background: #f0f0f0;}
.header-menu {height:40px; }
.header-bottom {height:40px; background: url('images/header-bottom.png')}
.content-wrapper {min-height:500px;background: url('images/bg-mid.png');}
.content { background:#fff; }
.content-title {}
.sidebar-wrapper {}
.sidebar {padding-left:15px;}
.sidebar-top {}
.sidebar-bottom {}
.footer-wrapper { height:180px;background: url('images/bg-footer.png');}
.footer {text-align:center;padding-top:30px;}

.widget {margin-bottom:10px;}
.widget-title {padding:5px;}
.widget-content {padding:5px;}

.debugbg {background:#808080;}
.debugbg2 {background:#a0a0a0;}

/* menu */
/* content */
.b {border:1px solid black;}
.white {background-color:#fff;}
.right {float:right;}
.left {float:left;}





/* 
 * decoration 
 */

/* font face */
.content-title
,.widget-title
,.title
,.subtitle
,.commentname
{font-family:"Palatino Linotype","Garamond","Century Gothic";}

h1,
#footer
{font-family:"Century Gothic";}

/* font size */
.content-title
{font-size:24pt;}

.title
{font-size:16pt;}

.subtitle
{font-size:13pt;}

.widget-title
{font-size:12pt;}

#footer
{font-size:10pt;}


/* font color */
h1
{color:#e0e0e0;}
.subtitle
{color:#f4a080;}

/* font decoration */




/* sidebar */
.sidebar { font: 8pt 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 9pt; font-weight: bold;}
.sidebar h2 { margin: 10px 0 3px 8px; padding: 0; text-align: right; }
.sidebar ul, .sidebar ul ol { margin: 0; padding: 0; }
.sidebar ul li { list-style-type: none; list-style-image: none;	margin-bottom: 15px; text-align: right; margin-right:40px; }
.sidebar ul p, .sidebar ul select { margin: 5px 0 8px; }
.sidebar ul ul, .sidebar ul ol { margin: 5px 0 0 10px; }
.sidebar ul ul ul, .sidebar ul ol {	margin: 0 0 0 10px;	}
ol li, .sidebar ul ol li { list-style: decimal outside; }
.sidebar ul ul li, .sidebar ul ol li { margin: 0 0 0; padding: 0; }
.sidebar form { margin: 0; }

/* menu */
.page_item, .page_item:hover {background-repeat:no-repeat; font-size:12pt; text-indent:-9999px; height:40px;}

#menu-en li.page-item-2 { width:63px; background: url('images/menu/home.png'); }
#menu-en li.page-item-5 { width:86px; background: url('images/menu/about-us.png'); }
#menu-en li.page-item-7 { width:130px; background: url('images/menu/for-employers.png'); }
#menu-en li.page-item-9 { width:135px; background: url('images/menu/for-job-seekers.png'); }
#menu-en li.page-item-40 { width:104px; background: url('images/menu/direct-hire.png'); }
#menu-en li.page-item-11 { width:128px; background: url('images/menu/client-profile.png'); }
#menu-en li.page-item-13 { width:107px; background: url('images/menu/contact-us.png'); }
#menu-en li.page-item-15 { width:47px; background: url('images/menu/faq.png'); }
#menu-en li.page-item-2:hover { background: url('images/menu/on-home.png'); }
#menu-en li.page-item-5:hover { background: url('images/menu/on-about-us.png'); }
#menu-en li.page-item-7:hover { background: url('images/menu/on-for-employers.png'); }
#menu-en li.page-item-9:hover { background: url('images/menu/on-for-job-seekers.png'); }
#menu-en li.page-item-40:hover { background: url('images/menu/on-direct-hire.png'); }
#menu-en li.page-item-11:hover { background: url('images/menu/on-client-profile.png'); }
#menu-en li.page-item-13:hover { background: url('images/menu/on-contact-us.png'); }
#menu-en li.page-item-15:hover { background: url('images/menu/on-faq.png'); }

#menu-zh li.page-item-2 { width:64px; background: url('images/menu-zh/home.png'); }
#menu-zh li.page-item-5 { width:106px; background: url('images/menu-zh/about-us.png'); }
#menu-zh li.page-item-7 { width:66px; background: url('images/menu-zh/for-employers.png'); }
#menu-zh li.page-item-9 { width:66px; background: url('images/menu-zh/for-job-seekers.png'); }
#menu-zh li.page-item-40 { width:106px; background: url('images/menu-zh/direct-hire.png'); }
#menu-zh li.page-item-11 { width:107px; background: url('images/menu-zh/client-profile.png'); }
#menu-zh li.page-item-13 { width:108px; background: url('images/menu-zh/contact-us.png'); }
#menu-zh li.page-item-15 { width:177px; background: url('images/menu-zh/faq.png'); }
#menu-zh li.page-item-2:hover { background: url('images/menu-zh/on-home.png'); }
#menu-zh li.page-item-5:hover { background: url('images/menu-zh/on-about-us.png'); }
#menu-zh li.page-item-7:hover { background: url('images/menu-zh/on-for-employers.png'); }
#menu-zh li.page-item-9:hover { background: url('images/menu-zh/on-for-job-seekers.png'); }
#menu-zh li.page-item-40:hover { background: url('images/menu-zh/on-direct-hire.png'); }
#menu-zh li.page-item-11:hover { background: url('images/menu-zh/on-client-profile.png'); }
#menu-zh li.page-item-13:hover { background: url('images/menu-zh/on-contact-us.png'); }
#menu-zh li.page-item-15:hover { background: url('images/menu-zh/on-faq.png'); }

.sf-menu li li.page_item,
.sf-menu li li.page_item:hover {text-indent:0px; }
.sf-menu li a { font-family:georgia; font-size:11px;}
.sf-menu li ul { } /* padding-top:20px; */
.sf-menu li ul li { background:#ffffff;}
.sf-menu li ul li:hover { background:#fafafa;}

.sf-menu li.sfHover ul { top: 40px; }

/* buttons */
.button-1 { background: url('images/button-1.jpg');}
.button-2 { background: url('images/button-2.jpg');}
.button-3 { background: url('images/button-3.jpg');}
.button-4 { background: url('images/button-4.jpg');}
.button-1, .button-2, .button-3, .button-4 { height:120px; background-repeat:no-repeat;}

/* sidebar */
#text-407597351 h2 { background: url('images/sidebar/contact-information.png') right no-repeat; }
#text-407597461 h2 { background: url('images/sidebar/about-us.png') right no-repeat; }
#text-376249211 h2 { background: url('images/sidebar-zh/contact-information.png') right no-repeat; }
#text-407593631 h2 { background: url('images/sidebar-zh/about-us.png') right no-repeat; }
.body-en #qtranslate-language-chooser h2 { background: url('images/sidebar/language.png') right no-repeat; }
.body-zh #qtranslate-language-chooser h2 { background: url('images/sidebar-zh/language.png') right no-repeat; }

/* page title */
.post { padding-right:30px; }
.post h2 { width:400px; height:30px; }
#post-2 h2.title-en { background: url('images/title/home.png') no-repeat; }
#post-5 h2.title-en { background: url('images/title/about-us.png') no-repeat; }
#post-7 h2.title-en { background: url('images/title/for-employers.png') no-repeat; }
#post-9 h2.title-en { background: url('images/title/for-job-seekers.png') no-repeat; }
#post-11 h2.title-en { background: url('images/title/client-profile.png') no-repeat; }
#post-13 h2.title-en { background: url('images/title/contact-us.png') no-repeat; }
#post-15 h2.title-en { background: url('images/title/faq.png') no-repeat; }
#post-17 h2.title-en { background: url('images/title/recruitment-procedure.png') no-repeat; }
#post-19 h2.title-en { background: url('images/title/quota-and-levy.png') no-repeat; }
#post-40 h2.title-en { background: url('images/title/direct-hire-package.png') no-repeat; }
#post-21 h2.title-en { background: url('images/title/package.png') no-repeat; }
#post-23 h2.title-en { background: url('images/title/deposit-resume.png') no-repeat; }

#post-2 h2.title-zh { background: url('images/title-zh/home.png') no-repeat; }
#post-5 h2.title-zh { background: url('images/title-zh/about-us.png') no-repeat; }
#post-7 h2.title-zh { background: url('images/title-zh/for-employers.png') no-repeat; }
#post-9 h2.title-zh { background: url('images/title-zh/for-job-seekers.png') no-repeat; }
#post-11 h2.title-zh { background: url('images/title-zh/client-profile.png') no-repeat; }
#post-13 h2.title-zh { background: url('images/title-zh/contact-us.png') no-repeat; }
#post-15 h2.title-zh { background: url('images/title-zh/faq.png') no-repeat; }
#post-17 h2.title-zh { background: url('images/title-zh/recruitment-procedure.png') no-repeat; }
#post-19 h2.title-zh { background: url('images/title-zh/quota-and-levy.png') no-repeat; }
#post-40 h2.title-zh { background: url('images/title-zh/direct-hire.png') no-repeat; }
#post-21 h2.title-zh { background: url('images/title-zh/package.png') no-repeat; }
#post-23 h2.title-zh { background: url('images/title-zh/deposit-resume.png') no-repeat; }

#qtrans_language_chooser li {float:right; padding-left:10px; }
.qtrans_widget_end {clear:both;}

.entry td,.entry th {vertical-align:top;}
.center {text-align:center;}
table.border {border-right: 1px solid black; border-bottom: 1px solid black; }
.border td,.border th {border-top: 1px solid black; border-left: 1px solid black; }

.entry ul { list-style:none; }
.entry li  {
padding-left: 20px;
background-image: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}
.horizspacer { background: url('images/horiz-spacer.png') top center no-repeat; height:60px; }
.horizspacer2 { background: url('images/horiz-spacer2.png') center no-repeat; height:110px; }

.entry img { border: 2px solid #f0f0f0; background:#f2f2f2; padding:2px; margin:0px; }
.entry img.right {margin-left:15px; margin-bottom:10px; }

.recproc-bg { background: url('images/recproc-bg.jpg'); width:600px; height:600px; }
.map-en { background: url('images/recproc-text.png'); }
.map-zh { background: url('images/recproc-text-mandarin.png'); }
.map { width:600px; height:600px; margin:0;padding:0;}
.map li { margin:0; padding:0;list-style:none; background:none; position:absolute;}
.map li a { background:url('images/blank.gif');}
.map li a {position:absolute;display:block;text-decoration:none;color:#000;}
.map li a span { display:none; }
.map li a:hover span {position:relative; display:block; width:300px; left:160px; top:0px; border:1px solid #000; background:#fff; padding:5px; filter:alpha(opacity=100); opacity:1;}
.map a {width:160px; height:160px;}
.map a.step1 {top:10px; left:224px;	}
.map a.step2 {top:90px; left:396px;	}
.map a.step3 {top:268px; left:421px;	}
.map a.step4 {top:422px; left:314px;	}
.map a.step5 {top:417px; left:128px;	}
.map a.step6 {top:268px; left:12px;	}
.map a.step7 {top:90px; left:54px;	}