/* 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: 3px solid #d1d1d1;
}
#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: 243px; 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: 550px; 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*/ 
#bodyhome h1 {padding: 12px 16px 0 16px; text-indent: 0}


/* navigation behaviors */

#nav {
 	display: none;
	}



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