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

table {font-size: 100%;}
table td {vertical-align: top;}
blockquote {margin: 7px 25px; color: #999; padding: 0 8px; border: 1px solid #ccc; border-width: 0 2px 0 2px;font-weight: bold;}
blockquote ul, blockquote ol {text-align: left; font-weight: normal;}
blockquote li {line-height: 1.3;}
.nb {border: 0 !important;}
sup {font-size: 70%;}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #d12e28;
	margin: 0px 0 0 15px;
	padding: 0px;
	}

h1.large {font-size: 150%;}
	
h1 span {font-size: 80%;  display: block; color: #4E6E5E}

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

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #5c788e;
	margin: 0px 0px 0px 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;
	background: transparent url(../img/center.jpg) 0 89px no-repeat;
	}

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

#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;}
html>body #hometop #nav {width: 482px; background: #ccc;}
#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;
	}
	


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

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

 /*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) -467px 0 no-repeat; }
#box_home #nav_contact a:hover {background-position: -467px -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) -467px -40px no-repeat; }
#top #nav #nav_contact a:hover {background-position: -467px -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: -465px -122px !important;}
#nav_is_home #nav_home {display: none;}
#nav_is_home #nav {border: none;}

/* Drop Downs */
#nav li ul a {background-image: none !important;}
#nav li ul, #nav li ul ul {display: none;}
#nav li ul, #nav li ul 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 li ul {top: 82px; z-index: 1000 !important;}


#nav li ul ul {left: 150px; top: -1px; z-index: 2000 !important;}
html>body #nav li ul ul {left: -14px; top: 80px;}
#nav_contact ul {left: -55px !important;}
#hometop  #nav li ul ul {top: -1px;}
html>body #hometop  #nav li ul ul {top: 80px;}
#nav li ul li {padding: 0 !important; height: 15px !important; display: inline; border: 0 !important; margin: 0; position: relative;}
html>body #nav li ul li {float: none;}

#nav li:hover ul {display: block !important;}
#nav li:hover ul ul {display: none !important;}
#nav li li:hover ul {display: block;}

#nav li 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; font-weight: bold;}

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

#nav ul li a:hover {background-color: #4E6E5E !important; color: #fff;}
#nav li ul.block {display: block !important}
#nav li ul ul.block {display: block !important} 



/* Home Subnav, Top Nav */

#navbox {
	width: 283px;
	background: #333;
	font-weight: bold;
	font-size: 10px;
	}

html>body #navbox {width: 293px;}


#navbox_sub {
	width: 100%;
	padding: 3px 8px 3px 3px;
	text-align: center;
	
	}

#navbox_top {
	width: 775px;
	text-align: right;
	background: #333;
	padding: 0;
	}

* html #navbox_top {
   width: 777px;
   }

#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: .7em; 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 #d12e28 !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: 293px;
	height: 91px;
	}
#box_home #officename {background: #333 url(../img/tagline.gif) center no-repeat;}

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

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


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


/* Home Mid */

#homemid {
	height: 153px;
	width: 772px;
	}
html>body #homemid {height: 170px;}
	
	



/* 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;
	font-size:110%;
	font-weight:bold;
	}
#homebottom #content h1 {margin: 0 0 10px 0;}

#tagline {
	background: #333;
	height: 8px;
	width: 294px;
}
html>body #tagline {width: 293px;}


#industryBox {
	padding: 0; width: 293px;
	}

html>body #industryBox {margin-bottom: -15px}

#industryBox ul {list-style: none; margin: 0; padding: 0}
#industryBox ul li {margin-bottom: 3px;}
#industryBox ul li  {background: url(../img/chevron_gray.gif) 0 2px no-repeat; padding-left: 13px;}


#industryBox div {margin: 0; float: none; width: 253px; padding: 20px 20px 60px 20px; border-right: 1px dashed #ccc; border-top: 6px solid #d12e28; border-bottom: 0;}

html>body #industryBox div {width: 251px;}

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


#companyBox {
	float: left;
	width: 220px;
	}

#candidateBox {
	float: left;
	width: 220px;
	margin-left:10px;
	}

/*  #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;
	}

/* Section Top */

#topimage {float: right; width: 283px; height: 99px;}
#bodyabout #topimage {background: url(../img/topimage_about.jpg) 0 0 no-repeat;}
#bodyclient #topimage {background: url(../img/topimage_client.jpg) 0 0 no-repeat;}
#bodycand #topimage {background: url(../img/topimage_jobs.jpg) 0 0 no-repeat;}
#bodyind1 #topimage {background: url(../img/topimage_ind1.jpg) 0 0 no-repeat;}
#bodyind2 #topimage {background: url(../img/topimage_ind2.jpg) 0 0 no-repeat;}
#bodyind3 #topimage {background: url(../img/topimage_ind3.jpg) 0 0 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: #d12e28; 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;}
ul.chev {margin-left: 0}
.chev li, p.chev {background: url(../img/chevron.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; }

/* Our Values */
#values {text-align: center;}
.main {border: 1px solid #d12e28; padding: 8px; width: 346px; text-align: left; margin: 0 auto;}
.value {background: #C9CACC; color: #666; width: 125px; margin-right: 10px; float: left;  text-align: center; font-size: 85%; height: 350px;}
.value p {margin: 7px 5px !important;}
.value h2 {text-align: center; width: 100% !important; margin: 0  !important; background: #fff url(../img/arrow.gif) top center no-repeat; color: #000; padding: 30px 0 0 0 !important;}
#values h1 {color: #000;}
#values .flow {width: 406px; background: url(../img/vline.gif) top center no-repeat; height: 39px; border-bottom: 1px solid #C9CACC; margin-left: -4px;;}
html>body #values .flow {width: 406px; margin-left: 62px;}

/* PCR */
#pcr {margin: 10px auto;}