/* MRI Design 201 Stylesheet */

/* layout elements */

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

#wrapper {max-width: 982px; margin: 0.5em 0; padding: 0; text-align: left}
#bodyhome #wrapper {width:700px;}
#header {padding-bottom: 8px; margin-bottom: 16px; border-bottom: 0}
#header #logo {float: left; width: 49%}
#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: 0}
#bodyhome #main {margin: 0; padding: 0; clear: both; background-color: #b3b3b3; position: relative}
#main img.h-photo {display: none}
#main img.h-photo-print {position: absolute; top: 0; right: 0; z-index: 1}
#main img.s-photo {display: none}
#main img.s-photo-print {position: absolute; top: 5px; right: 4px; z-index: 1}

#marquee {margin: 0; padding: 0; height: 42px; background: none}
#bodyhome #marquee {height: 80px; background: none}

h1 {color: #008ac8; text-indent: 0; width: 369px; height: 28px; margin: 0; padding: 0; position: absolute; top: 6px; left: 0; z-index: 1; font-size: 1.3em}
#bodyhome h1 {background: none; text-indent: 0; width: 300px; height: 100px; margin: 0; padding: 0; position: absolute; top: 10px; left: 10px}

#bodyabout h1 {background: none}
#bodyclient h1 {background: none}
#bodycand h1 {background: none}
#bodyjobs h1 {background: none}
#bodyind h1 {background: none}
#bodycontact h1 {background: none}
#bodyerror h1 {background: none}

#content {padding: 0; margin: 0; background-color: white}
#bodyhome #content {margin: 0; padding: 0; background-color: white}

#copy {background-color: white; margin: 10px 0; padding: 20px 40px; border: solid; border-color: #858585; border-width: 0 15px; border-bottom: 1px solid #008ac8; min-height: 300px; position: relative; right: 0}
#bodyhome #copy {max-width: 934px; height: 255px; 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; width: 280px; line-height: 1.4em}

#cand-box {width: 30%; height: 126px; float: left; margin: 0; border: 0}
#cand-box h2 {height: 20px; background: none; text-indent: 0; margin: 0; padding: 0}

#client-box {width: 30%; height: 126px; float: left; margin: 0; border: 0}
#client-box h2 {height: 20px; background: none; text-indent: 0; margin: 0; padding: 0}

#cand-box ul,
#client-box ul { margin: 10px 0 0; padding: 0; list-style: none}

#cand-box li, 
#client-box li {font-size: 0.75em; list-style: disc inside; margin: 0; padding: 0 0 10px}

#cand-box li a, 
#client-box li a {padding: 0}

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

#focus-box {
	width: 40%; 
	background: none; 
	height: 126px; 
	border: 0;
	position: absolute; 
	top: 328px;
	right: 55px; 
	z-index: 1;
	}
#focus-box h2 {visibility: hidden; margin: 0; padding: 0}
#focus-box p {margin: 1em 2em 0 2em; padding: 0; text-align: center}
#focus-box ul {list-style: none; margin: 0; padding: 0; text-align: center}
#focus-box li {margin: 0.3em}
#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; display: none}
#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; text-decoration: underline; text-indent: 0}

#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 {display: none}
#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}


/* IE6 hacks */
* html #wrapper {width: 100%}
* html #main img.h-photo {top: 9px}
* html #bodyhome #copy {width: 958px}
* html #cand-box, * html #client-box, * html #focus-box, * html #copy, * html #subnav {position: relative}
* html #cand-box ul, * html #client-box ul {margin: 0; padding: 0}
* html #cand-box li, * html #client-box li {width: 278px; height: 22px; margin: 0; padding: 0}
* html #focus-box {height: 136px}