/* MedVenture CSS */

/* 	NOTE:  
	All Headlines use the Frutiger font
	Therefore, they had to be text-indented and replaced with background images.
	I pity the fool who does maintenance on this site :)
	But, to make their lives easier, I have included notes under "Subpage Headers" near the bottom of this document */

/* Clear Browser Defaults */
body, div, img, p, a, h1, h2, h3, h4,
ul, li, dl, dt, dd, form, fieldset {margin:0;padding:0;border:none}

/* Global Classes */

.small_text {font-size:.9em}

/* Global Styles */

body {
	background:url(../images/body_bg.jpg) top left repeat-x #fff;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:1.5em;
}

body.subpage {background:url(../images/body_subpage_bg.jpg) top left repeat-x #fff}

a {color:#0173BE}

#wrapper {width:1008px;margin:0 auto; background:url(../images/more_list_bg.jpg) top right repeat-y;}


#header {width:1008px; background:url(../images/body_subpage_bg.jpg) top left repeat-x; }
.home #header { height: 352px; background:url(../images/body_bg.jpg) top left repeat-x; }

	#header_left {float:left;display:inline; width:220px;}
	#header_right {float:right;display:inline; width:350px;}
	
		#header #logo {
			width:220px;
			height:92px;
			background:url(../images/logo.jpg) left no-repeat #0173BE;
			display:block;
			text-indent:-9999px;
			float:left;
		}
	
		#header ul#topnav {
			width:320px;
			height:28px;
			float:right;
			background:url(../images/topnav_bg.jpg) bottom right no-repeat;
			margin-top:10px;
		}
			#header ul#topnav li {
				float:left;
				display:inline;
				color:#fff;
				text-indent:-9999px;
				margin:0 7px;
			}
			
				#topnav li a#topnav_home {display:block;background:url(../images/topnav_home_bg.jpg) no-repeat;width:36px}
					#topnav li a#topnav_home:hover {background:url(../images/topnav_home_hover_bg.jpg) no-repeat}
				#topnav li a#topnav_employment {display:block;background:url(../images/topnav_employment_bg.jpg) no-repeat;width:155px}
					ul#topnav li a#topnav_employment:hover {background:url(../images/topnav_employment_hover_bg.jpg) no-repeat}
				#topnav li a#topnav_press {display:block;background:url(../images/topnav_press_bg.jpg) no-repeat;width:31px}
					#topnav li a#topnav_press:hover {background:url(../images/topnav_press_hover_bg.jpg) no-repeat;}
				#topnav li a#topnav_contact {display:block;background:url(../images/topnav_contact_bg.jpg) no-repeat;width:64px}
					#topnav li a#topnav_contact:hover {background:url(../images/topnav_contact_hover_bg.jpg) no-repeat}
											
		#header form {
			clear:both;
			float:right;
			border:none;
			width:200px;
			margin:5px 0 0 0px;
		}
			#header form fieldset {float:right;border:none}
			#header select {float:left;font-size:.725em} 
			#header #login {float:left;margin:1px 3px}
				
		ul#nav {
			clear:both;
			width:983px;
			height:29px;
			background:url(../images/nav_bg.jpg) repeat-x;
			padding:0 0 0 25px;
			margin:0;
			list-style:none;
		}
			#nav li {
				float:left;
				display:inline;
				position:relative;
				color:#0173BE;
				text-indent:-9999px;
				margin-top:1px;
			}	
			
				/* Navigation Link and Hover Styles */
				
				#nav li a {height:28px}

				#nav li #nav_why {display:block;background:url(../images/nav_why_bg.jpg) no-repeat;width:155px;height:28px}
					#nav li #nav_why:hover {display:block;background:url(../images/nav_why_hover_bg.jpg) no-repeat;width:155px;height:28px}
				#nav li #nav_integrated {display:block;background:url(../images/nav_integrated_bg.jpg) no-repeat;width:175px;height:28px}
					#nav li #nav_integrated:hover {display:block;background:url(../images/nav_integrated_hover_bg.jpg) no-repeat;width:175px;height:28px}
				#nav li #nav_market {display:block;background:url(../images/nav_market_bg.jpg) no-repeat;width:142px;height:28px}
					#nav li #nav_market:hover {display:block;background:url(../images/nav_market_hover_bg.jpg) no-repeat;width:142px;height:28px}
				#nav li #nav_community {display:block;background:url(../images/nav_community_bg.jpg) no-repeat;width:149px;height:28px}
					#nav li #nav_community:hover {display:block;background:url(../images/nav_community_hover_bg.jpg) no-repeat;width:149px;height:28px}
				#nav li #nav_news {display:block;background:url(../images/nav_recent_news.jpg) no-repeat;width:114px;height:28px}
					#nav li #nav_news:hover {display:block;background:url(../images/nav_recent_news_hover.jpg) no-repeat;width:114px;height:28px}
			

				/* Drop-down Menus */

				#nav li ul {
					display: none;
					position: absolute; 
					top: 27px;
					left: 0;
					padding:0 3px;
					clear:left;
					width:262px;
					background:url(../images/dropdown_bottom_bg.png) bottom left no-repeat;
				}
				
					/* Resets the drop-down menu position in all but IE 6 */	
					#nav li > ul {
						clear:left;
						top: 27px;
						left: 0;
					}
					
					
					/* Fix IE. Hide from IE Mac \*/
					* html ul#nav li { float: left; height: 1% }
					* html ul#nav li a { height: 1%; }
					/* End */
			
					#nav li:hover ul, 
					#nav li.over ul {
						display: block;
						overflow: hidden;
						list-style: none;
						}
					
						#nav li:hover ul li, 
						#nav li.over ul li {
							display:block;
							text-indent:0;
							float:none;
							border-bottom:1px solid #E6E0C2;
							border-top:1px solid #FEFAEB;
							padding: 0 0 3px;
						}
						
						#nav li:hover ul li.last,
						#nav li.over ul li.last {
							background:transparent;
							border-bottom:none;
						}
						
							#nav li:hover ul li a,
							#nav li.over ul li a {
								color:#575651;
								font-size:.85em;
								font-weight:bold;
								text-decoration:none;
								/*width:252px;*/
								display:block;
								padding:3px 0 3px 7px;
								margin:0;
								height:auto;
							}
								#nav li:hover ul li a:hover, 
								#nav li.over ul li a:hover {background-color:#FFF0AB;color:#000}
					/* End Drop-down Menus */
					
	#header h1#h1_home {
		clear:both;
		width:1008px;
		height:230px;
		background:url(../images/h1_home_bg.jpg) top left no-repeat;
		color:#fff;
		text-indent:-9999px;
	}

#content {
	overflow:hidden;
	float:left;
	width:700px;
	padding:10px 20px 30px 40px;
}

	#content_wrap {width:1008px; clear: both; overflow:hidden}
	
	#content #intro {float:left;width:465px}

	#content #h2_home {
		height:45px;
		background:url(../images/h2_home_bg.jpg) top left no-repeat;
		text-indent:-9999px;
		color:#0173BE;
		margin-bottom: 5px;
	}


	#content #home_subhead{
		height: 51px;
		width: 465px;
		background: url(../images/home_subhead.jpg) top left no-repeat;
		text-indent: -999999px;
		margin-bottom: 5px;
		margin-top: 15px;
	}
	
	#content h2 {
		height:30px;
		background:url(../images/h2_home_bg.jpg) top left no-repeat;
		text-indent:-9999px;
		color:#0173BE;
		margin-bottom: 5px;
	}
	
	#content h3 {clear:both;margin:20px 0;color:#0173BE;border-bottom:2px solid #FFD61D}
	#content #h3_350px {clear:left; margin:20px 0;color:#0173BE;border-bottom:2px solid #FFD61D; width:350px;}
	
	#content h4 {margin:15px 0;color:#4D4D4D;font-size:1em; clear:left;}
	
	#content p {margin:18px 0 5px 0; clear:left;}
	
	#content img {float:left;margin:0 15px 15px 0}
	
	#content ul, #left_column ul {
		clear: left;
		margin: 5px 25px 10px 0;
		overflow:hidden;
		list-style-type:disc;
		width:375px;
		padding: 0;
	}
		
		#content ul li {
			margin: 5px 0 5px 25px;
			/*width:350px;
			float: left;
			clear: left;
			display: inline;
			overflow: hidden;*/
			padding: 0;
		}
	
	#content #ul_nothackedforie ul {float:left;display:block;clear:both;margin: 0 25px 10px 25px;list-style-type:disc;padding-left:15px;width:700px;overflow:hidden;}

	
	#partner_box {
		clear:none;
		float:right;
		width:217px;
		height:189px;
		background:url(../images/partner_box_bg.jpg) top left no-repeat;
		color:#fff;
		position:relative /* Position must be relative, because the Flash div inside this div is absolutely positioned */
	}
		#partner_box h3 {text-indent:-9999px;border:none;margin:0}
		/* To view the partner_box popup link, see the "popup.css" file inside the "css" folder */

	#left_column, 
	#right_column {
		width:333px;
		float:left;
		margin:10px 15px 0 0;
		font-size:.9em
	}
		#left_column p,
		#right_column p {width:333px}
		
		#left_column ul,
		#right_column ul {
		width:290px;
		margin:5px 0; 
		list-style-type:disc;
		list-style-position:inside;
		}
		
			#left_column ul li,
			#right_column ul li {
				/*padding:10px 0;
				margin: 0;*/
			}
		
		#left_column h2, #left_column h3,
		#right_column h2, #right_column h3 {
			width:333px;
			color:#0173BE; 
			padding-bottom:5px; 
			border-bottom:2px solid #FFD61D;
			text-indent:-9999px;
			height:12px;
		}
		
		#left_column h3#integrated {background:url(../images/h3_integrated_bg.jpg) top left no-repeat}
		#right_column h3#markets {background:url(../images/h3_markets_bg.jpg) top left no-repeat}
		
	
#more_list, #link_list, #recent_news {
	width:217px;
	float:right;
	background:url(../images/more_list_bg.jpg) top left repeat-y #F0F0F0;
	padding:15px;
	margin-top: 0;
	margin-left: 1px;
	overflow: hidden;
}

	#more_list dt, #link_list dt {clear:both;border-bottom:2px solid #FFD61D;text-indent:-9999px}
	#more_list dd {font-size:.9em;color:#4D4D4D;line-height:1.35em}
	#more_list a {
		display:block;
		background:url(../images/more_button_bg.jpg) 50% 50% no-repeat;
		width:36px;
		height:13px;
		color:#fff;
		text-decoration:none;
		font-size:.75em;
		margin-bottom:10px;
		float:right;
		text-indent:-9999px;
	}
		#more_list #community_spirit {background:url(../images/dt_community_spirit_bg.jpg) top left no-repeat}
		#more_list #culture {background:url(../images/dt_culture_bg.jpg) top left no-repeat}
		#more_list #join {background:url(../images/dt_join_bg.jpg) top left no-repeat}
		#more_list #contact_MedVenture {background:url(../images/dt_contact_MedVenture_bg.jpg) top left no-repeat}
		#more_list #normal,
		#more_list .normal,
		#more_list .normal_nounderline,
		#more_list #normal_nounderline{
			text-indent: 0px;
			color: #0172be;	
			font-weight: normal;
		}
		#more_list #normal_nounderline,
		#more_list .normal_nounderline{
			border:none;
		}

	/* This list only appears on pages that replace the 'more_list' with a set of links */
	#link_list dd {margin:15px 5px;font-size:.95em;padding-bottom:15px}
		#link_list dd a {color:#0173BE;text-decoration:undelrine}
			#link_list dd a:hover {text-decoration:none}
			
		#link_list #dt_product_development {background:url(../images/dt_product_development_bg.jpg) top left no-repeat}
		#link_list #dt_contract_manufacturing {background:url(../images/dt_contract_manufacturing_bg.jpg) top left no-repeat}

/* The Notorious Footer */

#footer {
	clear:both;
	float:left;
	width:100%;
	background:url(../images/footer_bg.jpg) top left repeat-x #0173BE;
	color:#FFF5CA;
	font-size:.85em
}
	#footer #footer_nav, #footer #info {margin:0 auto;width:975px;padding-left:20px}
	
	#footer a {color:#FFF5CA}
		#footer a:hover {text-decoration:none}
	
	#footer ul#footer_nav li {
		float:left;
		display:inline;
		list-style-type:none;
		margin:10px 5px 0 5px;
	}
		#footer ul#footer_nav li a {padding-right:10px;border-right:1px solid #FFF5CA}
			#footer ul#footer_nav li a.last_link {border:none}
		
	#footer ul#info {clear:both}
		#footer ul#info li {float:left;display:inline;list-style-type:none;margin:10px 10px 10px 5px}
		
		
/* Subpage Specific */


/* Subpage Headers - Backgrond images that allow use of the Frutiger (bold) font through text-indentation.
   NOTE:  A PSD file entitled "header_working_image" is saved in the 'images' file for convenient maintenance */

	/* H1 Headers */
	h1	{clear:both;width:1008px;height:61px;color:#fff;text-indent:-9999px; margin: 0; padding: 0; overflow: hidden;}

	#h1_contact {background:url(../images/h1_contact_bg.jpg) top left repeat-x}
	#h1_employment {background:url(../images/h1_employment_bg.jpg) top left repeat-x}
	#h1_press {background:url(../images/h1_press_bg.jpg) top left repeat-x}
	#h1_thanks {background:url(../images/h1_thanks_bg.jpg) top left repeat-x}
	#h1_privacy {background:url(../images/h1_privacy_bg.jpg) top left repeat-x}
	#h1_terms {background:url(../images/h1_terms_bg.jpg) top left repeat-x}
	#h1_why {background:url(../images/h1_why_bg.jpg) top left repeat-x}
	#h1_product_development {background:url(../images/h1_product_development_bg.jpg) top left repeat-x}
	#h1_manufacturing {background:url(../images/h1_manufacturing_bg.jpg) top left repeat-x}
	#h1_markets {background:url(../images/h1_markets_bg.jpg) top left repeat-x}
	#h1_community {background:url(../images/h1_community_bg.jpg) top left repeat-x}
	#h1_culture {background:url(../images/h1_culture_bg.jpg) top left repeat-x}
	#h1_news {background: url(../images/h1_recent_news_bg.jpg) top left repeat-x;}
	
	/* H2 Headers */	
	#left_column #h2_why_outsource {background:url(../images/h2_why_outsource_bg.jpg) top left no-repeat}
	#right_column #h2_why_MedVenture {background:url(../images/h2_why_MedVenture_bg.jpg) top left no-repeat}
	#content #h2_join {background:url(../images/h2_join_bg.jpg) top left no-repeat}
	#content #h2_positions {background:url(../images/h2_positions_bg.jpg) top left no-repeat}
	#content #h2_catheter_engineer {background:url(../images/h2_catheter_engineer_bg.jpg) top left no-repeat}
	#content #h2_program_manager {background:url(../images/h2_program_manager_bg.jpg) top left no-repeat}	
	#content #h2_quality_engineer {background:url(../images/h2_quality_engineer_bg.jpg) top left no-repeat}
	#content #h2_design_engineer {background:url(../images/h2_design_engineer_bg.jpg) top left no-repeat}
	#content #h2_project_manager {background:url(../images/h2_project_manager_bg.jpg) top left no-repeat}
	#content #h2_design_process {background:url(../images/h2_design_process_bg.jpg) top left no-repeat}
	#content #h2_industrial_design {background:url(../images/h2_industrial_design_bg.jpg) top left no-repeat}
	#content #h2_prototyping {background:url(../images/h2_prototyping_bg.jpg) top left no-repeat}
	#content #h2_tooling {background:url(../images/h2_tooling_bg.jpg) top left no-repeat}
	#content #h2_extrusion {background:url(../images/h2_extrusion_bg.jpg) top left no-repeat}
	#content #h2_extrusion_devo {background:url(../images/h2_extrusion_devo_bg.jpg) top left no-repeat}
	#content #h2_material {background:url(../images/h2_material_bg.jpg) top left no-repeat}
	#content #h2_regulatory {background:url(../images/h2_regulatory_bg.jpg) top left no-repeat}
	#content #h2_manufacturing_process {background:url(../images/h2_manufacturing_process_bg.jpg) top left no-repeat}
	#content #h2_clean_room {background:url(../images/h2_clean_room_bg.jpg) top left no-repeat}
	#content #h2_inventory_management {background:url(../images/h2_inventory_management_bg.jpg) top left no-repeat}
	#content #normal {background: none; text-indent: 0px; height: auto;}
	
/* Subpage Form Styling - Does not affect Header Form Styling */

#content form label {display:block;margin-top:20px}
#content form input {display:block;width:250px}
#content form textarea {width:300px;height:100px;font:1em Arial, Helvetica, sans-serif}
#content form #submit {width:100px;margin-top:20px}

#content .links {
	/*margin: 0;
	line-height:1.0em;*/
}
	#content .links li {
		/*padding-left: 20px;
		list-style-type:disc;*/
	}

.imagecolumnright {
	float:right;
	display:inline;
	margin:18px 0 18px 35px;
}

#content .imagecolumnright img {
	float: right;
	clear: right;
}

#content p img.imagecolumnright {
	float: right;
	clear: right;
	margin-top: 0;
	margin-left: 10px;
}

.imagecolumnleft {
	float:left;
	margin: 18px 0 18px 35px;
}


.imagecolumnright img {
	clear:right;
}




#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 10px;
  margin: 25px 0px 20px 0px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 8px 5px 8px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
  background-image: none;
  text-indent: 0px;
  height: auto;
  width: auto;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px 5px 5px 5px;
}
#errorExplanation ul{
	margin-left: 0px;
	padding-left: 0px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color: #333;
  margin-left: 20px;
}
.field_error label{
	color: #ba0000;
	font-weight: bold;
}

.error, .notice, .success, .warning {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
p.warning{
	
}
p.notice{
	background: #E8F5FF;
	border: 2px solid #0273bf;
	color: #0273bf;
}

p.warning{
	background: #FFFFE8;
	border: 2px solid #EED47B;
	color: #333333;
}
p.error,
p.warning,
p.notice{
	font-weight: bold;
	padding-bottom: 7px;
	margin: 25px 0px 0px 0px;
}
p.contact_directions{
	text-align: right;
}
p.contact_directions .em{
	font-style: italic;
}
.news_summary{
	width: 443px;
	margin: 20px 0px 20px 0px;
}
#view_full_news{
	width: 643px;
}
#recent_news .news_summary{
	width: 218px;
	margin: 10px 0px 20px 0px;
}
.news_summary .date{
	float: left;
	width: 43px;
}
#recent_news .news_summary .date{
	width: 32px;
}
.news_summary .date .date_block{
	width: 43px;
	height: 36px;
	background: url(../images/news_date_bg_large.jpg) no-repeat;
	display: block;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
	text-transform: uppercase;
}
#recent_news .news_summary .date .date_block{
	width: 32px;
	height: 25px;
	background: url(../images/news_date_bg_small.jpg) no-repeat;
	font-size: 9px;
	line-height: 10px;
	padding: 4px 0px 0px 0px;
}
.news_summary .text{
	float: right;
	width: 385px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#recent_news .news_summary .text{
	width: 175px;
	margin-left: 10px;
}
#view_full_news .text{
	width: 585px;
}
#content .news_summary .text h4.title{
	line-height: 13px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 3px 0px;
	height: auto;
	color: #0172be;
	border-bottom: 2px solid #FFD61D;
}
#recent_news .news_summary .text h4.title a{
	width: 175px;
	font-size: 10px;
	line-height: 11px;
	color: #0172be;
	border-bottom: 2px solid #FFD61D;
	padding: 0px 0px 4px 0px;
	display: block;
	text-decoration: none;
}
#content .news_summary .text .content{
	margin: 0px;
	padding: 0px;
}
#recent_news .news_summary .text .content{
	font-size: 10px;
	line-height: 12px;
	width: 175px;
}
.news_summary .text a{
	font-weight: bold;
	float: right;
	color: #0172be;
}
#view_full_news .text p.content a{
	float: none;
	font-weight: normal;
}
.clear{clear: both;}
#news_item_image{
	margin-left: 57px;
}
#news_item_image a img{
	border: 1px solid #777;
}
#footer_logos_holder{
	text-align: center;
}
#footer_logos_holder img{
	margin-top: 25px;
}