body {
	background:#fafaf5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0;
	padding:0;
}

body a:link, body a:active, body a:visited {
	color:#333;
}

body a:hover {
	color:#c71d22;
}

/*********** OUTER CONTAINER ***********/

#greywrapper {
	width:757px;
	background:#d7d6d6;
	height:100%;
	min-height: 100%;
	padding:10px;
	margin-left:10px;
	border: 1px solid #999;
	margin:0 auto;
	
}

/*********** INNER CONTAINER ***********/

#wrapper {
	background:#fff;
}

/*********** HEADER WITH LOGO AND TOP RIGHT NAV ***********/

#header {
	height:120px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #d7d6d6;
}

#header img {
	margin-top:20px;
	float:left;
}

/*********** TOP RIGHT NAV ***********/

#nav {
	float:right;
	text-align:right;
	width:300px;
	margin-top:90px;
	font-size:1.2em;
}

/*********** SPLASH IMAGE ***********/

#splash-contact {
	background-image:url(../gfx/coffee.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-what {
	background-image:url(../gfx/chalk.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-home {
	background-image:url(../gfx/about.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-blue {
	background-image:url(../gfx/balloon.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-feasibility {
	background-image:url(../gfx/feasibility.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-planning {
	background-image:url(../gfx/planning.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-design {
	background-image:url(../gfx/design.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-CAD {
	background-image:url(../gfx/CAD.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-prototyping {
	background-image:url(../gfx/prototyping.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-electronics {
	background-image:url(../gfx/electronics.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-production {
	background-image:url(../gfx/production.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-documentation {
	background-image:url(../gfx/documentation2.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-mechatronics {
	background-image:url(../gfx/mechatronics.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-haptics {
	background-image:url(../gfx/haptics.gif);
	background-repeat:no-repeat;
	background-position: 10px;
	border-bottom: solid #E0E0E0 0.1em; 
	height:176px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-environment {
	background-image:url(../gfx/environment.gif);
	background-repeat:no-repeat;
	background-position: 10px;
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

#splash-markets {
	background-image:url(../gfx/markets.gif);
	background-repeat:no-repeat;
	background-position: 10px; 
	height:177px;
	width:737px;
	padding:0;
	margin:0;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}



/*********** THE NAV BUTTONS ***********/

#topnav {
	padding-left:20px;
	z-index:1;
	padding:0;
	margin:0;
}

#topnav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#topnav li {
	float:left;
	display:inline;
	background:url(../gfx/button_bg.gif) no-repeat right top;
	font-size:13px;
	line-height:normal;
	color:#fff;
	font-weight:bold;
	padding:0 2px 0 0;
	
}

#topnav li.last {
	border-right:2px #fff solid;
}

#topnav a {
	display:block;
    background:url(../gfx/button_bg_left.gif) no-repeat left top;
	padding:3px 10px 6px 10px;
}

#topnav a:active, #topnav a:link, #topnav a:visited {
	color:#fff;
	text-decoration:none;
}

/*********** THREE COLUMN CONTAINER (leftnav, content, filler) ***********/

#columns {
	width:757px;
	padding:0;
	margin:0;
	height:100%;
	min-height: 100%;
}

/*********** LEFT NAV ***********/

#leftnav {
	float:left;
	width:140px;
	padding:0 0 0 10px;
}

#leftnav h2 {
	color:#000;
	font-size:1.3em;
	margin:30px 0 10px 0;
}

#leftnav h2 a:link, #leftnav h2 a:visited{
	color:#000;
}

#leftnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#leftnav ul {
	line-height:1.5em;
	font-size:1.2em;
} 

/*********** CONTENT ***********/

#content {
	float:left;
	width:457px;
}

#content p {
	color:#333;
	font-size:1.2em;
}

#content h1 {
	color:#c71d22;
	font-size:1.8em;
	margin:30px 0 20px 0;
	font-weight:normal;
	margin-bottom:-16px;
}

#content h2 {
	color:#333;
	font-size:1.4em;
	margin:30px 0 20px 0;
	font-weight:normal;
}

#content h3 {
	color:#000;
	font-size:1.3em;
	margin:30px 0 20px 0;
	margin-bottom:-16px;
}

#content h4 {
	color:#c71d22;
	font-size:1.2em;
	margin:30px 0 20px 0;
	margin-bottom:-16px;
}

.lead-text {
	color: #333;
	font-size:1.3em;
}

#content ul {
	font-size:1.3em;
	color: #333;
}

.image {
	margin:3px 5px 0 0px;
	padding:0;
	float:right;
}

/*********** FILLER ***********/

#filler {
	float:left;
	width:150px;
}

/*********** FOOTER ***********/

#footer {
	clear:left;
	background:#fff;
	width:607px;
	height:50px;
	padding-top:50px;
	padding-left:150px;
}

#footer p {
	font-size:0.9em;
	color:#666;
}

#backtotop p a:link{
	font-size:0.8em;
	color:#c71d22;
}
#contactquote p a:link{
	font-size:0.8em;
	color:#c71d22;
}

.redtype {
	color:c71d22;
}