/* CSS Document */

/*IE Hack */
html, body {
	height: 90%;
	font-family: Arial, Helvetica;
}

body {
	background: #cccccc url(../images/gradient.jpg) repeat-x;
}

#global {
	width: 900px;
	height: 650px;
	text-align: center;
	border: 0px solid #000;
	color: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -450px; 
	margin-top: -325px; 
	font-size:10pt;
	font-family: Arial, Helvetica;
}

#globalHome {
	width: 900px;
	height: 650px;
	border: 0px solid #000;
	color: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -450px; 
	margin-top: -325px; 
	font-size: 10pt;
	visibility:hidden;
	font-family:Arial, Helvetica, sans-serif;
}

#globalOverlay {
	width: 896px;
	height: 586px;
	text-align: center;
	border: 1px solid #000;
	color: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -450px; 
	margin-top: -262px; 
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/matlogo.jpg) center #fff no-repeat;
}


ul,li {
	margin:0;
	padding:0;
	}

#header {
	width: 899px;
	height: 62px;
	border: 0px solid #000;
	color: #000;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fff;
	background-image:url(../images/McLarenAppliedTechnologies.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#maincontent {
	font-family:Arial, Helvetica, sans-serif;
	width: 430px;
	height: 586px;
	border: 1px solid #3e3e3e;
	color: #000;
	position: absolute;
	left: 216px;
	top: 63px;
	background:#FFFFFF;
}

.subcontent1 {
	width: 242px;
	height: 190px;
	border: 1px solid #3e3e3e;
	color: #000;
	position: absolute;
	left: 654px;
	top: 63px;
	background:#ffffff;
}

.subcontent2 {
	width: 242px;
	height: 190px;
	border: 1px solid #3e3e3e;
	color: #000;
	position: absolute;
	left: 654px;
	top: 261px;
	background:#ffffff;
}

.subcontent3 {
	width: 242px;
	height: 190px;
	border: 1px solid #3e3e3e;
	color: #000;
	position: absolute;
	left: 654px;
	top: 459px;
	background:#ffffff;
}

.subcontent1fade {
	width: 242px;
	height: 190px;
	border: 1px solid #3e3e3e;
	color: #000;
	position: absolute;
	left: 654px;
	top: 63px;
	background:#ffffff;
}

.subcontent2fade {
	width: 242px;
	height: 190px;
	border: 1px solid #3e3e3e;
	color: #000;
	position: absolute;
	left: 654px;
	top: 261px;
	background:#ffffff;
}

.subcontent3fade {
	width: 242px;
	height: 190px;
	border: 1px solid #3e3e3e;
	color: #000;
	position: absolute;
	left: 654px;
	top: 459px;
	background:#ffffff;
}

.subcontentheadline {
	margin: 20px 25px 5px 25px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	display:block;
	font-weight:bold;
	}

.subcontentheadlinewhite {
	margin: 20px 25px 5px 25px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	display:block;
	font-weight:bold;
	}

.subcontentheadline hr {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: none;
	margin:0px;
}

.subcontentheadlinewhite hr {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: none;
	margin:0px;
}

.subcontentbody {
	margin: 0px 25px 20px 25px;
	font-weight: normal;
	color:#000000;
	text-align: justify;
	display:none;
	font-size:0.9em;
}

.subcontentbody a,.subcontentbody a:visited,.subcontentbody a:active {
	color: #000000;
	text-decoration: none;
}

.subcontentbody a:hover {
	color: #ff0100;
	text-decoration: underline;
}

.maincontenttext {
	margin: 20px 25px 20px 25px;
	font-size: 10pt;
	font-weight: normal;
	color:#000000;
	text-align: justify;
}

.maincontenttext2 {
	margin: 4px 24px 0px 4px;
	font-size: 0.70em;
	font-weight: bold;
	color:#666666;
	text-align: left;
	position: top;
	valign: top;
}

.mouseover {
	color:#fe2e2f;
	text-decoration:none;
	font-size:0.9em;
}

.mouseover {
	color:#fe2e2f;
	text-decoration:none;
	font-size:0.9em;
}

#maincontentdetail {
	width: 430px;
	height: 388px;
	border: 0px solid #000;
	color: #666666;
	text-align:left;
	position: absolute;
	left: 217px;
	bottom: 0px;
	display: none;
}

#maincontentimagestrip {
	width: 430px;
	height: 205px;
	border: 0px solid #000;
	color: #666666;
	text-align:left;
	font-weight:bold;
	position: absolute;
	left: 217px;
	bottom: 0px;
	background:#3e3e3e;
	display: none;
}

.maincontentdetailtext {
	margin: 20px 25px 20px 25px;
	color:#000000;
	text-align: left;
	filter:alpha(opacity=100);
	opacity:1;
	z-index:auto;
}

.maincontentdetailtext ul{
	list-style:disc inside;
	padding:0;
	margin:10px 0 5px 0;
}

#footer {
	width: 899px;
	height: 50px;
	border: 0px solid #000;
	color: #000;
	position: absolute;
	left: 0px;
	top: 650px;
}

#footer p {
	font-size: 7pt;
	text-align: right;
	color: #353535;
	margin-top: 10px;	
}

#contentWrapper {
	width: 895px;
	height: 588px;
	text-align: center;
	border: 1px solid #353535;
	color: #000;
	position: absolute;
	left: 0px;
	top: 63px;
	margin-left: -1px; 
}

#mainImageWrapper {
	width: 896px;
	height: 283px;
	padding:0;
	text-align: top;
	border: 0px solid #000;
	color: #000;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: -1px; 
}

#navigation {
	width: 216px;
	height: 586px;
	border-left: 1px solid #3e3e3e;
	border-top: 1px solid #3e3e3e;
	border-bottom: 1px solid #3e3e3e;
	background: #fff;
	background-position:left;
	position: absolute;
	left: 0px;
	top: 63px;
}

#navigation a, a:visited {
	color: #000000;
	text-decoration: none;
}

#navigation a:hover, a:active {
	color:#fe2e2f;
}

#navigation hr {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: none;
}

#hcnav {
	margin: 20px 25px 20px 25px;
	text-align: left;
}

#mainnav {
	margin: 50px 25px 20px 25px;
	text-align: left;
}

a#navActive {
	color:#fe2e2f;
}

#backgroundcaption {
	position: absolute;
	top: 550px;
	left: 25px;
	font-size: 8pt;
	font-weight: normal;
	color:#000000;
	text-align: left;
}