/* Basic Sitewide Settings */
html {height: 100.1%;}
body {
	margin: 0px;
	padding: 0;
	background: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	text-align: center;
	}
	
p {margin: 7px 0;}
ul {margin: 0 0 10px 10px; list-style: square;}
ul ul {list-style: circle;}
ol {margin: 0 0 10px 40px;}
html>body ul {margin: 0; *margin: 0 0 10px 40px}
* html ul {margin: 0 0 10px 40px}

table {font-size: 100%;}
table td {vertical-align: top;}
blockquote {margin: 7px 0 5px 10px; width: 200px; float: right; color: #999; padding: 8px; border: 1px solid #ccc; border-right: 1px dashed #ccc; border-left: 1px dashed #ccc; border-width: 2px 1px 2px 1px;font-weight: bold;}
blockquote ul, blockquote ol {text-align: left; font-weight: normal; color: #000;}
blockquote li {line-height: 1.3;}
sup {font-size: 70%;}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #F96311;
	margin: 0px 0 0 15px;
	padding: 0px;
	}
	
h1 span {font-size: 80%;  display: block; color: #4E6E5E}

h1 a, h1 a:visited, h1 a:hover {text-decoration: none; color: #F96311;}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #142C61;
	margin: 10px 0px 5px 15px;
	padding: 0px;
	}

h3 {margin: 0 0 -5px 15px; font-size: 100%;}

img {
	border: 0px;
	margin: 0px;
	}
	

#box_home {
	width: 775px;
	margin: 0px auto auto auto;
	text-align: left;
	border: 1px solid #666;
	}

	
a {color: #0C4CA5;}
a:visited {color: #666;}
a:hover {color: #F58220;}

#box_section {
	width: 775px;
	margin: 0px auto auto auto;
	text-align: left;
	border: 1px solid #666;
	}

* html #box_section {
	width: 777px;
	}

#footer {
	font-size: 10px;
	margin-bottom: 10px;
	}


/* Nav Bar */

#nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: left;
	border-bottom: 1px solid #000;
	}
#hometop #nav { float: right; width: 480px; margin-right: -1px;}
#top #nav { position: relative; left: 193px; background: #999; width: 582px; }
/* Box model hack - wrestles section nav bar in IE Win down to the ground and makes it behave good and proper */
* html #top #nav { margin: -2px 0px; }


#nav li {
	margin: 0px;
	padding: 0;
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	}
	
#nav li a {
	margin: 0px;
	display: block;
	text-indent: -4000px;
	text-align: left;
	float: left;
	}
#nav ul {
	display:none;
}
#nav ul a:hover {
	display:block;
}


#hometop #nav li { height: 82px; width: 96px; border-top: 6px solid #F96311; padding: 0 15px; position: relative;}
html>body #hometop #nav li {width: 66px;}
#top #nav li { height: 43px; width: 97px; border-top: 6px solid #000; padding: 0 15px; position: relative;}
html>body #top #nav li {width: 67px;}

#hometop #nav li a { height: 82px; padding: 0; width: 65px; position: relative;}
#top #nav li a { height: 43px; padding: 0; width: 65px;}

 /*background */
#nav_home { background: #8b8b8b; }
#nav_about { background: #999; }
#nav_emp { background: #a3a3a3; }
#nav_cand { background: #adadad; }
#nav_ind { background: #b8b8b8; }
#nav_contact { background: #c2c2c2; }

#box_home #nav_about a, #nav_about a:visited { background: url(../img/nav.gif) -90px 0 no-repeat; }
#box_home #nav_about a:hover {background-position: -90px -82px;}
#box_home #nav_emp a, #nav_cand a:visited { background: url(../img/nav.gif) -183px 0 no-repeat; }
#box_home #nav_emp a:hover {background-position: -183px -82px;}
#box_home #nav_cand a, #nav_emp a:visited { background: url(../img/nav.gif) -278px 0 no-repeat; }
#box_home #nav_cand a:hover {background-position: -278px -82px;}
#box_home #nav_ind a, #nav_ind a:visited { background: url(../img/nav.gif) -372px 0 no-repeat; }
#box_home #nav_ind a:hover {background-position: -372px -82px;}
#box_home #nav_contact a, #nav_contact a:visited { background: url(../img/nav.gif) -463px 0 no-repeat; }
#box_home #nav_contact a:hover {background-position: -463px -82px;}

#top #nav #nav_home a, #nav_home a:visited { background: #8b8b8b url(../img/nav.gif) -8px -40px no-repeat; }
#top #nav #nav_home a:hover {background-position: -8px -122px;}
#top #nav #nav_about a, #nav_about a:visited { background: url(../img/nav.gif) -90px -40px no-repeat; }
#top #nav #nav_about a:hover {background-position: -90px -122px;}
#top #nav #nav_emp a, #nav_emp a:visited { background: url(../img/nav.gif) -183px -40px no-repeat; }
#top #nav #nav_emp a:hover {background-position: -183px -122px;}
#top #nav #nav_cand a, #nav_cand a:visited { background: url(../img/nav.gif) -278px -40px no-repeat; }
#top #nav #nav_cand a:hover {background-position: -278px -122px;}
#top #nav #nav_ind a, #nav_ind a:visited { background: url(../img/nav.gif) -372px -40px no-repeat; }
#top #nav #nav_ind a:hover {background-position: -372px -122px;}
#top #nav #nav_contact a, #nav_contact a:visited { background: url(../img/nav.gif) -463px -40px no-repeat; }
#top #nav #nav_contact a:hover {background-position: -463px -122px;}

#nav_is_about #nav_about a {background-position: -90px -122px !important;}
#nav_is_emp #nav_emp a {background-position: -183px -122px !important;}
#nav_is_cand #nav_cand a {background-position: -278px -122px !important;}
#nav_is_ind #nav_ind a {background-position: -372px -122px !important;}
#nav_is_contact #nav_contact a {background-position: -463px -122px !important;}
#nav_is_home #nav_home {display: none;}
#nav_is_home #nav {border: none;}

/* Drop Downs */
#nav ul a {background-image: none !important; }

#nav ul {width: 150px; border: 1px solid #4E4C4A !important; border-width: 1px 1px 0 1px !important; position: absolute; top: 43px; left: 0; margin: 0; padding: 0; -moz-opacity: 1.00; border-top: 1px solid #000; list-style: none; z-index: 10; }
#hometop #nav ul {top: 82px; z-index: 1000 !important;}

#nav ul li {padding: 0 !important; height: 15px !important; float: none; display: inline; border: 0 !important; margin: 0; position: relative}

#nav ul li a {text-indent: 0; color: #000; text-decoration: none; padding: 3px 0 3px 17px !important; background-color: #eee !important; filter:alpha(opacity=90); width: 150px !important; height: 15px !important; border-bottom: 1px solid #919190 !important; }

html>body #nav li li a {width: 133px !important; height: auto !important;}
#nav ul .navsub img {float: right; margin: 3px 5px;}

#nav a:hover {background-color: #CECECE !important;}
#nav ul.block {display: block !important}

/* Home Subnav, Top Nav */

#navbox {
	width: 293px;
	background: #F96311;
	font-weight: bold;
	font-size: 10px;
	}


#navbox_sub {
	width: 100%;
	padding: 4px 8px 0 30px;
	text-align: left;
	color: #fff;
	}
	#navbox_sub p {font-size: 130%; margin: 0; padding: 0;}

#navbox_top {
	width: 775px;
	text-align: right;
	background: #F96311;
	padding: 0 31px 0 0;
	}
html>body #navbox_top {width: 745px;}

* html #navbox_top {
   width: 775px;
   }

#navbox ul {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	}

#navbox li {
	margin: 0px;
	padding: 0px;
	display: inline;
	}

#navbox li a {
	text-decoration: none;
	color: #E9E4E4;
	padding: 0px 7px;
	}


#navbox li a:hover {
	text-decoration: underline;
	color: #fff;
	}

.subnav_submit {
	border-right: 1px solid #fff;
	padding-right: 3px;
	}


/* Section Subnav */
#snav {border: 1px solid #fff; border-width:1px 1px 0 0; margin: 0 10px;}
#bottom #bottomleft { float:left; width: 193px; background-color:#eee; padding-top: 10px; }
#bottom #bottomleft ul {list-style:none; margin:0; padding: 0; padding-bottom:20px; text-align:right; }

#bottom #bottomleft ul li {margin:0; padding: 0;}
#bottom #bottomleft ul li img {display: none;}
#bottom #bottomleft ul li a {font-size: .8em; color:#666; font-weight:bold; padding:5px 5px; text-decoration:none; border-right:3px solid #eee; border-bottom:1px solid #E4E1E1; width: 100%; display: block; height: 13px;}
html>body #bottom #bottomleft ul li a {width: 159px}
#bottom #bottomleft ul li a:hover, #snav a.hi, #snav a:visited.hi {background-color:#E4E1E1; color:black !important; border-right:3px solid #F96311 !important; }
#bottom #bottomleft ul ul  {display: none; margin: 0 !important; padding-bottom: 0;}
html>body #bottom #bottomleft ul ul a {width: 88% !important;}
.force a.f-hi, .force a:visited.f-hi {background-color:#E4E1E1; color:black !important; border-right:3px solid #F80000 !important; }
#bottom #bottomleft ul li a:visited {color:#999;}
#bottom #bottomleft ul ul li a {border: 0 !important; color: #333399 !important; padding: 2px 20px 2px 0 !important; background-color: #eee; font-weight: normal;}
#bottom #bottomleft ul ul li a:hover, #bottom #bottomleft ul ul li a.hi, #bottom #bottomleft ul ul li a:visited.hi {border: 0 !important; color: #000 !important; background: #fff url(../img/navsub.gif)  160px 5px no-repeat; }

/* The following hack solves the 3px jog in IE/Win 
Hack is hidden from IE5-mac. Only IE-win sees this. \*/
* html #bottomleft {margin-right: -3px; position: relative; top: 2px;}
/* End hack */

/* Top */

#hometop {
	height: 92px;
	margin: 0px;
	}

#officename {
	float: left;
	width: 234px;
	}

#hometop #mri {
	margin: 30px 0px 0px 15px;
	}

#top #mri {
	margin: 10px 0px 0px 15px;
	}


#box_section #header, #header { margin: 20px 0 0  20px;}
#box_home #header { margin: 20px 0 0  20px; }


/* Home Mid */

#homemid {
	margin-top: -12px;
	height: 173px;
	width: 775px;
	background: url(../img/bahrain4-1.jpg) 0 0 no-repeat;
	}

html>body #homemid {height: 174px; margin-top: 0;}
	
#hm2, #hm3, #hm4, #hm5 {height: 173px; width: 775px; background: transparent; background-repeat: no-repeat;}

/* Bottom */

#bottom {
	clear: both;
	}

#bottomleft {
	float:left;
	}

#homebottom {margin-top: -3px; margin-bottom: -21px}



#homebottom #content {
	padding: 15px 15px 0px 310px;
	}

#homebottom #content p {
	margin-top: 5px;
	}
#homebottom #content h1 {margin: 0 0 10px 0;}

#tagline {
	background: #999 url(../img/tagline.gif) center no-repeat;
	height: 76px;
	width: 293px;
}



#industryBox {
	padding: 0 0 130px 0; width: 293px; border-right: 1px dashed #ccc; font-size: 105%;
	}
html>body #industryBox {margin-bottom: -15px}

#industryBox ul {list-style: none; margin: 0; padding: 0; width: 100%; border-bottom: 2px solid #fff;}
#industryBox ul li {margin: 0; padding: 0; border-bottom: 1px dashed #aaa;}
#industryBox ul li  a {display: block; height: 20px; width: 293px; padding: 3px 0 0 50px; text-decoration: none; letter-spacing: 2px; font-weight: bold;}
html>body #industryBox ul li  a {width: 243px;}
#industryBox ul li a:hover, #industryBox ul li a.on {background:  #ccc url(../img/chevron.gif) 30px 7px no-repeat; color: #000;}
#industryBox ul li  a.off {background-image: none; background-color: transparent; color: #0C4CA5;}
#industryBox div {margin: 0; float: none; width: 293px; padding: 1px 0 25px 0;  background: url(../img/directory.jpg) center top no-repeat;}

#industryBox div p {margin-bottom: 0; text-align: right;}


#companyBox {
	float: left;
	width: 217px;
	margin-top: 10px;
	border: 1px dashed #ccc;
	border-width: 1px 1px 0 0;
	}

#candidateBox {
	float: left;
	width: 223px;
	padding-left:13px;
	margin-top: 10px;
	border-top: 1px dashed #ccc;
	}
#candidateBox h2, #companybox h2 {margin-left: 0;}
html>body #candidateBox {width: 210px;}

/*  #bottom #content {
	float:right; width:567px; padding: 20px 30px 0 0;
	margin: 40px 0; border-top: 1px solid #ccc;
	}*/
	
#bottom #content {
	float:left; width:550px; padding: 10px 0 15px 15px; height: 400px; min-height: 400px;
	}
	
html>body #bottom #content {width: 540px; height: auto;}

#bottom #content p {
	margin: 5px 15px;
	}
	
/* Work For Us styles */	
	
#work-for-us {
	margin-top:180px;
	margin-left:309px;
	margin-right:12px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 16px;
	border: 1px dashed #CCCCCC;
	background-color: #EEEEEE;
}	
#work-for-us div {
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
	width: 396px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#work-for-us a div  {
	background-color: #EEEEEE;
	color: #0D4CB4;
	font-weight: bold;
}
#work-for-us a:hover div  {
	background-color:#F96311;
	color: #FFFFFF;
	font-weight: bold;
}


#work-for-us a { text-decoration: none; }


#work-for-us h1 {
	color: #F96311;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}

#work-for-us p {
	color: #333333;
	margin: 0px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 6px;
}


/* Section Top */

#topimage {float: right; width: 283px; height: 99px; background: url(../img/topimage.jpg) 0 0 no-repeat;}
/*#bodyabout #topimage {background: url(../img/topimage.jpg) 0 -12px no-repeat;}
#bodyclient #topimage, #bodycand #topimage, #bodyind #topimage {background: url(../img/kuwait5-2.jpg) -270px top no-repeat;}*/


/* Form Style - Submit Resume*/
#content #resumeform {border-collapse: collapse; border-spacing: 3px; border: 1px solid #ccc; margin-left: 15px; width: 95%;}
#content #resumeform td {padding: 4px 6px; border: 1px solid #ccc; border-width: 1px 1px 0 0; vertical-align: top;}
#content #resumeform .required {font-weight: bold}
#content #resumeform .label {background-color: #f3f3f3;}
#content #resumeform .note {margin-bottom: 6px}
#request {width: 100%;}
.tdcolor {background-color: #f3f3f3; padding: 3px;}
.input {padding-left: 5px;}

/* form styles - Request info form */
#frequest {width:90%; margin:auto; font-size: 12px;}
#frequest fieldset {border:0}
#frequest label {float:left; font-weight:bold; display:block; width:50%;  margin-bottom:1em; padding-bottom:.3em; border-bottom:1px solid #eee;}
#frequest .contact input {display: block; width: 40%; float: left; margin-bottom: 1em; }
#frequest .info label{width:90%}
#frequest textarea {width:270px; margin-bottom:10px}
#frequest br {clear:left}
#frequest #hac, #frequest #bac { width:35px; }

#siteForm {width:500px; padding:10px}
#siteForm td {font-size:12px; vertical-align:middle; padding:2px 4px 2px 4px}
#siteForm .title {font-weight:bold; color:#000000;}
#siteForm .shade1 {background-color:#eeeeee}
input, select {font-size:12px}
.asterisk {color:#ee0000; font-weight:bold; font-size:1.2em}

.asterisk {font-weight: bold; color: #F96311; font-size: 1.5em;}

/* Meet Our Recruiters page layout */
.recruiter {float: left; width: 33%; text-align:center; margin: 10px 0;}
.photo {float:right; margin: 0 15px 15px 15px;}
.bio-title {border-bottom:1px solid #ccc; width: 370px;padding-bottom: 5px;}

/* Misc. */

#borderfix {
	display: block;
	clear: both;
	}

.parlist {
	list-style-type: none;
	margin: 10px 0px 10px 25px;
	padding: 0px;
	}

.parlist li {
	margin-bottom: 5px;
	}

.grey {
	color: #666;
	}

.profile {margin: 15px 0px 0px 0px; font-size: 12px; width: 70%;}
.profile th {background-color:#5964B9; color: #fff; text-align:left}
.profiletd {background-color: #eee}
.profile td {vertical-align:top}

.no-bullets { list-style-type: none; }



.testimonial {margin-left:20px; margin-right:20px; font-style:italic;}
.small{font-size:.9em;}
.spacedout li {margin-bottom:8px;}

.col { width: 45%; float: left; margin: 7px 10px;}
html>body .listcol {margin-bottom: 5px;}
html>body .listcol {margin-top: 5px;}

.cl {clear:both; height:0;} /*clears float after second list column*/
.footnote {color: #A9A9AC;}

/* Custom Adds (Jeremy) */
#staff {border:1px solid #CFCFCF; border-width: 1px 0 0 0; padding: 0; margin: 5px 15px;}
#staff p {margin-left: 10px;}
#staff #col1 {margin-left: 50px; width: 30%; float: left;}
#staff table {width: 522px; border-collapse: collapse;}
#staff .name {background: url(../img/li-4.gif) 5px 8px no-repeat; padding-left: 20px;}
#staff th {background: #F5F5F5; padding: 2px 20px; text-align: left; border-left: 1px solid #fff;}
#staff td {border-bottom: 1px solid #cfcfcf;}
#staff .loc {background: #666; color: #fff;}
#staff td {padding: 5px  20px;}
#profile {padding: 5px 0; border: 1px solid #f2f2f3; border-width: 0 0 2px 0;}
.no-bullets { list-style-type: none; }
#box {width: 450px; background: #f5f5f5; border: 1px solid #ccc; margin-left: 15px;}
.tools {background: #fff !important;}

#contact {width: 200px; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; padding: 8px; float: right;}

/* IE 7 and FireFox see this */
ul.chev {margin-left: 0px;}
/* IE 6 sees this */
* html ul.chev {margin-left: 0px;}
.chev li, p.chev {background: url(../img/chevron_gray.gif) 0 4px no-repeat; padding-left: 12px; list-style: none;}

.return {background: #f2f2f2 url(../img/li-2.gif) 5px center no-repeat; padding: 3px 3px 3px 20px; float: right; border: 1px dashed #666; border-width: 1px 0 1px 0;margin-top: 10px;}
.return a, .return a:visited {text-decoration: none; color: #000;}
.return a:hover {text-decoration: underline;}
#selecsys {height: 800px; width: 100%;}
.quote {width: 180px; color: #333; font-weight: bold; float: right; padding: 6px 10px; border: 1px solid #ccc; border-width: 2px 0 2px 0; margin: 0 0 0 7px;}
.plist {font-weight: bold;}
.plist span {width: 100%; font-weight: normal; font-style: italic;}
.highlight {background: yellow; }
#preload img {height: 1px; width: 1px; filter:alpha(opacity=00); -moz-opacity: .00;}

/* Custom Adds (Navin) */
#global {margin: 8px 0 0 12px; padding: 0}
#global td {padding: 1px 2px; border: 1px solid #ddd; width: 165px}
#global td.th {padding: 1px; border: 1px solid #666; color: white; background-color: #999; font-weight: bold}


#apply {
	height: 40px;
	width: 240px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
}

#apply h1 {
	margin: 0px;
	padding: 0px;
}