@charset "UTF-8";

/*
=GENERAL STYLE
*/
body {text-align: center; font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff url(../i/main_bg.gif) repeat-y center;}
	
strong{font-weight: bold;}

em{font-style: italic;}

.ir{position: relative; overflow: hidden;}
	.ir span{
	width: 193px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer
}
.ir2{position: relative; overflow: hidden;}
	.ir2 span{
	width: 226px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer
}
.ir3{position: relative; overflow: hidden;}
	.ir3 span{
	width: 322px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer
}	
	
.clearfix:after { /* clear floats */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
/* hide from ie-mac \*/
.clearfix {display:block;}
/* end hide from ie mac */
.clearfix {display:inline-block;}	
	
/*
=LAYOUT STYLE
*/
#header .wrap, #menu .wrap, #main .wrap{width: 920px; overflow: hidden; position: relative; margin: 0 auto; text-align: left;}
#header{background: #48514c url(../i/header_bg.gif) repeat-y center;}
#header img { display:none;}
#header .wrap{background: url(../i/header.jpg) no-repeat; height: 126px;}
#menu{background: #4d697f url(../i/menu_bg.gif) repeat-x;}
	#menu .wrap{color: #fff;}
#main{padding: 30px 0}
	#main .wrap{background: url(../i/main.gif) repeat-y center;}
#sidebar{float: left; width: 135px; padding-left: 20px;}
#content{float: right; width: 720px; overflow: hidden; position: relative;}
	#content .col-left{width: 535px; float: left; overflow: hidden;}
	#content .col-right{width: 154px; float: right; overflow: hidden; border-left: 1px solid #476e8d; padding-left: 15px}
	#content .col-full{width: 100%; overflow: hidden; position: relative;}
#footer{clear: both; width: 720px; padding: 20px 0 0 200px; overflow: hidden; position: relative;}


/*
=HEADER STYLE
*/
#header h1{padding: 28px 0 0 0}
	#header h1 a{display: block; width: 168px; height: 70px;}
		#header h1 a span{background: url(../i/solid.jpg) no-repeat;}
#header p{display: none;}
	
	

/*
=MENU STYLE
*/
#menu ul{font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 200px}
	#menu ul li{float: left; margin: 0 25px 0 0;}
		#menu ul li a{color: #fff; display: block; float: left; height: 23px; position: relative; overflow: hidden}
			#menu ul li a span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; background-position: top; background-repeat: no-repeat;}
		#menu ul li a:hover{color: #c3f157;}
		#menu ul li a:hover span{background-position: bottom;}
		
		a#m-medical-devices{width: 100px;}
			a#m-medical-devices span{background: url(../i/m_medical_devices.gif)}
			
		a#m-consumer-products{width: 122px;}
			a#m-consumer-products span{background: url(../i/m_consumer_products.gif)}
			
		a#m-industrial-products{width: 117px;}
			a#m-industrial-products span{background: url(../i/m_industrial_products.gif)}
			
		a#m-Specialty-machines{width: 123px;}
			a#m-Specialty-machines span{background: url(../i/m_specialty_machines.gif)}

		
		

/*
=SIDE NAVIGATION STYLE
*/
ul#sidenav{ font: 14px/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right;}
	ul#sidenav li{display: block; padding: 0; width: 135px;}
	ul#sidenav li a{color: #60676f; width: 135px; height: 29px; display: block; overflow: hidden; position: relative;}
		ul#sidenav li a span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; background-repeat: no-repeat; background-position: 0 0;}
		ul#sidenav ul{padding: 10px 0 0;}
	
		ul#sidenav li li{margin: 0; padding: 0 0 10px; font-size: 12px}			
			ul#sidenav li li a{color: #60676f; height: 11px;}
	
		a#s-m-services span{background: url(../i/s_m_services.gif);}
		a#s-m-project-management span{background: url(../i/s_m_project_management.gif);}
		a#s-m-design span{background: url(../i/s_m_design.gif);}
		a#s-m-engineering span{background: url(../i/s_m_engineering.gif);}
		a#s-m-prototyping-machining span{background: url(../i/s_m_prototyping_machining.gif);}
		a#s-m-drafting-services span{background: url(../i/s_m_drafting_services.gif);}
		a#s-m-contract-manufacturing span{background: url(../i/s_m_contract_manufacturing.gif);}		
		a#s-m-print-brochure span{background: url(../i/s-m-print-brochure.gif);}
		a#s-m-careers span{background: url(../i/s-m-careers.gif);}		
		a#s-m-home span{background: url(../i/s_m_home.gif);}
		a#s-m-about span{background: url(../i/s_m_about.gif);}
		a#s-m-our-process span{background: url(../i/s_m_our_process.gif);}
		a#s-m-portfolio span{background: url(../i/s_m_portfolio.gif);}
		a#s-m-testimonials span{background: url(../i/s_m_testimonial.gif);}
		a#s-m-Inventors span{background: url(../i/s_m_inventors.gif);}
		a#s-m-contact-us span{background: url(../i/s_m_contact_us.gif);}
		a#s-m-medical-devices span{background: url(../i/s_m_medical_devices.gif);}
		a#s-m-consumer-products span{background: url(../i/s_m_consumer_products.gif);}
		a#s-m-industrial-products span{background: url(../i/s_m_industrial_products.gif);}
		a#s-m-Specialty-machines span{background: url(../i/s_m_specialty_machines.gif);}
		
		ul#sidenav a:hover span{background-position: 0 -28px;}
		ul#sidenav li li a:hover span{background-position: 0 -11px;}
		ul.atStart {
		display: none;
		}
			

/*
=BREADCUMBS STYLE
*/
#breadcumbs{font-size: 11px; color: #000; margin: 0 0 15px;}
	#breadcumbs a{color: #000;}
		#breadcumbs a.active{font-weight: bold;}
		

/*
=CONTENT STYLE
*/
#content h2{font-size: 21px; line-height: 1em; margin: 0 0 10px; color: #4a6882;}
#content h2.black{color: #000;}
#content p{margin: 0 0 15px; clear: both;}
	#content p.intro{margin: 0 0 25px;}
#content h3{font-size: 12px; color: #4a6882; background: url(../i/arrow.gif) no-repeat right; padding-right: 15px; float: left; margin-bottom: 5px;}
#content h3 a {font-size: 12px; color: #4a6882;}
#content h4 {
}
#content h5{
	font-size: 12px;
	color: #f7d364;
	background: url(../i/arrow.gif) no-repeat right;
	padding-right: 15px;
	float: left;
	margin-bottom: 5px;
	font-weight: bold;
	text-decoration: underline;
}
#content h6{
	font-size: 15px;
	line-height: 1em;
	margin: 0 0 10px;
	color: #4a6882;
}
#content a.request{background: url(../i/arrow.gif) no-repeat right; padding-right: 15px; font-size: 16px; color: #4a6882;}

#content .col-right{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	#content .col-right h3{font: 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px; color: #4a6882; background: none; padding: 0;}
	
a#request{width: 193px; height: 17px; float: left; display: block;}
	a#request span{background: url(../i/btn_request.gif);}
	
a#inventors{width: 226px; height: 17px; float: left; display: block;}
	a#inventors span{background: url(../i/btn_inventors.gif);}
	
a#development{width: 322px; height: 17px; float: left; display: block;}
	a#development span{background: url(../i/btn_development.gif);}
	
#content h3.name{background: none; color: #000; display: block; float: none; margin: 0 0 15px;}
#content h4{
	font-weight: bold;
	color: #4a6882;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#content ul{margin: 0 0 20px;}

sup {
   line-height: 100%;
   vertical-align: top;
   font-size: 9px; 
}
.header {
	font-size: 16px;
	font-weight:bold;
	margin: 0;
	color:#4a6882;
}
form div {
	margin: 0 0 0.25em 0;
	clear: left;
	background: none;
}
label {
	width: 17em;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 1.5em;
}
form div.actions {
	margin-left: 18.5em;
	border: none;
}
img_devProc1{
	float:right;
	margin: 0 0 0 10px;
}

.icon_floats {
	float: left;
	padding: 0 10px 0 0;
	width: 70px;
	clear: both;
}

.icon_floats img {
	display: inline; 
	vertical-align: middle;
}

.icon_floats p {
	font-size: 7pt;
	color: 4a6882;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tool-tip {
	border: 1px solid #ccc;
	background: white;
	color: #333;
	width: 200px;
	z-index: 13000;
	text-align: left;
	padding: 2px;
}

.tool-title {
	font-size: 1.1em;
	font-weight: bold;
}

#mission {
	float: left;
}
#flashGallery {
	float: left;
}	

#vdg {
	float: left;
	padding-top: 57px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
}

/*
=SHOWCASE STYLE
*/
#showcase{width: 720px; overflow: hidden; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 30px}
	#showcase .thumb{float: left; width: 440px;}
	#showcase .description{float: right; width: 260px;}
	
/*
=PROCESS STYLE
*/
#theprocess{width: 740px; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 30px}
	#theprocess .description{float: left; width: 340px;}
	#theprocess .pr_chart{
		float: right; 
		width: 370px;
	}
	
	#theprocess .nextPrev{
		height: 18px;
		background: #B0B2B1;
		width: 350px;
		float: left;
	}
	#theprocess .nextPrev .next{
		color: #000;
		font-size: 10px;
		float: left;
		display: block;
	}
	#theprocess .nextPrev .prev{
		color: #000;
		font-size: 10px;
		float: right;
		display: block;
	}
	#theprocess .pr_chart ul{
		background: url(../i/Button_DevProc_bgd4.jpg) no-repeat;
		padding: 0;
		margin: 0;
		height: 617px; 
		width: 370px;
		float: left;
	}	
	#theprocess .pr_chart ul li  {
		padding: 10px 71px 13px 64px;
		text-indent: -99999px;
	}
	#theprocess .pr_chart ul li a {
		display: block;
		width: 225px;
		margin: 0 auto;
		overflow: hidden;
	}
	#theprocess .pr_chart ul li a.concept {
		background: url(../i/Button_DevProc_1.jpg) no-repeat 0 -130px;
		margin: 0;
		height: 65px;
	}
	#theprocess .pr_chart ul li a.evaluation {
		background: url(../i/Button_DevProc_2.jpg) no-repeat 0 -130px;
		margin: 0;
		height: 63px;
	}
	#theprocess .pr_chart ul li a.design {
		background: url(../i/Button_DevProc_3.jpg) no-repeat 0 -130px;
		margin: 0;
		height: 64px;
	}
	#theprocess .pr_chart ul li a.prototype{
		background: url(../i/Button_DevProc_4.jpg) no-repeat 0 -130px;
		margin: 0;
		height: 63px;
	}
	#theprocess .pr_chart ul li a.final{
		background: url(../i/Button_DevProc_5.jpg) no-repeat 0 -130px;
		margin: 0;
		height: 63px;
	}
	#theprocess .pr_chart ul li a.preproduction{
		background: url(../i/Button_DevProc_6.jpg) no-repeat 0 -130px;
		margin: 0;
		height: 64px;
	}
	#theprocess .pr_chart ul li a.production{
		background: url(../i/Button_DevProc_7.jpg) no-repeat 0 -130px;
		margin: 0;
		height: 65px;
	}
	
	#theprocess .pr_chart ul li a:hover{
		background-position: 0 -65px;
	}
	
	#theprocess .pr_chart ul li a.active{
		background-position: 0 0;
	}

#theprocess ul.bulletList {
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
	margin-top: 0px;
	margin-bottom: 15px;
}

#theprocess .bulletList {
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	list-style: none;
}

#theprocess .bulletList li {
	margin-top: 0px;
	padding-left: 16px;
}	

/*
=MEDICAL DEVICES FLOATING IMAGES
*/
.medical_floats {
	float: left;
	padding: 0 10px 0 0;
	width: 150px;
	clear: both;
}

.medical_floats img {
	display: inline; 
	vertical-align: middle;
}

.medical_floats p {
	font-size: 7pt;
	color:#4a6882;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*
=CONSUMER PRODUCTS FLOATING IMAGES
*/
.consumer_products {
	float: left;
	padding: 0 10px 0 0;
	width: 150px;
	clear: both;
}

.consumer_products img {
	display: inline; 
	vertical-align: middle;
}

.consumer_products p {
	font-size: 7pt;
	color:#4a6882;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*
=INDUSTRIAL PRODUCTS FLOATING IMAGES
*/
.industrial_products {
	float: left;
	padding: 0 10px 0 0;
	width: 150px;
	clear: both;
}

.industrial_products img {
	display: inline; 
	vertical-align: middle;
}

.industrial_products p {
	font-size: 7pt;
	color:#4a6882;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*
=SPECIALTY MACHINES FLOATING IMAGES
*/
.specialty_machines {
	float: left;
	padding: 0 10px 0 0;
	width: 150px;
	clear: both;
}

.specialty_machines img {
	display: inline; 
	vertical-align: middle;
}

.specialty_machines p {
	font-size: 7pt;
	color:#4a6882;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
=Ordered List
*/

ol.numList {
	margin-top: 0px;
	margin-bottom: 0px;
}
.numList {
	padding-top: 0px;
	margin-top: 0px;
	list-style-type: decimal;
	margin-left: 29px;
}
.numList li {
	margin-top: 0px;
}	
	

/*
=FOOTER STYLE
*/

#footer form{
	width: 280px;
	float: left;
}
#footer p.copy {text-align: center; margin-right: 154px;}
#footer p.copy span{font-weight: bold; color: #5b6268;}

#footer .text{
	border: 1px solid #a5a5a5;
	width: 145px;
	padding: 5px;
	text-align: center;
	margin-top: 0;
}

#main .wrap #content .col-left ul {
	list-style-type: square;
	list-style-position: inside;
}
#home-left{
	float: left;
	padding: 0px 60px 0px 0px;
}
#home-right        {
	float: left;
	width: 60px;
	margin: 0px 0px 0px -115px;
	padding: 177px 0px 0px 0px;
}
#searchForm {
	visibility: hidden;
}


/* These are standard sIFR styles... do not modify */


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2.headline {
	font-size: 21px;
	line-height: 1.8em;
	visibility: hidden;
}