body {margin:0; padding:0; font-family: arial, helvetica, sans-serif; font-size: 76%; text-align:center; }
html {min-height: 100.1%;} 
div {text-align:left;}
h2 {font-size:1.1em; color: #000;}
h3 {font-size:1em; color: #707275; }
h2, h3 {margin: .75em 0 .25em .5em;}
sup {font-size:.7em; color:#000000;}
h3 sup {color:#707275;}
.bioph {float:left; padding:3px; border: 1px solid #ccc; margin: 0 6px 6px 0}
a {color: #2736AD;}
a:visited {color: #878BAA;}
a:hover {color: #F58220;}
:focus, :active  {outline: none;}
ul {list-style-type:square; margin: 5px 30px; padding: 0;}
/*blockquote {padding: 6px; font-weight: bold; margin: 10px 30px 10px 10px; text-align: center;line-height: 18px; padding: 5px; border: 1px solid #6D6E70; float:right; width: 175px; background-color:#F2F2F3;}*/
blockquote ol {text-align:left; font-weight:normal; margin:5px 0 0 30px; padding:0; line-height:normal; font-size:90%;}
img {border:0}

/* global divs */
#mainWrap {width:686px; border: 1px solid #C9CBCC; border-width:0 1px 1px 1px; margin:auto}
#sectionWrap {width:720px; background: url(../img/s-bg.gif) #fff repeat-y;border: 1px solid #C9CBCC; border-width:0 1px 1px 1px; margin:auto;}
#jsdate {background-color: #F58220; color: #fff; text-transform: uppercase; font-size: 10px;text-align: right; padding-right: 7px;}
#logo {background:url(../img/logo-bg.gif) no-repeat right; padding: 5px;} 
#sectionWrap #logo {background: #fff url(../img/s-graphic.jpg) no-repeat right; padding: 5px;}
#bodyabout #sectionWrap #logo {background: #fff url(../img/s-graphic-about.jpg) no-repeat right; padding: 5px;}

/*navigation*/
#nav {height:18px; background: #A7A9AC; padding-left: 2px;}
#nav ul {margin:0; padding:0;}
#nav li {list-style:none; position:absolute; top:0; font-size: .9em; font-weight: bold;  float: left; position: relative;}
#nav li a { height: 18px; display: block; margin: 0 2px 0 12px; text-indent: -4000px; text-decoration: none; color: #fff;}
#nav .navhome a {width: 30px; background: transparent url(../img/n-bg.gif) no-repeat 0 0;}
#nav .navhome a:hover {background-position: 0 -18px}
#nav .navabout a {width: 55px; background: transparent url(../img/n-bg.gif) no-repeat -44px 0;}
#nav .navabout a:hover, #bodyabout #nav .navabout a {background-position: -44px -18px}
#nav .navclient a {width: 87px; background: transparent url(../img/n-bg.gif) no-repeat -113px 0;}
#nav .navclient a:hover, #bodyemp #nav .navclient a {background-position: -113px -18px}
#nav .navcand a {width: 93px; background: transparent url(../img/n-bg.gif) no-repeat -214px 0;}
#nav .navcand a:hover, #bodycand #nav .navcand a {background-position: -214px -18px}
#nav .navind a {width: 92px; background: transparent url(../img/n-bg.gif) no-repeat -321px 0;}
#nav .navind a:hover, #bodyind #nav .navind a {background-position: -321px -18px}
#nav .navjobs a {width: 89px; background: transparent url(../img/n-bg.gif) no-repeat -427px 0;}
#nav .navjobs a:hover, #bodyjobs #nav .navjobs a {background-position: -427px -18px}
#nav .navcontact a {width: 68px; background: transparent url(../img/n-bg.gif) no-repeat -530px 0;}
#nav .navcontact a:hover, #bodycontact #nav .navcontact a {background-position: -530px -18px}



#hgraphic {float:left; width:233px; clear:both;}
#emp, #cand {font-size:.9em; background-color: #F2F2F3; padding-bottom: 6px; color:#6D6E70;}
#emp h1, #cand h1 {font-size:1.1em; background-color:#5c788e; margin:0; padding:4px 5px; color:#FFF; text-transform: uppercase;}
#emp h1 a, #cand h1 a {color: #fff; text-decoration:none;}
#emp p, #cand p {margin:5px 7px;}
#emp img, #cand img {margin-top:2px;}
#cand {width:233px;}

#content {margin-left:240px; padding:6px; }
#content li {padding-bottom:.5em}
#sectionWrap #content {margin:0 0 3em 182px; }

#home #content { padding:0 0 0 15px;}
#home #content p {font-size:.9em; margin:1em 5em 0 1em;}
#home #content h2 {margin:1em 0 .25em 0; color: #F58220}
#home #content ul {margin: 5px 0 0 30px; font-size:.9em; padding:0;}
#home #content li {line-height: 1em;}
#botWrap {clear:both;background:url(../img/bot-graphic.jpg) no-repeat right;}
#sectionWrap p {margin: 0 50px .75em 1em;}
#h-photo {background-image: url(../img/h-graphic.jpg); width:233px; height:201px;}


/*section titles */
#sectionWrap h1 {border:1px solid #A7A9AC; padding:1px;  background:url(../img/h1-bg.gif) repeat-y right; margin-bottom: 0;}
#sectionWrap h1 img {border-left: 5px solid #F58220;}

#sidenav {float:left; width: 182px; background-color:#F2F2F3; margin-top:20px }
#sidenav ul {list-style:none; margin:0 10px; padding:0; padding-bottom:20px; text-align:right; border:1px solid #A7A9AC; border-width:1px 1px 0 0; }
#sidenav ul li {margin:0; padding:2px; border-bottom:1px solid #E4E1E1}
#sidenav ul li a{display:block; font-size: .8em; color:#000; font-weight:bold; padding:3px 3px; text-decoration:none; border-right:3px solid #F2F2F3;}
#sidenav ul li a:visited {color: #707275;}
#sidenav ul li a:hover, #sidenav ul li a.hi, #sidenav ul li a.hi:visited {background-color:#E4E1E1; color:black; border-right:3px solid #F58220}

/* The following hack solves the 3px jog in IE/Win 
Hack is hidden from IE5-mac. Only IE-win sees this. \*/
* html #sidenav {margin-right: -3px;}
* html #content {height: 1%; margin-left: 0; }
* html #sectionWrap h1 {margin-top:20px}
/* End hack */

#tools {border:0; padding:0; margin:auto; width:90%}
#tools td {vertical-align:top; padding:.5em; border-bottom:1px solid #eee}
#tools td a {color:#333}

/*footer */
#footer {width:690px; margin: .5em auto; text-align:center;}
#footer p {padding: .2em .5em; margin:0; font-size: .8em; color:#333}


/* form styles - Submit Resume */
input, select {font-size:11px}

/*new*/
#content #resumeform {border-collapse: collapse; border-spacing: 3px;margin-left: 1em;}
#content #resumeform td {padding: 4px 6px; border: 1px solid #ddd; border-width: 1px 1px 0 0 }
#content #resumeform .required {font-weight: bold}
#content #resumeform .label, .tdcolor {background-color: #f3f3f3;}
#content #resumeform .note {margin-bottom: 6px} 

table#values td {font-size: 1em; padding: 3px; border: 1px solid #ddd;}

.bio {color: #000; background: #f2f2f3; padding: 5px; text-align: left; border:1px solid #CFCFCF;margin-top: 18px;}
.bio img {float:right; border: 1px solid #000}
.column {float: left; width:45%;}
.clear {clear:both}
#staff {width:80%; margin-left: 10px;}
#staff td {margin: 0; border:0; padding:0 0 15px 3px; vertical-align:top;}
.name {background: #FFF url(../img/li-4.gif) 0 4px no-repeat; padding-left: 15px;width:250px;}
#staff th {color: #666; background: #f2f2f3; padding: 2px 15px; text-align: left; border:1px solid #CFCFCF;margin: 8px 0;}

td {vertical-align: top;}


/* EXCLUSIVE TALENT LIST */

ul.candidate_profile_list {
	margin: 20px 0px !important;
	list-style: none;
	color: #434343;
	width: 100%;
}

	.candidate_profile_list li {
		display: block;
		padding: 5px 0px;
		border-bottom: 1px solid #cbcbcb;
		overflow: auto;
	}
	
	.candidate_profile_list li.header_row {
		background-color: #f3f3f3;
	}
	
	.candidate_profile_list li.odd_row {}
	
	.candidate_profile_list li.even_row {
		background-color: #fbfbfb;
	}
	
		.candidate_profile_list li span {
			float: left;
			line-height: 18px;
		}
	
		span.candidate_title {
			padding: 0 0 0 1%;
			width: 49%;
		}
		
		span.candidate_location {
			width: 25%;
		}
		
		span.candidate_relocation {
			width: 15%;
		}
		
		span.date_post {
			width: 10%;
		}
		
		p.candidate_intro {
			display: block;
			float:  none;
			clear: both;
			margin: 0px !important;
			padding: 15px 1%;
			width: 96%;
		}