/* CSS Document */

body
{
  margin: 0;
  background: url(/images/bg_page.gif) top left repeat-x #6C828D;
  color: #666666;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 800px;
  text-align: center;
}

a:link {text-decoration: underline; color: #7D459B; background-color: transparent;}
a:visited {text-decoration: underline; color: #7D459B; background-color: transparent;}
a:hover{text-decoration: none; background-color: #7D459B; color: #FFFFFF;}

hr {height: 1px; color: #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 0;}



/*-- GENERAL BITS --------------*/
.pageContainer {margin: 0 auto; width: 800px; padding: 0; border: 0; position: relative; text-align: left;}
.headerLogo {position: relative; float: left; display: inline; width: 152px; height: 133px; margin: 0 0 30px 0; background-image: url(/images/header_logo.gif) top left no-repeat;}

/*-- NAV BAR---------------------*/
#navbar {position: relative; float: left; display: inline; width: 310px; height: 60px; margin: 0; padding: 0;}
	#navbar ul {position: relative; display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	#navbar li {float: left; margin: 0;}
	#navbar li a {display: block; float: left; height: 60px;}
	#navbar li span {display: none;}

	
#nav01 a {background: url(/images/nav_pic_about_us.jpg) top left no-repeat; width: 90px; height: 60px;}
#nav02 a {background: url(/images/nav_pic_clients.jpg) top left no-repeat; width: 42px; height: 60px;}
#nav03 a {background: url(/images/nav_pic_candidates.jpg) top left no-repeat; width: 58px; height: 60px;}
#nav04 a {background: url(/images/nav_pic_jobs.jpg) top left no-repeat; width: 53px; height: 60px;}
#nav05 a {background: url(/images/nav_pic_the_hot_seat.jpg) top left no-repeat; width: 66px; height: 60px;}

#navbarMessages {position: relative; float: left; display: inline; width: 160px; height: 30px; margin: 25px 0 0 40px;}


/*-- MAIN PAGE AREA GENERAL ---------------*/
.holderMainArea {position: relative; float: left; display: inline; width: 800px;}
	
.holderMainAreaTop {position: relative; float: left; display: inline; width: 800px; height: 30px; background: url(/images/main_area_top.gif) top left no-repeat; margin: 20px 0 0 0;}
.holderMainAreaBottom {position: relative; float: left; display: inline; width: 800px; height: 30px; background: url(/images/main_area_bottom.gif) top left no-repeat; margin: 0;}

.mainAreaAboutUs {position: relative; float: left; display: inline; width: 800px; margin: 0; background: url(/images/bg_main_about_us.jpg) bottom right no-repeat #FFFFFF;}
.mainAreaClients {position: relative; float: left; display: inline; width: 800px; margin: 0; background: url(/images/bg_main_clients.jpg) bottom right no-repeat #FFFFFF;}
.mainAreaCandidates {position: relative; float: left; display: inline; width: 800px; margin: 0; background: url(/images/bg_main_candidates.jpg) bottom right no-repeat #FFFFFF;}
.mainAreaOurVacancies {position: relative; float: left; display: inline; width: 800px; margin: 0; background: url(/images/bg_main_our_vacancies.jpg) bottom right no-repeat #FFFFFF;}
.mainAreaTheHotSeat {position: relative; float: left; display: inline; width: 800px; margin: 0; background: url(/images/bg_main_the_hot_seat.jpg) bottom right no-repeat #FFFFFF;}
.mainAreaHome {position: relative; float: left; display: inline; width: 800px; margin: 0; background-color: #FFFFFF;}



/*-- COLUMN FORMATTING ----------------*/

.columnMain {position: relative; float: left; display: inline; width: 590px; margin: 0px 30px 0 10px; font-size: 14px; /*border:1px solid red;*/}
.columnRight {position: relative; float: left; display: inline; width: 140px; margin: 0 5px 0 0; /*border:1px solid red;*/}

.columnMainContent {position: relative; float: left; display: inline; width: 558px; margin: 48px 0 0 0; font-size: 12px; padding: 0; text-align:justify;}
	.columnMainContent h1 {margin: 0 0 10px 0; padding: 0; line-height: 1em; letter-spacing: -0.1em; font-size: 30px;}
	.columnMainContent p {font-size: 12px; line-height: 1.6em; color: #666666;}
	.columnMainContent h2 {line-height: 1em; margin: 0.5em 0 -0.5em 0; font-size: 14px; color: #333333;}
	.columnMainContent ul {position: relative; margin: 0;  list-style: none; padding: 0;}
	.columnMainContent li {position: relative; line-height: 1em; background-image: url(/images/bullet_sub_nav.gif); background-position: 0px 3px; background-repeat: no-repeat; padding: 0 0 15px 8px;}

.h1AboutUs {color: #0066CC;}
.h1Clients {color: #FFCC00;}
.h1Candidates {color: #99CC33;}
.h1OurVacancies {color: #003333;}
.h1TheHotSeat {color: #CC0000;}
	
/*-- RIGHT COLUMN SUB NAVIGATION ----------------*/
.subNavigation {position: relative; float: left; display: inline; width: 152px; margin: 0; padding: 0 0 250px 0;}
	.subNavigation ul {position: relative; margin: 10px 0 0 0;  list-style: none; padding: 0; font-size: 13px; color: #000000;}
	.subNavigation li {position: relative; line-height: 1.4em;/* background-image: url(/images/bullet_sub_nav.gif);*/ background-position: 0px 5px; background-repeat: no-repeat; padding: 0 0 8px 8px;}

/*-- FOOTER ---------------------*/
.footerContent {position: relative; float: left; display: inline; width: 740px; text-align: left; margin: 20px 0 0 30px; padding: 0 0 50px 0;}
	.footerContent p {color: #B6CFDC; padding: 0; font-size: 11px; margin: 0;}
	.footerContent a:link {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.footerContent a:visited {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.footerContent a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}

/*-- HOME PAGE ----------------------*/
.homePageLogo {position: relative; float: left; display: inline; width: 152px; height: 133px; margin: 0 0 0 618px; background-image: url(/images/header_logo.gif) top left no-repeat;}
.homePageFlashArea {position: relative; float: left; display: inline; width: 760px; margin: 0 0 20px 20px; height: 220px;}
.homePageIntro {position: relative; float: left; display: inline; width: 740px; margin: 0 0 0 30px;}
	.homePageIntro p {font-size: 15px; color: #666666; line-height: 1.5em;}

/*-- JOBS LISTINGS SECTION ----------*/
.resultsListing {position: relative; width: 100%; border-top: 1px dashed #CCCCCC; padding: 10px 0 10px 0; margin: 0 0 0 0;}
	.resultsListing h2 {font-size: 15px; font-weight: bold; padding: 0; margin: 0; line-height: 1em; margin: 3px 0 5px 0;}
	.resultsListing h4 {font-size: 13px; font-weight: bold; color: #333333; padding: 0; margin: 5px 0 5px 0; line-height: 1em;}
	.resultsListing h5 {font-size: 11px; font-weight: normal; color: #333333; padding: 0; margin: 5px 0 3px 0; line-height: 1em;}
	.resultsListing p {font-size: 12px; margin: 0; padding: 0; line-height: 1.5em;}

.vacancyDetail {position: relative; width: 100%;}
	.vacancyDetail h1 {font-size: 20px; font-weight: bold; color: #333333; padding: 0; margin: 0; line-height: 1em; letter-spacing: -0.05em;}
	.vacancyDetail h3 {font-size: 13px; font-weight: normal; color: #333333; padding: 0; margin: 0; line-height: 1.5em;}
	.vacancyDetail p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 1em 0 1em 0;}
	.vacancyDetail ul {margin: 7px 0 0 0; padding: 0; font-size: 12px; color: #666666; line-height: 1.4em; list-style: none;}
	.vacancyDetail li {position: relative; background-image: url(/images/bullet_plus.gif); background-position: 3px 8px; background-repeat: no-repeat; padding: 4px 0 4px 20px;}
	.vacancyDetail hr {height: 1px; border-top: dashed 1px #B8B3B2; border-bottom: 0; margin: 10px 0 10px 0; padding: 0; line-height: 0;}

.formButton {padding: 4px 5px 4px 5px; margin: 10px 0 0 0; background-color: #7D459B; border: 1px solid #7D459B; color: #FFFFFF; font-size: 13px;}
.formApply {width: 300px; border: 1px solid #999999; background-color: #F7F0FB; font-size: 13px; padding: 2px 0 2px 0;}
.labelApply {font-size: 13px; font-weight: bold; color: #333333; width: 80px; display: inline; float: left;}

.columnMainContent form {padding: 0; margin: 0;}
.columnMainContent label {font-size: 13px; font-weight: bold; color: #333333; width: 80px; display: inline; float: left;}

/*-- THE HOT SEAT INDEX PAGE ------------------*/
.columnMainContentHotSeat {position: relative; float: left; display: inline; width: 558px; margin: 48px 0 100px 0; font-size: 12px; padding: 0;}
	.columnMainContentHotSeat h1 {margin: 0 0 10px 0; padding: 0; line-height: 1em; letter-spacing: -0.1em; font-size: 30px;}
	.columnMainContentHotSeat p {font-size: 12px; line-height: 1.6em; color: #666666;}
	.columnMainContentHotSeat h2 {line-height: 1em; margin: 0.5em 0 20px 0; font-size: 14px; color: #333333;}
		.columnMainContentHotSeat h2 span {color: #666666;}
	.columnMainContentHotSeat h3 {line-height: 1em; margin: 1.8em 0 -10px 0; font-size: 14px; color: #CC0000;}
	.columnMainContentHotSeat ul {position: relative; margin: 0;  list-style: none; padding: 0;}
	.columnMainContentHotSeat li {position: relative; line-height: 1em; background-image: url(/images/bullet_sub_nav.gif); background-position: 0px 3px; background-repeat: no-repeat; padding: 0 0 15px 8px;}

.hotSeatThumbsRow {position: relative; float: left; display: inline; width: 558px; margin: 0 0 50px 0;}
	.hotSeatThumbRow a:link {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.hotSeatThumbRow a:visited {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.hotSeatThumbRow a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}

.hotSeatThumbFrame1 {position: relative; float: left; display: inline; width: 166px; height: 150px; background: url(/images/frame_1_thumb.jpg) top left no-repeat;}
	.hotSeatThumbFrame1 img {position: relative; top: 31px; left: 49px; border: 0; display: inline;}
	.hotSeatThumbFrame1 a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	
.hotSeatThumbFrame2 {position: relative; float: left; display: inline; width: 166px; height: 150px; background: url(/images/frame_2_thumb.jpg) top left no-repeat;}
	.hotSeatThumbFrame2 img {position: relative; top: 42px; left: 29px; border: 0; display: inline;}
	.hotSeatThumbFrame2 a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}

.hotSeatThumbFrame3 {position: relative; float: left; display: inline; width: 166px; height: 150px; background: url(/images/frame_3_thumb.jpg) top left no-repeat;}
	.hotSeatThumbFrame3 img {position: relative; top: 38px; left: 55px; border: 0; display: inline;}
	.hotSeatThumbFrame3 a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	
.hotSeatThumbFrame4 {position: relative; float: left; display: inline; width: 166px; height: 150px; background: url(/images/frame_4_thumb.jpg) top left no-repeat;}
	.hotSeatThumbFrame4 img {position: relative; top: 27px; left: 17px; border: 0; display: inline;}
	.hotSeatThumbFrame4 a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	
.hotSeatThumbFrame5 {position: relative; float: left; display: inline; width: 166px; height: 150px; background: url(/images/frame_5_thumb.jpg) top left no-repeat;}
	.hotSeatThumbFrame5 img {position: relative; top: 27px; left: 47px; border: 0; display: inline;}
	.hotSeatThumbFrame5 a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	
.hotSeatThumbFrame6 {position: relative; float: left; display: inline; width: 166px; height: 150px; background: url(/images/frame_6_thumb.jpg) top left no-repeat;}
	.hotSeatThumbFrame6 img {position: relative; top: 21px; left: 19px; border: 0; display: inline;}
	.hotSeatThumbFrame6 a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}


.hotSeatPortraitFrame1 {position: relative; float: left; display: inline; margin: 0 0 15px 0; width: 215px; height: 250px; background: url(/images/frame_1_main.jpg) top left no-repeat;}
	.hotSeatPortraitFrame1 img {position: relative; top: 39px; left: 43px; border: 0; display: inline;}
	
.hotSeatPortraitFrame2 {position: relative; float: left; display: inline; margin: 0 0 15px 0; width: 325px; height: 250px; background: url(/images/frame_2_main.jpg) top left no-repeat;}
	.hotSeatPortraitFrame2 img {position: relative; top: 54px; left: 54px; border: 0; display: inline;}

.hotSeatPortraitFrame3 {position: relative; float: left; display: inline; margin: 0 0 15px 0; width: 225px; height: 250px; background: url(/images/frame_3_main.jpg) top left no-repeat;}
	.hotSeatPortraitFrame3 img {position: relative; top: 62px; left: 62px; border: 0; display: inline;}
	
.hotSeatPortraitFrame4 {position: relative; float: left; display: inline; margin: 0 0 15px 0; width: 315px; height: 250px; background: url(/images/frame_4_main.jpg) top left no-repeat;}
	.hotSeatPortraitFrame4 img {position: relative; top: 35px; left: 35px; border: 0; display: inline;}
	
.hotSeatPortraitFrame5 {position: relative; float: left; display: inline; margin: 0 0 15px 0; width: 210px; height: 250px; background: url(/images/frame_5_main.jpg) top left no-repeat;}
	.hotSeatPortraitFrame5 img {position: relative; top: 43px; left: 43px; border: 0; display: inline;}

.hotSeatPortraitFrame6 {position: relative; float: left; display: inline; margin: 0 0 15px 0; width: 220px; height: 250px; background: url(/images/frame_6_main.jpg) top left no-repeat;}
	.hotSeatPortraitFrame6 img {position: relative; top: 26px; left: 26px; border: 0; display: inline;}

/*---------------------------------------------*/
.mainNavBar {position: relative; float: left; display: inline; width: 590px; margin: -3px 0 0 0; padding: 0; background-color:#FFFFFF;}
	.mainNavBar ul {display: inline; float: left; list-style: none; margin: 11px 0 0 2px; padding: 0;}
	.mainNavBar li {display: inline; float: left; margin: 0 20px 0 0;}
	.mainNavBar li a {display: inline; float: left; height: 15px;}
	.mainNavBar li span {display: none;}
	
#nav01 a {background: url(/images/css/about_us_off.gif) top left no-repeat; width: 80px; height: 55px;}
#nav01 a:hover {background: url(/images/css/about_us_on.gif) top left no-repeat;}

#nav02 a {background: url(/images/css/clients_off.gif) top left no-repeat; width: 60px; height: 55px;}
#nav02 a:hover {background: url(/images/css/clients_on.gif) top left no-repeat;}

#nav03 a {background: url(/images/css/candidates_off.gif) top left no-repeat; width: 104px; height: 55px;}
#nav03 a:hover {background: url(/images/css/candidates_on.gif) top left no-repeat;}

#nav04 a {background: url(/images/css/vacancies_off.gif) top left no-repeat; width: 129px; height: 55px;}
#nav04 a:hover {background: url(/images/css/vacancies_on.gif) top left no-repeat;}

#nav05 a {background: url(/images/css/hotseat_off.gif) top left no-repeat; width: 107px; height: 55px;}
#nav05 a:hover {background: url(/images/css/hotseat_on.gif) top left no-repeat;}

#nav06 a {background: url(/images/css/nav_about_mohdoh_off.gif) top left no-repeat; width: 125px; height: 15px;}
#nav06 a:hover {background: url(/images/css/nav_about_mohdoh_on.gif) top left no-repeat;}

#nav07 a {background: url(/images/css/nav_contact_off.gif) top left no-repeat; width: 71px; height: 15px;}
#nav07 a:hover {background: url(/images/css/nav_contact_on.gif) top left no-repeat;}

/*-- DROP DOWN CODE --*/
#dropmenudiv{position: absolute; margin: 9px 0 0 -10px; border:1px solid #D1D3D4; border-bottom-width: 0; font-size: 12px; 
font-weight: normal; z-index:100; color: #333333; text-align: left; width: 100px;}

#dropmenudiv a{width: 100%; display: block; text-indent: 10px; border-bottom: 1px solid #D1D3D4; padding: 4px 0;
text-decoration: none; color: #333333; background-color:#C09CD3; color:#FFFFFF;}

#dropmenudiv a:hover{background-color:#FFFFFF; color: #660066;}

.style100{
font-family:"Century Gothic";
font-weight:bold;
}
.style100 a{
font:bold 110% "Century Gothic";
color:#CC0000;
}
.style100 a:hover{
background-color:transparent;
}
.style_black{
font-family:"Century Gothic";
font-weight:bold;
}
.style_black a{
font:bold 110% "Century Gothic";
color:#000000;
}
.style_black a:hover{
background-color:transparent;
}