/* MRI Design 201 Stylesheet */

/* layout elements */

body {margin: 0; padding: 0; font: 1.0em arial, sans-serif; background-color: white; text-align: center; width: 100%}

#wrapper {max-width: 982px; margin: 0.5em auto; padding: 0; text-align: left}

#header #logo {float: left; width: 49%}
#header #logo img {border: 0}
#header #mrilogo {float: right; text-align: right; width: 49%; padding-top: 28px}

#main {margin: 0; padding: 0; clear: both; background-color: #b3b3b3; position: relative; border-bottom: 12px solid #b3b3b3}
#bodyhome #main {margin: 0; padding: 0; clear: both; background-color: #b3b3b3; position: relative}
#main img.h-photo {position: absolute; bottom: 127px; right: 17px; z-index: 1}
#main img.h-photo-print {display: none}
#main img.s-photo {position: absolute; top: 5px; right: 4px; z-index: 1}
#main img.s-photo-print {display: none}

#marquee {margin: 0; padding: 0; height: 42px; background: white url(../img/s-gradient.png) repeat-x top}
#bodyhome #marquee {height: 186px; background: white url(../img/h-gradient.png) repeat-x top}

h1 {text-indent: -5000px; width: 369px; height: 28px; margin: 0; padding: 0; position: absolute; top: 42px; left: 0; z-index: 1}
#bodyhome h1 {background: url(../img/h-headline.png) no-repeat; text-indent: -5000px; width: 505px; height: 67px; margin: 0; padding: 0; position: absolute; top: 73px; left: 20px;	z-index: 1}

#bodyabout h1 {background: url(../img/s-t-about.png) no-repeat}
#bodyclient h1 {background: url(../img/s-t-client.png) no-repeat}
#bodycand h1 {background: url(../img/s-t-cand.png) no-repeat}
#bodyjobs h1 {background: url(../img/s-t-jobs.png) no-repeat}
#bodyind h1 {background: url(../img/s-t-ind.png) no-repeat}
#bodycontact h1 {background: url(../img/s-t-contact.png) no-repeat}
#bodyerror h1 {background: url(../img/s-t-error.png) no-repeat}

#content {padding: 0; margin: 0 12px; background-color: #646464}
#bodyhome #content {margin: 0; padding: 0 12px; background-color: #b3b3b3}

#copy {
	background-color: white; 
	margin: 0 0 0 278px; 
	padding: 50px 40px 25px 40px; 
	border: solid; 
	border-color: #858585; 
	border-width: 0 15px; 
	border-bottom: 1px solid #008ac8; 
	min-height: 300px; 
	position: relative; 
	right: 120px; 
	min-width: 320px
}
#bodyhome #copy {max-width: 934px; height: 175px; background-color: white; margin: 0; padding: 12px; border: 0; min-height: 0; right: 0}
#bodyhome #copy h2 {margin: 0 0 0.5em 0; padding: 0}
#bodyhome #copy p {margin: 0 0 0 0.1em; padding: 0; line-height: 2em; width: 550px}

#cand-box {width: 29%; max-width: 278px; float: left; margin: 12px 12px 0 0; border-bottom: 0.75em solid #646464}
#cand-box h2 {height: 33px; background: #0092cf url(../img/h-cand.png) no-repeat; text-indent: -5000px; margin: 0; padding: 0}

#client-box {width: 29%; max-width: 278px; float: left; margin: 12px 18px 0 0; border-bottom: 0.75em solid #646464}
#client-box h2 {height: 33px; background: #0092cf url(../img/h-client.png) no-repeat; text-indent: -5000px; margin: 0; padding: 0}

#cand-box ul,
#client-box ul {background-color: #646464; margin: 0; padding: 0; list-style: none}

#cand-box li, 
#client-box li {font-size: 0.75em; background: #646464 url(../img/li.gif) no-repeat 14px 1.2em; margin: 0; padding: 0}

#cand-box li a, 
#client-box li a {display: block; padding: 0.7em 0.5em 0 2.5em}

#cand-box a:link,
#client-box a:link {color: white}

#cand-box li:hover, 
#client-box li:hover {background: url(../img/li-hover.gif) no-repeat 14px 1.2em}

#cand-box a:visited,
#client-box a:visited {color: #d9d9d9}

#focus-box {
	width: 300px; 
	background: #ececec url(../img/focus-bg.png) no-repeat top center; 
	height: 126px; 
	border-bottom: 1px solid #008ac8;
	border-left: 15px solid #b3b3b3;
	position: absolute; 
	bottom: 0; 
	right: 59px; 
	z-index: 1;
	line-height:0.7em;
	}
#focus-box h2 {visibility: hidden; margin: 0; padding: 0}
#focus-box p {margin:1.5em 2em 0 2em; padding: 0; text-align: center; line-height:1.1em;}
#focus-box ul {list-style: none; margin: 0; padding:0; text-align: center}
#focus-box li {margin:0.3em 0;}
#focus-box li a {font-size: 0.75em}

div.clear {clear: both}

#footer {font-size: 0.7em; text-align: center; margin: 0.2em; padding: 0; clear: both; line-height: 1.5em}
#footer a {margin: 0 0.5em}
#footer a.credit {margin: 0}


/* main navigation behaviors */

#nav, #nav ul {list-style:none; margin: 0; padding: 0}
#nav li {float:left; position: relative; margin: 0; padding: 0; z-index: 2}
#nav li a.l-1 {display:block; height:29px; font-size:0.7em; color: black; background-color: white; text-decoration:none; text-indent: -5000px}

#nav #navhome a.l-1 {width:55px; background:  url(../img/nav.png) 0 0 no-repeat}
#nav #navhome a.l-1:hover {background-position: 0 -29px}
#bodyhome #nav #navhome a.l-1 {background-position: 0 -29px}

#nav #navabout a.l-1 {width:75px; background:  url(../img/nav.png) -55px 0px no-repeat}
#nav #navabout a.l-1:hover {background-position: -55px -29px}
#bodyabout #nav #navabout a.l-1 {background-position: -55px -29px}

#nav #navclient a.l-1 {width: 114px; background:  url(../img/nav.png) -130px 0px no-repeat}
#nav #navclient a.l-1:hover {background-position: -130px -29px}
#bodyclient #nav #navclient a.l-1 {background-position: -130px -29px}

#nav #navcand a.l-1 {width:136px; background:  url(../img/nav.png) -244px 0px no-repeat}
#nav #navcand a.l-1:hover {background-position: -244px -29px}
#bodycand #nav #navcand a.l-1 {background-position: -244px -29px}

#nav #navind a.l-1 {width: 113px; background:  url(../img/nav.png) -380px 0px no-repeat}
#nav #navind a.l-1:hover {background-position: -380px -29px}
#bodyind #nav #navind a.l-1 {background-position: -380px -29px}

#nav #navcontact a.l-1 {width:86px; background:  url(../img/nav.png) -493px 0px no-repeat}
#nav #navcontact a.l-1:hover {background-position: -493px -29px}
#bodycontact #nav #navcontact a.l-1 {background-position: -493px -29px}


/* subnavigation behaviors */

#subnav {float: left; list-style: none; margin: 28px 0 0 0; padding: 0; width: 158px}
#subnav li {font-size: 0.7em; border-bottom: 1px solid #858585; background: #646464 url(../img/li.gif) no-repeat 0.8em; margin: 0; padding: 0}
#subnav li a {display: block; padding: 0.5em 0.5em 0.5em 2em}

#subnav li a:link    {color: white}
#subnav li a:visited {color: #d9d9d9}
#subnav li a:hover   {color: white}
#subnav li a:active  {color: #f00}

#subnav li:hover {background: #646464 url(../img/li-hover.gif) no-repeat 0.8em}


/* textual elements */

h2 {font-size: 1em; color: #008ac8; margin: 0; padding: 0}
h3 {font-size: 0.9em; color: black; margin: 1.5em 0 0 0; padding: 0}

p {font-size: 0.75em; line-height: 1.5em}

a:link    {color: #008ac8}
a:visited {color: #4b4b4b}
a:hover   {color: #d04b45}
a:active  {color: #f00}

#copy li {font-size: 0.75em; line-height: 1.5em; margin-bottom: 0.75em}

#copy div.side {border: 2px solid #008ac8; margin: 1.5em 0 0.5em 0.5em; float: right; width: 180px; font-size: .9em; position: relative}
#copy div.bar {text-align: center; font-weight: bold; padding: 10px}
#copy div.list {padding: 10px 20px 10px 0}
#copy div.list p {text-align: center; }
#copy div.list li {padding: 0; margin:0}

p.footnote {font-size: 0.7em; color: #b3b3b3}
.b {font-weight: bold}
.hilite {background-color: yellow}

#bodycontact table {font-size: 0.75em; line-height: 1.5em; margin-bottom: 0.75em;}
#bodycontact table tr {vertical-align:top;}
#bodycontact table td {padding:3px 10px; white-space:nowrap;}
#bodycontact table td.left-column {padding-left:0;}

/* form styles */

div.row {clear: both; padding-top: 5px}
div.last {text-align: right}
form {width: 396px; margin: 0; padding: 0; font-size: 0.75em; margin: auto}
#bodyclient div.row span.label {float: left; width: 110px; text-align: right; font-weight: bold; margin: 0; padding: 2px 0 0 0} 
#bodycand div.row span.label {float: left; width: 110px; text-align: right; font-weight: bold; margin: 0; padding: 2px 0 0 0}
#bodyclient div.row span.formw {float: right; width: 283px; text-align: left; line-height: 1.5em; margin: 0; padding: 0} 
#bodycand div.row span.formw {float: right; width: 283px; text-align: left; line-height: 1.5em; margin: 0; padding: 0}
input, textarea {margin: 0; padding: 0}


/*Misc*/
#email{vertical-align:text-bottom; padding-bottom:1px;}

/* IE6 hacks */
* html #wrapper {width: expression(document.body.clientWidth > 982? "982px": "auto" )}
* html #copy, * html #subnav {position: relative}
* html form {width: 355px}
* html #bodyclient div.row span.label, #bodycand div.row span.label {width: 80px}
* html #bodyclient div.row span.formw, #bodycand div.row span.formw {width: 270px}