/* 
Title:     MMRI master styles for screen
Author:    Seth Nickerson
Updated:   110507
*/

@import url("ie6.css");

/* main elements -------------------------------*/

body {
	margin: 0 35px 0 0;
	padding: 0;
	background: #8c8c8c url(../images/topgradient.gif) repeat-x;
	font-family: Georgia, Times, serif;
	line-height: 140%;
	color: #666666;
	font-size: .85em;
}

h1, h2, h3, h4 {
	margin: 12px 0 0 0;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 120%;
}

h1 {
	font-size: 150%;
	font-weight: normal;
	padding: 0 6px;
}

h2 {
	font-size: 100%;
	color: #555;
	padding: .5em 0 0 6px;
}

h2 a:link, h2 a:visited {
	color: #555;
	text-decoration: none;
}

h2 a:hover, h2 a:focus {
	border-bottom: 1px solid #999;
}

h3, h3 a:link, h3 a:visited {
	font-size: 95%;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: .2em 0 0 6px;
	text-decoration: none;
	color: #555;
}

h3 a:hover, h3 a:focus {
	border-bottom: 1px solid #999;
}

h4, h4 a:link, h4 a:visited {
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: .2em 0 0 10px;
}

h4 a:hover, h4 a:focus {
	border-bottom: 1px solid #dddddd;
}

p {
	margin: 0;
}

img {
	max-width: 100%
}

blockquote {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: .9em;
	color: #444;
	border-left: 1px solid #999;
}

#centercolumn a {
	color: #002952;
	font-weight: bold;
	text-decoration: none;
}

#centercolumn p a:hover, p a:focus {
	color: #365b09;
	border-bottom: 1px solid #999;
}

#centercolumn p {
	margin: .4em 0 1em 0;
	padding: 0 6px;
}

#centercolumn ol {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: .9em;
	padding: 0;
	margin: .4em 0 1em 28px;
}

#centercolumn ul {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: .9em;
	list-style: none;
	padding: 0;
	margin: .4em 0 1em 6px;
}

#centercolumn ul ul {
	font-size: 90%;
}

#centercolumn ul li {
	padding: .2em 0 0 22px;
	background: url(../images/bullet.gif) no-repeat 0 .6em;
}

.siteid {
	position: absolute;
	top: 40px;
	left: 61px;
	border: 0;
}

.floatleft {
	float: left;
	margin: 10px 15px 3px 6px;
}

.floatright {
	float: right;
	margin: 10px 6px 3px 15px;
}

.smallprint {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: .8em;
}

.readmore {
	font-size: .8em;
	font-family: "Lucida Grande", Arial, sans-serif;
	padding: 0 0 6px 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}
	

.feed a {
	padding: 4px 18px 4px 0;
	margin: 0 0 10px 0;
	text-decoration: none;
	color: #002952;
	font: .75em "Lucida Grande", Arial, sans-serif;
	background: url(../images/feed-icon-14x14.png) right no-repeat;
	float: right;
	border-bottom: 1px solid transparent;
}

.feed2 {
	padding: 0 0 0 20px;
	background: url(../images/feed-icon-14x14.png) left no-repeat;
}

abbr,acronym {
	border-bottom:1px dotted #ccc;
	cursor:help
}

/* layout -------------------------------*/

#wrapper {
	position: relative;
	top: 140px;
	min-width: 745px;
	max-width: 1165px;
	min-height: 390px;
	overflow: hidden;
}

#topbar {
	position: absolute;
	width: 200%;
	height: 12px;
	top: 0;
	right: 5px;
}

#leftcolumn {
	float: left;
	width: 214px;
	background: #f0f0f0 url(../images/leftcolshadow.gif) top right repeat-y;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}

#centercolumn {
	position: relative;
	padding: 20px 20px 1001em 20px;
	margin: 12px 284px -1000em 214px;
	min-height: 390px;
	background: #fff;
}

#content {
  min-height: 390px;
}

#rightcolumn {
	position: absolute;
	top: 12px;
	right: 0;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
	width: 284px;
}

#bottombars {
	position: relative;
	top: 140px;
  height: 10px;
 	min-width: 745px;
	max-width: 1165px;
}

#bottombar_lc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 214px;
	height: 10px;
	background: url(../images/bottombar_lc.gif) bottom no-repeat;
	z-index: 1;
}

#bottombar_cc {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 10px;
  margin: 0px 284px 0 214px;
  background: url(../images/bottombar_cc.gif) bottom repeat-x;
}

#bottombar_rc {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 284px;
	height: 10px;
}

#brcorner {
	position: absolute;
	width: 6px;
	height: 10px;
	bottom: 0;
	right: 0;
}

#mmm {
	position: absolute;
	top: 30px;
 	right: 37px;
 	left: 0;
 	min-width: 743px;
	max-width: 1163px;
}

#mmm-inner a {
	text-indent: -9999px;
	background: url(../images/mmm.jpg);
	position: absolute;
	top: 0;
 	right: 0;
	width: 217px;
	height: 72px;
	padding: 0;
	margin: 0;
}

#mmm-inner a:hover, #mmm-inner a:focus {
	border: 0;
	outline: none;
}

/* footer -------------------------------*/

#footer {
	position: absolute;
	padding: 12px 0 20px 61px;
	margin-top: 140px;
}

#footernav {
	padding: 0 0 25px 0;
	margin: 0;
}

#footer li {
	list-style-type: none;
	float: left;
	padding-bottom: 4px;
}

#footer li a {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	padding: 3px;
	color: #ddd;
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	border-bottom: 1px dotted #ddd;
}

#footertext {
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 10px;
	color: #bababa;
	clear: left;
}

#footertext a {
	color: #ddd;
	text-decoration: none;
}

/* company section -------------------------------*/

#compsect h1 {
  color: #002952;
}

#compsect h1 a:link, #compsect h1 a:visited {
  text-decoration: none;
  color: #002952;
}

#compsect h1 a:hover, #compsect h1 a:focus {
  text-decoration: underline;
}

#compsect #wrapper {
	background: url(../images/trccomp.gif) top right no-repeat;
}

#compsect #topbar {
	background: url(../images/topbarcomp.gif) repeat-x;
}

#compsect #rightcolumn {
	background: url(../images/patterncomp.gif) repeat-y;
}

#compsect #bottombar_rc {
	background: url(../images/bottombar_rccomp.gif) bottom repeat-x;
}

#compsect #brcorner {
	background: url(../images/brccomp.gif) bottom no-repeat;
}

.headshot {
	float: left;
	padding: 4px;
	margin: 6px 12px 6px 6px;
	border: 1px solid #ddd;
	background-color: #fff;
}

#compsect .headshot:hover {
	background-color: #dce6ee;
	cursor: pointer;
}

.biobox {
	padding: 6px 12px 6px 6px;
	margin-bottom: 12px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

#description {
	border: 1px solid #ddd;
	background-color: #dce6ee;
	padding: 10px;
	color: #333333;
}

/* services section -------------------------------*/

#servsect h1 {
  color: #365b09;
}

#servsect #wrapper {
	background: url(../images/trcserv.gif) top right no-repeat;
}

#servsect #topbar {
	background: url(../images/topbarserv.gif) repeat-x;
}

#servsect #rightcolumn {
	background: url(../images/patternserv.gif) repeat-y;
}

#servsect #bottombar_rc {
	background: url(../images/bottombar_rcserv.gif) bottom repeat-x;
}

#servsect #brcorner {
	background: url(../images/brcserv.gif) bottom no-repeat;
}

/* work section -------------------------------*/

#worksect h1 {
  color: #0395c6;
}

#worksect #wrapper {
	background: url(../images/trcwork.gif) top right no-repeat;
}

#worksect #topbar {
	background: url(../images/topbarwork.gif) repeat-x;
}

#worksect #rightcolumn {
	background: url(../images/patternwork.gif) repeat-y;
}

#worksect #bottombar_rc {
	background: url(../images/bottombar_rcwork.gif) bottom repeat-x;
}

#worksect #brcorner {
	background: url(../images/brcwork.gif) bottom no-repeat;
}

/* gallery -------------------------------*/

div.gallerybox {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	float: left;
	padding: 0 6px 6px;
	margin: 0 0 12px 0;
	min-width: 100%
}

div.gallerybox:hover {
	background-color: #e4ebf0;
}

div.thumbs a {
	padding: 4px 4px 8px;
	background: #fff;
	border: 1px solid #ddd;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	display: block;
	width: 96px;
	float: left;
	margin: 12px 12px 4px 8px;
}

div.thumbs a:hover, div.thumbs a:focus {
	background-color: #dce6ee;
}

.clear {
	clear: both;
}

div.thumbs img {
	border: 0;
}
	

/* contact section -------------------------------*/

#contsect h1 {
  color: #d55c24;
}

#contsect #wrapper {
	background: url(../images/trccont.gif) top right no-repeat;
}

#contsect #topbar {
	background: url(../images/topbarcont.gif) repeat-x;
}

#contsect #rightcolumn {
	background: url(../images/patterncont.gif) repeat-y;
}

#contsect #bottombar_rc {
	background: url(../images/bottombar_rccont.gif) bottom repeat-x;
}

#contsect #brcorner {
	background: url(../images/brccont.gif) bottom no-repeat;
}

/* no section -------------------------------*/

#nosect h1 {
  color: #555;
}

#nosect #wrapper {
	background: url(../images/trcnone.gif) top right no-repeat;
}

#nosect #topbar {
	background: url(../images/topbarnone.gif) repeat-x;
}

#nosect #rightcolumn {
	background: url(../images/patternnone.gif) repeat-y 0 -9px;
}

#nosect #bottombar_rc {
	background: url(../images/bottombar_rcnone.gif)  repeat-x;
}

#nosect #brcorner {
	background: url(../images/brcnone.gif) bottom no-repeat;
}

/* utilities -------------------------------*/

#utilities {
	position: absolute;
	top: 116px;
	left: 0;
	right: 45px;
	min-width: 735px;
	max-width: 1155px;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: right;
}

#utilities ul {
	padding: 0;
	margin: 0;
	display: inline-block;
}

#utilities li {
	list-style-type: none;
	display: inline;
}

#utilities li a {
	color: #ddd;
	border: 0;
	text-decoration: none;
}

#utilities a:hover, #utilities a:focus {
	padding-bottom: 1px;
	border-bottom: 1px dotted #ddd;
}

/* main navigation -------------------------------*/

#nav {
	position: absolute;
	top: 116px;
	left: 58px;
	width: 294px;
	height: 24px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#nav li {
	list-style-type: none;
	float: left;
	text-indent: -9999px;
}

#nav li a {
	border: 0;
	text-decoration: none;
	display: block;
	background: url(../images/navmatrix.gif) no-repeat;
}

a:active {
	outline: 0px;
}

/* main navigation: company -----------------------*/

li#home a {
	width:74px;
	height:24px;
}

li#home a:link, li#home a:visited {
	background-position: 0 0;
}

li#home a:hover, li#home a:focus {
	background-position: 0 -24px;
}

/* main navigation: services -----------------------*/

li#services a {
	width:73px;
	height:24px;
}

li#services a:link, li#services a:visited {
	background-position: -74px 0;
}

li#services a:hover, li#services a:focus {
	background-position: -74px -24px;
}

/* main navigation: work -----------------------*/

li#work a {
	width:73px;
	height:24px;
}

li#work a:link, li#work a:visited {
	background-position: -147px 0;
}

li#work a:hover, li#work a:focus {
	background-position: -147px -24px;
}

/* main navigation: contact -----------------------*/

li#contact a {
	width:74px;
	height:24px;
}

li#contact a:link, li#contact a:visited {
	background-position: -220px 0;
}

li#contact a:hover, li#contact a:focus {
	background-position: -220px -24px;
}

/* main navigation: active tabs ----------------*/

body#compsect ul#nav li#home a {
	background-position: 0px -48px;
	cursor: default;
}
	
body#servsect ul#nav li#services a {
	background-position: -74px -48px;
	cursor: default;
}
	
body#worksect ul#nav li#work a {
	background-position: -147px -48px;
	cursor: default;
}
	
body#contsect ul#nav li#contact a {
	background-position: -220px -48px;
	cursor: default;
}

/* local navigation ----------------*/

#leftcolumn ul {
	position: relative;
	top: 34px;
	left: 54px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#leftcolumn li {
	display: block;
	width: 160px;
	height: 28px;
	padding-top: 5px;
}

#leftcolumn li a {
	display: block;
	width: 140px;
	height: 13px;
	text-decoration: none;
	font: 11px "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
	color: #777;
	font-weight: bold;
	text-align: right;
	margin-bottom: 16px;
}

#leftcolumn ul ul {
  position: static;
	padding: 0;
	margin: 0;
}

#leftcolumn ul ul li {
	padding: 0;
	margin: 0;
	height: 22px;
}

#leftcolumn ul ul li a {
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #898989;
	margin: 0;
	padding: 0;
}

/* local navigation: company ----------------*/

#compsect #leftcolumn li a:hover, #compsect #leftcolumn li a:focus, #compsect #leftcolumn li a.active {
	color: #002952;
}

#compsect #leftcolumn li.active {
	background: url(../images/lnavcomp.gif) no-repeat;
		cursor: default;
}

/* local navigation: services ----------------*/

#servsect #leftcolumn li a:hover, #servsect #leftcolumn li a:focus, #servsect #leftcolumn li a.active {
	color: #365b09;
}

#servsect #leftcolumn li.active {
	background: url(../images/lnavserv.gif) no-repeat;
	cursor: default;
}

/* local navigation: work ----------------*/

#worksect #leftcolumn li a:hover, #worksect #leftcolumn li a:focus, #worksect #leftcolumn li a.active {
	color: #0395c6;
}

#worksect #leftcolumn li.active {
	background: url(../images/lnavwork.gif) no-repeat;
	cursor: default;
}

/* local navigation: contact ----------------*/

#contsect #leftcolumn li a:hover, #contsect #leftcolumn li a:focus, #contsect #leftcolumn li a.active {
	color: #d55c24;
}

#contsect #leftcolumn li.active {
	background: url(../images/lnavcont.gif) no-repeat;
	cursor: default;
}

/* local navigation: none ----------------*/

#nosect #leftcolumn li a:hover, #nosect #leftcolumn li a:focus, #nosect #leftcolumn li a.active {
	color: #555;
}

#nosect #leftcolumn li.active {
	background: url(../images/lnavnone.gif) no-repeat;
	cursor: default;
}

/* forms ----------------*/

form {
	margin: 6px;
}

dt {
	font: normal 12px Arial, Helvetica, sans-serif;
}

dd {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}

input:focus, textarea:focus {
	background-color: #FFFAE4;
}

#realname, #email, #company {
	width: 186px;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}

#message {
	width: 75%;
	height: 180px;
	border: 1px solid #ccc;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}

fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	border: 1px solid #ccc;	
	overflow: auto;
	background-color: #eee;
}
legend {
	font: 11px "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
	color: #777;
	font-weight: bold;
	padding: 2px 5px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
  top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
   top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
	background-color: #fff;
	background-image: none;
}