body {margin: 0; background-color: #fff; color: #666; font-family: arial, sans-serif; font-size: 70%; }
html {min-height: 100.1%;} 
a {color: #2736AD;}
a:visited {color: #878BAA;}
a:hover {color: #F58220}
img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
table td {padding: 0; vertical-align: top;}
p {margin: 7px 10px;}
#cl {clear: both;}
#body h2 {color: #F58220; font-size: 120%; margin: 0 10px;}
#body h2 div {font-size: 80%;}
#body h3 {color: #333; font-size: 110%; margin: 10px 10px 0;}
#body h4 {font-size: 100%; margin: 10px 6px 0;}
#content td {padding: 1px;}
#content p {padding-right: 10px;}
#body ul {list-style: none; padding: 0; margin: 7px 20px; position: relative;}
#body ul li {background: transparent url(../img/li-chevron.gif) 0 3px no-repeat; padding-left: 16px; margin: 0 0 5px;}
#body ul ul {list-style: none; padding: 0; margin: 7px 20px; position: relative;}
#body ul li li {background: none; margin-left: -20px; padding-bottom: 10px}
#body ol {padding: 0; margin: 10px 20px 10px 40px;}
#body ol li {margin: 0 0 5px;}
#bodyhome #body ul {margin-bottom: -10px;}
#bodyhome #body ul li {font-weight: normal;}
blockquote {width: 200px; padding: 6px; float: right; border: 2px solid #A7A9AC; ofnt-weight: bold; margin: 10px;}

#topstripe {padding: 1px 10px 0 0; background-color: #F58220; height: 11px;}
#topstripe #jsdate {margin: 0 auto; color: #fff; text-transform: uppercase; font-size: 80%; text-align: right; max-width:937px; width:expression(document.body.clientWidth > 947? "937px": "auto" );}

#logo {margin: 6px 0;}

#wrapper {padding: 0 10px; margin: 0 auto; max-width:954px; width:expression(document.body.clientWidth > 1000? "973px": "auto" ); position: relative; padding-bottom: 10px;}

#structure {border: 2px solid #eceded; border-width: 2px 0; width: auto; clear: both; position: relative;}

/* Main Nav Settings */
#nav {width: 146px; border: 1px solid #eceded; border-width: 0 2px 0 0; height: auto;}

#nav ul {margin: 0; padding: 17px 0 17px 0;}
#nav ul {list-style: none; margin: 0 0 0 5px; border-bottom: 2px solid #eceded;}
#nav ul li a {text-decoration: none; text-indent: -4000px; display: block; height: 21px; width: 128px;}

#nav .about {height: 21px; background: url(../img/nav-about.gif) 0 0 no-repeat;text-indent: -4000px;}

#nav .company a {background: url(../img/nav-links.gif) 0 0 no-repeat;}
#nav .company a:hover {background: url(../img/nav-links.gif) -164px 0 no-repeat;}
#bodycompany #nav .company a {background: url(../img/nav-links.gif) -164px 0 no-repeat;}

#nav .industry a {background: url(../img/nav-links.gif) 0 -21px no-repeat;}
#nav .industry a:hover {background: url(../img/nav-links.gif) -164px -21px no-repeat;}
#bodyindustry #nav .industry a {background: url(../img/nav-links.gif) -164px -21px no-repeat;}

#nav .recruiters a {background: url(../img/nav-links.gif) 0 -42px no-repeat;}
#nav .recruiters a:hover {background: url(../img/nav-links.gif) -164px -42px no-repeat;}
#bodyrecruiters #nav .recruiters a {background: url(../img/nav-links.gif) -164px -42px no-repeat;}

#nav .services {height: 21px; text-indent: -4000px; background: url(../img/nav-services.gif) 0 0 no-repeat;}

#nav .companies a {background: url(../img/nav-links.gif) 0 -63px no-repeat;}
#nav .companies a:hover {background: url(../img/nav-links.gif) -164px -63px no-repeat;}
#bodycompanies #nav .companies a {background: url(../img/nav-links.gif) -164px -63px no-repeat;}

#nav .candidates a {background: url(../img/nav-links.gif) 0 -84px no-repeat;}
#nav .candidates a:hover {background: url(../img/nav-links.gif) -164px -84px no-repeat;}
#bodycandidates #nav .candidates a {background: url(../img/nav-links.gif) -164px -84px no-repeat;}

#nav .contactus {height: 21px; background: url(../img/nav-contact.gif) 0 0 no-repeat; text-indent: -4000px;}
#nav .contact a {background: url(../img/nav-links.gif) 0 -105px no-repeat;}
#nav .contact a:hover {background: url(../img/nav-links.gif) -164px -105px no-repeat;}
#bodycontact .contact a {background: url(../img/nav-links.gif) -164px -105px no-repeat;}
#nav .text {padding: 5px 10px 5px 13px;}
#nav .con {background: url(../img/li-1.gif) 0 4px no-repeat;}
#nav .con a {text-indent: 0; margin-left: 13px; color: #6D6E70; text-decoration: none; height: 15px;}
#nav .con a:visited {color: #A9A9AC;}
#nav .con a:hover {color: #A9A9AC; text-decoration: underline;}
#nav .nb {border-bottom: 0;}

#body {margin: 10px 0 10px 18px; width: auto;}
#hcontent, #content {max-width: 512px; width:expression(document.body.clientWidth > 964? "512px": "auto" );}

/* Home Page */
#h-photo img {height: 1px; width: 350px;}
#h-photo {height: 189px; width: auto; background: url(../img/h-photo.jpg) bottom center no-repeat; max-width: 512px; min-width: 350px; border-bottom: 8px solid #fff;}
#hcontent table {width: 100%; max-width: 512px;}
html>body #hcontent table {}
#snav #intro {margin: 5px 0 0 0; width: auto; padding: 0 3px; vertical-align: bottom; border-bottom: 8px solid #fff;}
#company {border-right: 9px solid #fff;}
#company ul, #candidate ul, #company p, #candidate p {margin: 7px 11px;}
#candidate ul {margin-top: 20px;}
#company h1 img, #candidate h1 img {height: 29px; width: 100%;}
#company h1 {background: #A7A9AC url(../img/hcom.gif) 0 0 no-repeat; margin: 0 0 14px 0; height: 29px; width: 100%;}
#candidate h1 {background: #A7A9AC url(../img/hcan.gif) 0 0 no-repeat; margin: 0 0 14px 0; height: 29px; width: 100%;}
#preload img {height: 1px; width: 1px; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}


/* Section Page Title */
#s-t {height: 30px; margin-bottom: 2px;}
#bodycompany #s-t, #bodyrecruiters #s-t, #bodycontact #s-t, #bodyabout #s-t {background: #A7A9AC url(../img/s-t-about.gif) 0 0 no-repeat;}
#bodycandidates #s-t {background: #A7A9AC url(../img/s-t-candidates.gif) 0 0 no-repeat;}
#bodycompanies #s-t {background: #A7A9AC url(../img/s-t-companies.gif) 0 0 no-repeat;}
#bodyindustry #s-t {background: #A7A9AC url(../img/s-t-industry.gif) 0 0 no-repeat;}
#bodyjobs #s-t {background: #A7A9AC url(../img/s-t-jobs.gif) 0 0 no-repeat;}
#body404 #s-t {background: #A7A9AC url(../img/s-t-404.gif) 0 0 no-repeat;}

/* Section Page Images */
#clip {width: 527px; height: 96px; margin: 6px 0 10px 0; width: auto;}
#bodycompany #clip, #bodyrecruiters #clip, #bodycontact #clip, #bodyabout #clip, #body404 #clip {background: url(../img/s-photo-about.jpg) top center no-repeat;}
#bodycandidates #clip, #bodyjobs #clip {background: url(../img/s-photo-candidates.jpg) top center no-repeat;}
#bodycompanies #clip {background: url(../img/s-photo-client.jpg) top center no-repeat;}
#bodyindustry #clip {background: url(../img/s-photo-focus.jpg) 0 -8px no-repeat;}

/* Form Style */
#content #resumeform {border-collapse: collapse; border-spacing: 3px; }
#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 {background-color: #f3f3f3;}
#content #resumeform .note {margin-bottom: 6px}
#request {width: 100%;}
.tdcolor {background-color: #f3f3f3; padding: 3px;}
.input {padding-left: 5px;}

/* Fees Table */
#content #fees {border: 2px solid #999; border-width: 2px 0; width: 98%;}
head:first-child+body #content #fees {border-collapse: separate;}
#content #fees th {text-align:center; border-bottom: 3px double #ccc;}
#content #fees .head {font-weight: bold; text-align: right;}
#content #fees .odd {background-color: #f6f6f6;}
#content #fees td {padding: 4px 6px; border-bottom: 1px solid #ccc;}

/* Section Navigation */
#snav a {color: #333333; text-decoration: underline;}
#snav a:visited {color: #696969;}
#snav a:hover {color: #696969; text-decoration: none;}
#snav {width: 255px; border-left: 19px solid #fff;}
#bodyhome #snav {border-left: 10px solid #fff;}
#snav h1 {margin: 0; height: 36px; width: auto;}
#snav h1 img {width: 200px; height: 1px;}
#snav .com {background: #C9CBCC url(../img/hcom.gif) 0 0 no-repeat;}
#snav .can {background: #C9CBCC url(../img/hcan.gif) 0 0 no-repeat;}
#snav .sec {background: #C9CBCC url(../img/related.gif) 0 -8px no-repeat; margin-top: 6px; height: 20px;}
#snav h1.sec img {width: 173px;}
#snav #company, #snav #candidate {margin:0; width: auto; background: #F2F2F3; padding: 10px 5px 25px 2px; border: 5px solid #fff; border-width: 5px 0 5px 0;}
#snav #candidate {border-bottom: 0;}
#snav ul {margin: 10px;}
#snav li, #snav #company li, #snav #candidate li {list-style: none; background: url(../img/li-2.gif) 0 3px no-repeat; padding: 0 18px;}
#snav #industry {background: #F2F2F3; margin: 5px 0 5px 0; width: auto; padding: 2px 5px 25px 5px; height: 100%;}
#snav .ind {background: #5C788E url(../img/hind.gif) 0 0 no-repeat; margin: 0; height: 29px;}
#snav .ind img {height: 29px; width: 160px;}
html>body #bodyhome #snav {width: 264px;}


#snav #links {margin: 2px 0 5px 0; width: auto; background: #F2F2F3; padding: 8px 10px;}
#snav #links ul {margin: 0;}
#snav #links li {background: url(../img/li-2.gif) 0 3px no-repeat;}
#snav #links li a {text-decoration: none;}
#snav #links li a:hover {text-decoration: underline;}



/* Footer */
#footer {margin: 0 0 0 176px; text-align: left; color: #A9A9AC;}
html>body #footer ul {margin-left: -42px;}
#footer ul {list-style: none; margin: 7px 0 4px -3px;}
#footer li {padding: 0; display: inline;}
#footer a {color: #333333; padding: 0 3px;}
#footer a:visited {color: #696969;}
#footer a:hover {color: #696969;}

/* industry */
.orange {color:#F58220;}
#hiring {border:1px solid #CFCFCF; margin:10px; background-color:#F5F5F5;}
#hiring p {margin:10px;}
#hiring p.speaker {font-style:italic; margin-top:3px; text-align:center;}
#hiring h2 {text-align:center; margin:10px 0px 0px;}
#hiring h2.smaller {font-size:1.2em;}

/* Misc */
#portrait {float: right; border: 2px solid black; padding: 0; margin-left: 12px; margin-bottom: 12px;}
#ul-wrap {margin-left: 20px;}
#a-col {width: 100px; float: left;}
#a-col ul {margin: 7px 0;}
#funnel {float: right; width: 189px; text-align: center;}
.line-space {line-height: 1.4;}
.footnote {color:#A9A9AC;}
.w {color: #fff;}
.vb {vertical-align: bottom;}