﻿html	{
		height:	100%;
		}
		
body	{
		background-color:	#222222;
		padding:			0px;
		margin:				5px;
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			small;
		text-align:			center;
		}
		
#container	{
			background-color:	#555555;
			width:				790px;
			margin-right:		auto;
			margin-left:		auto;
			margin-top:			0px;
			margin-bottom:		0px;
			text-align:			left;
			background-image:		url(images/nav-back.gif);
			background-repeat:		repeat-y;
			}
			
#header	{
		background-image:		url(images/header-full.gif);
		background-repeat:		no-repeat;
		background-position:	left top;
		height:					80px;
		background-color:		#ffffff;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
		color:					white;
		}
		
.headtext	{
			margin:				40px 0px 0px 240px;
			font-style:			italic;
			font-weight:		bold;
			font-size:			medium;
			float:				left;
			}
			
.phonenumber	{
				margin:			13px 20px 0px 0px;
				float:			right;
				font-weight:	bold;
				font-style:		normal;
				font-size:		small;
				clear:			right;
				}
				
#topnav	{
		background-color:		#dddddd;
		padding: 				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		width:					100%;
		font-size:				x-small;
		font-weight:			bold;
		background-image:		url(images/header-full.gif);
		background-repeat:		no-repeat;
		background-position:	left bottom;
		height:					79px;
		}
		
.breadcrumb	{
			margin:			8px 10px 0px 0px;
			float:			right;
			font-size:		x-small;
			font-weight:	bold;
			clear:			right;
			color: 			black;
			}
			
.you_are_here	{
				color: 			red;
				}

#topnavmenu	{
			list-style-type:	none;
			background-color:	#9aaaaa;
			padding:			0px 0px 0px 0px;
			margin:				0px 10px 0px 0px;
			margin-top: 		15px;
			float:				right;
			clear: right;
			display: inline;
			}
			
#topnavmenu li	{
				margin:		0px 0px 0px 0px;
				padding:	0px 0px 0px 0px;
				float:		left;
			/*	width:		10em; */
				}
				
#topnavmenu a	{
				display:			block;
				color:				#ffffff;
				text-decoration:	none;
				text-align:			center;
				padding: 			10px 5px 10px 5px;
				margin:				0px;
				line-height:		10px;
				border-left:		5px solid #dddddd;
				}
				
#topnavmenu a:hover	{
					background-color:	black;
					}
					
#body_home		#topnav_home a,
#body_request	#topnav_request a,
#body_contact	#topnav_contact a
							{
							background-color:	white;
							color:				black;
							}

#leftcol	{
			width:				180px;
			background-color:	#555555;
			float:				left;
			display:			inline;
			padding: 			5px 0px 0px 10px;
			margin:				0px;
			margin-left:		10px;
			}
			
#leftcol #lefttext	{
					clear:				both;
					padding-bottom:		5px;
					text-align:			center;
					color:				#ffffff;
					margin-right:		10px;
					font-weight:		bold;
					}
		
#sidenav	{
			width:				150px;
			background-color:	#aaaaaa;
			padding:			0px 10px 10px 10px;
			margin:				5px auto 5px auto;
			float:				left;
			display: inline;
			}
			
#sidenavmenu	{
				margin:				5px 0px 0px 0px;
				padding:			0px 0px 0px 0px;
				list-style-type:	none;
				float:				left;
				display:			inline;
				background-color:	#71d4ff;
				}
				
#sidenavmenu ul	{
				margin:	0px 0px 0px 0px;
				padding:	0px 0px 0px 0px;
				list-style-type:	none;
				}
				
#sidenavmenu li	{
				margin:	0px 0px 0px 0px;
				display:	inline;
				}
				
#sidenavmenu a	{
				display:	block;
				padding:	5px 5px 5px 5px;
				width:		140px;
				color:		#000000;
				text-decoration:	none;
				line-height:	1.0;
				border-top:	5px solid #aaaaaa;
				}

#sidenavmenu a:hover	{
						color:	#ffffff;
						background-color:	#0000ff;
						}
							
#body_home				#sidenav_home a,
#body_engineering		#sidenav_engineering a,
#body_layout			#sidenav_layout a,
#body_prototype			#sidenav_prototype a,
#body_assembly			#sidenav_assembly a,
#body_capabilities		#sidenav_capabilities a,
#body_gallery			#sidenav_gallery a,
#body_request			#sidenav_request a,
#body_contact			#sidenav_contact a
							{
							background-color:	#000000;
							color:				#ffffff;
							}

#pictures	{
			text-align:	center;
			clear:	both;
			margin-right:	10px;
			}
		
#pictures img	{
			margin:		0px 0px 5px 0px;
			padding:	4px 4px 4px 4px;
			border:		1px solid #ccc;
			border-top-color:	#eee;
			border-right-color:	#ddd;
			border-bottom-color:	#bbb;
			background-color:		#fff;
			text-align:				center;
			}

							
#main	{
		background-color:	white;
		padding:			0px 20px 20px 20px;
		margin:				0px 10px 0px 200px;
		line-height:		1.2em;
		}
		
h1		{
		font-size:				120%;
		color:					#0001F6;
		margin-top:				0px;
		}
		
h2	{
	font-weight:	bold;
	font-size:		100%;
	}
	
h3	{
	font-size:		100%;
	font-weight:	bold;
	margin-bottom:	.5em;
	}
	
ul	{
	margin-top:	0px;
	}

.emphasize	{
			font-weight:	bold;
			}
			
#break_text	{
			text-align:	center;
			}
		
.contact_header	{
				font-weight:	bold;
				}
				
.services_header	{
					font-weight:	bold;
					}
					
#highlight_area	{
				text-align:	center;
				}
										
#highlight_box	{
				border:				2px solid black;
				margin-bottom:		10px;
				width:				166px;
				text-align:			left;
				float:				left;
				margin-right:		5px;
				}
				
#highlight_header	{
					font-weight:		bold;
					text-align:			center;
					background-color:	#000000;
					color:				#ffffff;
					margin-bottom:		5px;
					padding:			2px 0px 2px 0px;
					}
				
#highlight_box ul	{
					margin:		0px 0px 0px 10px;
					padding:	0px 0px 0px 10px;
					}
				
#highlight_box a	{
					width:				156px;
					display:			block;
					text-decoration:	none;
					padding:			5px;
					background-color:	#F9DFDF;
					color:				#000000;
					height:				13.5em;
					}
					
#highlight_box a:hover	{
						background-color:	blue;
						color:				#ffffff;
						}
						
#click_here	{
			text-align:	right;
			font-style:	italic;
			margin-top:	5px;
			font-size:	.7em;
			}
			
#inline_pic	{
			margin-right:	10px;
			margin-left:	20px;
			float: right;
			}
			
#inline_pic img	{
				margin:		0px 0px 5px 0px;
				padding:	4px 4px 4px 4px;
				border:		1px solid #ccc;
				border-top-color:	#eee;
				border-right-color:	#ddd;
				border-bottom-color:	#bbb;
				background-color:		#fff;
				text-align:				center;
				}

		
#gallery	{
			text-align:	center;
			background-color:	white;
			padding-left:	40px;
			}
			
#gallery_thumbnail	{
					float:					left;
					width:					208px;
					margin:					0px 20px 20px 0px;
					}
					
#gallery_desc	{
				height:	2.4em;
				background-color:	#dddddd;
				}
			
#gallery_thumbnail a	{
						display:				block;
						padding:				4px 4px 4px 4px;
						text-decoration:		none;
						color:					black;
						background-color:		#dddddd;
						border:					1px solid #ccc;
						border-top-color:		#eee;
						border-right-color:		#ddd;
						border-bottom-color:	#bbb;
						}
			
#gallery_thumbnail a img	{
							border:	none;
							}

			
#gallery_thumbnail a:hover	{
							background-color:	blue;
							color:				#ffffff;
							border-color:		blue;
							}
							
#gallery_thumbnail a:hover #gallery_desc	{
											background-color:	blue;
											color:				#ffffff;
											}
#gallery_full	{
				text-align:	center;
				margin-right:	10px;
				}
		
#gallery_full img	{
					margin:		0px 0px 5px 0px;
					padding:	4px 4px 4px 4px;
					border:		1px solid #ccc;
					border-top-color:	#eee;
					border-right-color:	#ddd;
					border-bottom-color:	#bbb;
					background-color:		#fff;
					text-align:				center;
					}
					
#center_link	{
				text-align:	center;
				}



#bottomnav	{
			clear:				both;
			background-color:	#dddddd;
			color:				black;
			padding:			20px 5px 15px 5px;
			margin:				0px 0px 0px 0px;
			font-size:			x-small;
			font-weight:		bold;
			text-align:			center;
			line-height:		1.6em;
		background-image:		url(images/epdbody-btm.gif);
		background-repeat:		no-repeat;
		background-position:	left top;
			}
			
#footer	{
		background-color:	#0000ff;
		padding: 			15px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
		font-size:			small;
		font-weight:		bold;
		text-align:			right;
		line-height:		1.2em;
		color:				white;
		background-image:		url(images/footer-top.gif);
		background-repeat:		no-repeat;
		background-position:	left top;
		}
		
#address	{
			background-image:		url(images/footer-mid.gif);
			padding: 				0px 20px 0px 0px;
			background-repeat:		repeat-y;
			}
			
#footer-end	{
			background-image:		url(images/footer-btm.gif);
			background-repeat:		no-repeat;
			background-position:	left bottom;
			padding: 				25px 0px 0px 0px; 
			}
		
.namebold	{
			font-size:	medium;
			}

#rfi	{
		width:	520px;
		}
					
.rfi_header	{
			font-weight:	bold;
			}
			
#rfi_odd	{
			background-color:	#eeeeee;
			padding:			5px;
			border:				1px solid black;
			margin-bottom:		20px;
			}
			
#rfi_even	{
			background-color:	white;
			padding:			5px;
			border:				1px solid black;
			margin-bottom:		20px;
			}

			
.rfi_contact-left1	{
					text-align:	right;
					width:		120px;
					float: 		left;
					}
					
.rfi_contact-left2	{
					text-align:	right;
					position:	relative;
					float:		left;
					width:		120px;
					height:		1em;
					margin-top:	10px;
					}
					

.rfi_required	{
				color:	red;
				}
				
.rfi_contact-right	{
					text-align:		left;
					position:		relative;
					padding-left:	10px;
					}
					
.rfi_project-left	{
					float:		left;
					}
					
.rfi_project-right	{
					margin-left:	10px;
					}
					
.rfi_boardtype	{
				text-align:		left;
				margin-left:	10px;
				}
				
#rfi_moreinfo-line	{
					width:		400px;
					height:		23px;
					}
					
.rfi_moreinfo-options	{
						float: 			left;
						width:			240px;
						text-align:		right;
						float:			left;
						margin-right:	5px;
						}
						
.rfi_moreinfo-choices	{
						width:				80px;
						background-color:	#dddddd;
						text-align:			center;
						float:				left;
						margin-right:		2px;
						}


#rfi_materials-line	{
					width:		400px;
					height:		23px;
					}
					
#rfi_materials-header	{
						width:		400px;
						height:		45px;
						}


.rfi_materials-options	{
						float: 			left;
						width:			140px;
						text-align:		right;
						float:			left;
						margin-right:	5px;
						}
						
.rfi_materials-choices	{
						width:				80px;
						background-color:	#dddddd;
						text-align:			center;
						float:				left;
						margin-right:		2px;
						}
						
.rfi_otherinfo	{
       			text-align:		left;
        		position: 		relative;
        		margin-left:	30px;
        	  	}
        	  	
#body_manufacturing li	{
						margin-bottom:	5px;
						}

