/* Design 203 Stylesheet */

/* basic elements */

body {margin: 0; padding: 0; text-align: center; font: 1em arial, sans-serif}
h1 {color: #4E6E5E; font-size: 1.1em; margin: 0; padding: 0; text-indent: -5000px; height: 26px; z-index: 1; }
h1.home {height:20px;}
h2 {color: #4E6E5E; font-size: 1em; margin: 0; padding: 10px 16px 0 16px; z-index: 1;}
h3 {color: #4E6E5E; font-size: 0.9em; margin: 0; padding: 16px 16px 0 16px; z-index: 1; }
a:link    { color: #6D6B6E }
a:visited { color: #474647 }
a:hover   { color: #f08230 }

/* layout elements sitewide */

#topstripe {padding: 1px 10px 1px 0; background-color: #4E6E5E; height: 12px}
#topstripe #jsdate {margin: 0 auto; padding: 0; color: #fff; text-transform: uppercase; font-size: 0.6em; text-align: right; max-width:792px}
#wrapper {width: 792px; text-align: left; padding: 0; margin: 0 auto}
#bodyhome #header,
#header {
	border-top: 3px solid #d1d1d1;
	border-right: 3px solid #d1d1d1;
	border-left: 3px solid #d1d1d1;
	background-color: #FFFFFF;
}
#header { height: 88px; }
#bodyhome #header { height:60px; }
#bodyhome #header #logo {float: left; margin: 15px 0 0 10px; padding: 0}
#header #logo {float:left; margin: 25px 0 0 15px ; padding:0;}
#header #mrilogo {float: right; margin: 10px 5px 0 0; padding: 0}
#header #s-photo {margin: 0px; padding: 0px;}
#header #s-photo div {height:86px; width:86px; float:right; border-top: 1px solid #F3F8F6; border-right: 1px solid #F3F8F6; border-left: 1px solid #F3F8F6; margin: 0px; padding: 0px;}
#header a img {border:none;}
#main {	background: url(../img/bg.gif) repeat-y left; position: relative; border-bottom: 3px solid #4E6E5E; border-right: 3px solid #4E6E5E; min-height: 300px; z-index: 1;}
#top {height: 388px; border: 0px dashed blue; z-index: 1;}
#bottom {position: absolute; top: 388px; left: 252px; z-index: 1; }
#footer {margin: 0; padding: .5em 0; font-size: 0.7em; line-height: 1.4em; text-align: center; color: #4E6E5E; border-top-width: 6px; border-top-style: solid; border-top-color: #0C080E;}
div.clear {clear: both}

/* homepage styles */
#bodyhome #main {background-color: #FFFFFF; background-image: none; height: 496px; border: 0; z-index:1; }
img.h-photo {margin: 0; padding: 0; border: solid #4E6E5E; border-width: 0 1px 1px 1px; z-index: 1; }
#bodyhome #copy {position: absolute; width: 325px; height: 307px; top: 0; left: 252px; border: 0; padding-bottom: 0; z-index: 1;}
#bodyhome #copy p {
	margin: 0;
	padding: 5px 16px 0 16px;
	z-index: 1;
	font-size: 0.8em;
	line-height: 1.4em;
}
#i-photo { border: none; width: 540px; height: 106px; background-color: #F3F8F6;}
#i-photo div img {float:right; border: 1px solid #F3F8F6;}


/* copy and text styles sitewide */
#copy {float: right; width: 589px; margin: 0; padding: 0 0 12px 0;}
#copy p { color: #0C080E; font-size: 0.75em; line-height: 1.5em; margin: 0; padding: 8px 30px 0 16px; }
#copy ul, #copy ol { margin:0px 16px 0px 48px; padding:0px; }
#copy li {color: #333333; font-size: 0.75em; line-height: 1.5em; margin: 0; list-style-type: none; padding:8px 48px 0 16px}
#copy ul li {background-image: url(../img/bullet-a.gif); background-repeat: no-repeat; background-position: 0px 16px; }
#copy ol li { list-style-type:decimal; }
#copy ol ol li {list-style-type:lower-alpha; font-size:1em;}



/*section headers*/ 
#bodyabout h1 {background: #4E6E5E url(../img/s-t-about.png) no-repeat}
#bodyclient h1 {background: #4E6E5E url(../img/s-t-client.png) no-repeat}
#bodycand h1 {background: #4E6E5E url(../img/s-t-cand.png) no-repeat}
#bodyind h1, #bodyind-ind h1, #bodynews h1 {background: #4E6E5E url(../img/s-t-ind.png) no-repeat}
#bodyjobs h1 {background: #4E6E5E url(../img/s-t-jobs.png) no-repeat}
#bodycontact h1 {background: #4E6E5E url(../img/s-t-contact.png) no-repeat}
#bodysignup h1 {background: #4E6E5E url(../img/s-t-newsletter.png) no-repeat}
#bodyerror h1 {background: #4E6E5E url(../img/s-t-404.png) no-repeat}
#bodyhome h1 {padding: 12px 16px 0 16px; text-indent: 0}
#bodyarticle h1 {background: #4E6E5E url(../img/s-t-articles.png) no-repeat}





/* navigation behaviors */

#nav {
	width: 100%;
	height: 23px;
	background-color:#CCC;
	border-bottom: 3px solid #0c080e;
	z-index:3000;
}
#nav ul {margin: 0; padding: 0; list-style: none;	z-index:3000;}
#nav ul li {
	float: left;
	z-index:3000;
}
#nav ul li a {display: block; text-indent: -5000px; height: 23px;	z-index:3000;}

#navhome a {width: 62px; background: url(../img/nav.png) no-repeat 0 0}
#navhome a:hover {background-position: 0 -23px}
#bodyhome #navhome a {background-position: 0 -46px}

#navabout a {width: 88px; background: url(../img/nav.png) no-repeat -62px 0 }
#bodyabout #navabout a:hover, #navabout a:hover {background-position: -62px -23px}
#bodyabout #navabout a {background-position: -62px -46px}

#navclient a {width: 153px; background: url(../img/nav.png) no-repeat -150px 0}
#bodyclient #navclient a:hover, #navclient a:hover {background-position: -150px -23px}
#bodyclient #navclient a {background-position: -150px -46px}

#navcand a {width: 156px; background: url(../img/nav.png) no-repeat -303px 0}
#bodycand #navcand a:hover, #navcand a:hover {background-position: -303px -23px}
#bodycand #navcand a, #bodyjobs #navcand a {background-position: -303px -46px}

#navind a {width: 131px; background: url(../img/nav.png) no-repeat -459px 0}
#bodyind #navind a:hover, #navind a:hover {background-position: -459px -23px}
#bodyind #navind a {background-position: -459px -46px}
#bodyind-ind #navind a {background-position: -459px -46px}
#bodynews #navind a {background-position: -459px -46px}

#navcontact a {width: 100px; background: url(../img/nav.png) no-repeat -590px 0}
#navcontact a:hover {background-position: -590px -23px}
#bodycontact #navcontact a {background-position: -590px -46px}
#bodysignup #navcontact a {background-position: -590px -46px}

/* dropdown navigation behaviors */

ul#secNav li ul.subNav {
	position: absolute;
	left: -999em;
	width:182px!important;
	margin: 0px;
	padding: 0px;
	top: 23px;
	float: left;
	border-top: none;
	border-right: 1px solid #0C080E;
	border-bottom: 3px solid #0C080E;
	border-left: 1px solid #0C080E;
	background-image: url(none);		
	color:#ffffff;
	background-color: transparent!important;
}
#nav li:hover, #nav li.sfhover { position: relative; background-color: transparent!important;}
ul#secNav li:hover ul, ul#secNav li.sfhover ul {left: auto; background-color: transparent!important;}

#nav li ul li {
	float: left;
	color: #FFFFFF;
	font-size: .75em;
}
#nav li ul li a {
	text-align:left;
	text-indent:0px;
	color: #000!important;
	background-image: none;
	width: 160px!important;
	height: 16px;
	border-bottom: 1px solid #E8E7E8;
	padding: 4px 8px 2px 14px!important;
	background-color: #fff!important;
	margin:0!important;
	
	text-decoration: none;
	display: block;
	/* comment out the following to remove transparency from the dropdowns  */
	-moz-opacity: .85!important; filter:alpha(opacity=85)!important; 
}
ul#secNav li ul.subNav li a:hover {
	color: #FFF!important;
	background: #4E6E5E url(none)!important;
	/* the following removes transparency from the hovered item in the dropdowns  */
	-moz-opacity: .99!important; filter:alpha(opacity=99)!important; 
}


/* IE6 is a jerk */
* html #main {height:auto !important; height:300px}

/* IE 6 is yucky */

* html form {width: 380px; margin: 20px auto 0 auto; padding: 0; z-index:1;}

/* subnavigation behaviors */
#snav {
	float: left;
	width: 194px;
	border-top: none;
	border-bottom: none;
	border-right: 3px solid #4E6E5E;
	border-left: 3px solid #4E6E5E;

}
#snav ul {margin: 0; padding: 0; list-style: none}
#snav ul li {margin: 0; padding: 0}
#snav ul li a {
	display: block;
	height: 19px;
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 7px 0 0 8px;
	border: 1px solid #8fa399;
}
#snav ul li a:link    {
	color: #FFFFFF;
	text-decoration: none;
	border-right: 3px solid #8fa399;
	background-color: #4E6E5E;
}
#snav ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-right: 3px solid #8fa399;
	background-color: #4E6E5E;
}
#snav ul li a:hover   {
	color: #f08230;
	text-decoration: none;
	background-color: #FFF;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #4E6E5E;
}

.subnavon {
	color: red;
	}
	
/* form styles */
form {width: 420px; margin: 20px 0 0 40px; padding: 0; font-size:.75em; }
input, textarea {margin: 0; padding: 0}
.center {text-align:center;}

/* Form */
#resumeform {border-collapse: collapse; border-spacing: 3px; width:100%; }
#resumeform td {padding: 4px 6px; border: 1px solid #ddd; border-width: 1px 1px 1px  1px }
#resumeform .required {font-weight: bold}
#resumeform .label {background-color: #f3f3f3;}
#resumeform .note {margin-bottom: 6px} 
.tdcolor {background-color: #f3f3f3; padding: 3px;}
.bold {font-weight:bold;}
.input {padding-left: 5px;}


/* client/candidate/industry focus boxes */
#client-box, #cand-box {color: #0C080E; background-color: #e8e7e8; width: 246px; border-right:3px solid #4E6E5E; border-left:3px solid #4E6E5E; }
#client-box {position: absolute; top: 201px; left: 0; height: 146px;}
#cand-box {position: absolute; top: 347px; left:0; height:148px;}
#client-box h2, #cand-box h2 {margin: 0; padding: 0; display: block; width: 246px; height: 27px; text-indent: -5000px}
#client-box h2 {background: url(../img/h-find.png) no-repeat}
#cand-box h2 {background: url(../img/h-blog.png) no-repeat}
#client-box p, #cand-box p, #cand-box ul {margin: 0; padding: 10px 10px 0 10px; font-size: 0.8em}

#client-box a:link, #cand-box a:link {color: #4E6E5E;  font-weight: bold;}
#client-box a:visited, #cand-box a:visited { color: #6D6B6E; font-weight: bold; }
#client-box a:hover, #cand-box a:hover { color: #000; font-weight: bold; }

#focus-box {width: 209px; height: 380px; color: #0C080E; background-color: #e8e7e8; border: 3px solid #4E6E5E; position: absolute; top: 0; right: 0; z-index: 1;}
#focus-box h2 {display: block; width: 209px; height: 27px; margin: 0; padding: 0; text-indent: -5000px; background: url(../img/h-ind.png) no-repeat}
#focus-box p  {
	margin: 0;
	padding: 6px 10px 0 10px;
	font-size: .8em;
	line-height: 1.7em
}
#focus-box ul  {padding: 0; margin-top: 4px; margin-right: 0; margin-bottom: 4px; margin-left: 0; }
#focus-box li  {
	font-size: .8em;
	margin: 0 0 0 40px;
	padding: 3px 10px 3px 0;
}
blockquote {
	font-size: .8em;
	margin: 5px 0 5px 50px;
	color:#4E6E5E;
	}
#profile {
	padding: 20px;
	}
/* testimonials page */
#copy p.quote {
	padding: 10px 50px 0;
	}
#copy p.source {
	text-align:right;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	padding:5px 30px 20px;
	}