/* 
---------------------------------------- 
Trifecta Multimedical 2010

Created by Ross A. Reyman on 2010-03-21.
Copyright (c) 2010. All rights reserved.

gray	999999
blue	344d7b

---------------------------------------- */

/* bring in baseline styles 
---------------------------------------- */
@import url('baseline.reset.css');
@import url('baseline.base.css');
@import url('baseline.type.css');
@import url('baseline.table.css');

/* bring in grid960 styles 
---------------------------------------- */
@import url('grid960.css');

/* font import
---------------------------------------- */
@font-face {
	font-family:Graublau;
	src:url('fonts/GraublauWeb.ttf');
}
@font-face {
	font-family:GraublauBold;
	src:url('fonts/GraublauWebBold.ttf');
}	

/* site layout design
---------------------------------------- */

body		{ background: url('images/tmm-body-header-min-bg.png') repeat-x #e6e6e6; }
body#home	{ background: url('images/tmm-body-header-exp-bg.png'); }

h1, h2, h3, h4, h5, h6, ul#nav {
	font-family: GraublauBold, Trebuchet, Arial, sans-serif;
	font-weight: normal;
}

ul { margin-top: 0;}

div#header {  }
div#header.expanded { height: 256px; /*background: url('images/tmm-header-bg.png') repeat-x;*/ }
div#header.minimized { height: 120px; /*background: url('images/tmm-header-min-bg.png') repeat-x;*/}
div#header div.inner {/*position: relative; width: 980px; margin: 0 auto; padding: 0;*/ }

div#header h1 { width: 248px; height: 88px; text-indent: -1000em; background: url('images/tmm-h1-bg.png') no-repeat 0 7px;}
/*div#header p { font-family: Graublau, Trebuchet, Arial, sans-serif; color: #999999; font-size: 27px; line-height: 1.2; margin-left: 0;}*/
div#header p { color: #333; margin-top: -16px; font-size: 12px !important; line-height: 1.5;}


div#header div.watermark {
	background: url('images/tmm-watermark-top.png') no-repeat;
	position: absolute;
	top: 96px;
	right: 0;
	width: 296px;
	height: 144px;
}


div#header ul#nav { position: absolute; top: 0; right: 0; list-style-type: none; margin: 0; padding: 0;}
div#header ul#nav li { float: left; margin: 0 2px; font-size: 16px; text-transform: uppercase;}
div#header ul#nav li a, div#header ul#nav li span {
	font-weight: normal;
	text-decoration: none;
	color: #142238;
	display: block;
	-webkit-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px; 
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border: 1px none #344d7b;
	border-top: none;
	padding: 50px 16px 16px 16px;
}

div#header ul#nav li a:hover, div#header ul#nav li.selected span { background-color: #344d7b; color: #eee;}

div#content { padding: 4px 0 27px; color: #666; }
div#content h2 { font-size: 27px; line-height: 0.6666; margin: 6px 0 12px 0;}
div#content p { font-size: 14px; line-height: 1.5; margin: 0.643em 0 0.643em 0; /*1.286*/  }

/* sticky footer ?
---------------------------------------- */

html, body {
	height: 100%;
}
div#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -168px;
}
div.push { height: 204px; clear: both; /* 168 + 36px */ }

div#footer {
	color: #888;
	height: 130px;
	background: url('images/tmm-footer-bg.png') repeat-x;
	padding-top: 36px;
	clear: both;
}
div#footer div.inner {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}

a.browser-rec { text-decoration: none; color:#ddd; }

/* page specific design 
---------------------------------------- */
div.banner-wide {
	/*border: 1px solid red;*/
	/*background: url('images/tmm-banner-wide-bg.png') no-repeat;
		margin-bottom: 0;*/
}

div.video { margin-top: 16px; border: none;}
div.video p { font-size: 10px !important; }

/*people*/
div.emp-quote {
	margin-top: 18px;
	width: 300px !important;

	background: url('images/tmm-blockquote-emp-bg.png') no-repeat;
}
div.emp-quote blockquote { padding: 12px 24px;}
div.emp-quote blockquote p { font-size: 12px !important; font-style: italic; line-height: 1.5 !important; height: 156px; }
div.emp-quote img { float: left; width: 60px; height: 60px; margin-right: 18px;}
div.emp-quote p.emp1, div.emp-quote p.emp2 { font-family: Graublau, Trebuchet, Arial, sans-serif; text-indent: 0; }
div.emp-quote p.emp1 { margin-top: 9px; margin: 0 !important;}
div.emp-quote p.emp2 { font-size: 12px !important; margin: 0 !important;}

/*contact*/
body#contact div.map { background: url('images/tmm-map-bg.png') no-repeat;}
/*body#contact h2 { margin-bottom: 280px;}*/
body#contact address { font-size: 14px; line-height: 1.286; margin-bottom: 18px; height: 72px; }
body#contact p + p { text-indent: 0; }

/*compay overview*/
body#overview ul#affiliations { margin: 0; padding: 0; list-style-type: none; }
body#overview ul#affiliations li.logo { text-indent: -1000em; width: 299px; height: 88px;}
body#overview ul#affiliations li.acrp { background: url('images/tmm-affil-li-acrp.png') no-repeat;}
body#overview ul#affiliations li.dia { background: url('images/tmm-affil-li-dia.png') no-repeat;}
body#overview ul#affiliations li.mpi { background: url('images/tmm-affil-li-mpi.png') no-repeat;}
body#overview ul#affiliations li.cmma { background: url('images/tmm-affil-li-cmma.png') no-repeat;}

/*process*/
div.processbox {
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #cccccc, #eeeeee); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff)); /* Safari & Chrome */
	-webkit-box-shadow:	0px 4px 4px #888;
	-moz-box-shadow:	0px 4px 4px #888;
	box-shadow:			0px 4px 4px #888;
	/*width: 280px !important;*/ /* usually grid_4 : 300px : subtract for padding and border */
	width: 582px !important; /* usually grid_8 : 620px : subtract for padding and border */
	padding: 18px 18px 18px 18px;
	border: 1px solid #eee;
	-webkit-border-radius:	9px;
	-moz-border-radius: 		9px;
	border-radius: 					9px;
}
div.processbox div.grid_4 { width: 280px !important; }
div.processbox div.grid_4.first { border-right: 1px solid #eee; }
div.processbox div.grid_4.second {  }
div.processbox div.grid_4.third { border-right: 1px solid #eee; }
div.processbox div.grid_4.fourth {  }