/*
RESET
CLEAR
BODY
LINKS
CONTAINER
 H_ELEMENTS
 HEADER
 NAVIGATION
 CONTENT_CONTAINER
  TABS
 CONTENT
 P
  NOTE
  IMPORTANT
  P_TITLE
  OL
   LETTERED_LIST
   LI
  LEFT
  RIGHT
  CLEAR_LEFT
  DIVIDE
  ARROW
  CONTACT_FORM
  LANDING
 FOOTER
*/

/* =RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after {content: ""}blockquote,q{quotes: "" ""}

/* =CLEAR */
span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

:focus {
	outline: 1px dotted}

/* =BODY */
body {
	font: 16px/1.125em Arial, Helvetica, sans-serif;  /* 16x1.125=18px */
	background-color: #081341} /* dark blue */
	
/* =LINKS */
a, a:active, a:visited {
	text-decoration: none;
	color: #285FFF}

a:hover {
	text-decoration: underline}

/* =CONTAINER */
#container {
	position: relative;
	padding-bottom: 150px;
	width: 760px}
	
	/* =H_ELEMENTS */
	h1 {
		color: #013181; /* shade of red */
		font: bold 1.5em/1em Arial, Helvetica, sans-serif} /* 24px */
	
	h2 {
		color: #777;
		font: bold 1.375em/1em Arial, Helvetica, sans-serif} /* 22px */
		
	h3 {
		color: #777;
		font: italic bold 1.25em/1em Arial, Helvetica, sans-serif} /* 20px */
		
	h4 {
		color: #777;
		font: italic bold 1.125em/1em Arial, Helvetica, sans-serif} /* 18px */
		
	h5 {
		color: black;
		font: italic bold 1em/1em Arial, Helvetica, sans-serif} /* 16px */
		
	h6 {
		color: black;
		font: italic bold .875em/1em Arial, Helvetica, sans-serif} /* 14px */
		
	/* UNUSED? #form_fields dt, dd {
		font: .875em/1em Verdana, Arial, Helvetica, sans-serif;
		padding: 0 0 2px 0}
	
	#form_fields dd {
		margin-bottom: 1em;}
		
		#form_fields label {
			margin-right: 10px;}
		
		#form_fields textarea, input {
			padding: 2px}
		
		#form_fields textarea {
			height: 50px;
			width: 515px}*/
			
	form#myForm {
		margin-bottom: 20px;	
	}
			
	#myForm h3 {
		display: block;
		margin: 8px 0 3px 0;
	}
	
	#myForm input {
		display: block;
		margin: 0 0 3px 0;
		width: 200px;
	}
	
	#myForm select {
		display: block;
		margin: 0 0 3px 0;
		width: 205px;
	}
	
	#myForm textarea {
		margin: 0 0 5px 0;
		height: 100px;
		width: 200px;
		overflow: auto;
	}
	
	#myForm .checkbox_register {
		float: left;
		margin: 0 5px 40px 0;
		*margin-top: -4px;
		width: 20px;
	}
	
	#myForm .checkbox {
		float: left;
		margin: 0 5px 0 0;
		*margin-top: -4px;
		width: 20px;
	}
	
	#myForm .form_left {
		float: left;
		margin: 0 5px 0 0;
	}
	
		#myForm .form_left.city input {
			width: 100px;
			_width: 95px;
			*width: 95px;
			margin: 0 0 8px 0;
		}
	
		#myForm .form_left.state input {
			width: 40px;
			_width: 35px;
			*width: 35px;
			margin: 0 0 8px 0;
		}
	
		#myForm .form_left.zip input {
			width: 40px;
			_width: 37px;
			*width: 37px;
			margin: 0 0 8px 0;
		}
		
	#myForm h3.clear_both {
		clear: both;
	}
	
	/* =HEADER */
	div#header {
		height: 80px;
		position: relative}
		
		div#header.homepage_header {
			border-bottom: 4px solid #013181}
		
		div#header span#homepage {
			position: absolute;
			width: 760px;
			height: 80px;
			background: url(images/interface/tai_home_header.jpg) no-repeat top left}
			
		div#header span a {
			width: 760px;
			height: 80px;
			position: absolute;	}
		
		#header #contact_us a {
			position: absolute;
			top: 19px;
			right: 0;
			width: 80px;
			height: 22px;
			background: #081341 url(images/interface/contact_button.gif) no-repeat top left}
			
			#header #contact_us a:hover {
				background: #081341 url(images/interface/contact_button.gif) no-repeat 0 -22px}
			
			#header #contact_us a em {
				display: none}
			
		#header #search {
			position: absolute;
			top: 50px;
			right: 0}
			
			#header #search #search_field {
				width: 115px}
			
			#header #search #search_button {
				width: 80px;
				position: absolute;
				top: -9999px}
					
	/* =NAVIGATION */
	#navigation {
		height: 40px}
		
		#navigation ul {
			display: inline}
			
			#navigation ul li {
				display: inline}
				
				#navigation ul li a {
					text-decoration: none;
					text-transform: uppercase;
					color: white;
					text-align: center;
					font: bold 1em/3.1em Arial, Helvetica, sans-serif}
				
				#navigation ul li.nav_thermal_analysis a {
					display: block;
					float: left;
					width: 190px;
					height: 40px;
					background: url(images/interface/thermal_analysis.gif) no-repeat top left}
					
					#navigation ul li.nav_thermal_analysis a:hover {
						background: url(images/interface/thermal_analysis.gif) no-repeat 0 -40px}
					
				#navigation ul li.nav_infrared_analysis a {
					display: block;
					float: left;
					width: 190px;
					height: 40px;
					background: url(images/interface/infrared_analysis.gif) no-repeat top left}
					
					#navigation ul li.nav_infrared_analysis a:hover {
						background: url(images/interface/infrared_analysis.gif) no-repeat 0 -40px}
					
				#navigation ul li.nav_lab_and_field_testing a {
					display: block;
					float: left;
					width: 190px;
					height: 40px;
					background: url(images/interface/lab_and_field_testing.gif) no-repeat top left}
					
					#navigation ul li.nav_lab_and_field_testing a:hover {
						background: url(images/interface/lab_and_field_testing.gif) no-repeat 0 -40px}
					
				#navigation ul li.nav_cae_software a {
					display: block;
					float: left;
					width: 190px;
					height: 40px;
					background: url(images/interface/cae_software.gif) no-repeat top left}
					
					#navigation ul li.nav_cae_software a:hover {
						background: url(images/interface/cae_software.gif) no-repeat 0 -40px}
		
	/* =CONTENT_CONTAINER */
	#content_container {
		clear: left;
		width: 760px}
	
		/* =TABS */
		#tab_block {
			background: #081341;
			position: relative;
			padding-top: 283px}
			
			#tab_block h1 {
				font: bold 1.5em Arial, Helvetica, sans-serif;
				padding: 15px 0 5px 15px;
				color: white}
				
			#tab_block p {
				font: 0.6875em/1.3em Arial, Helvetica, sans-serif;
				padding: 0 0 5px 15px;
				color: white}
				
				#tab_block p.thermal_analysis_services,
				#tab_block p.infrared_analysis_services {
					width: 300px}
				
				#tab_block p.lab_and_field_testing {
					width: 250px}
				
				#tab_block p.thermal_ir_custom_software {
					width: 420px}
					
			#tab_block ul.section_list {
				padding: 0 0 5px 30px}
				
				#tab_block ul.section_list li a {
					text-transform: uppercase;
					color: white;
					text-decoration: none;
					font: bold 1em/1.3em Arial, Helvetica, sans-serif}
					
					#tab_block ul.thermal_analysis_services li {
						list-style-image: url(images/interface/tabs/thermal_analysis_services_bullet.png)}
						
						* html #tab_block ul.thermal_analysis_services li {
							color: white;
							list-style-image: none;
							list-style-type: disc}
					
					#tab_block ul.infrared_analysis_services li {
						list-style-image: url(images/interface/tabs/infrared_analysis_services_bullet.png)}
						
						* html #tab_block ul.infrared_analysis_services li {
							color: white;
							list-style-image: none;
							list-style-type: disc}
					
					#tab_block ul.lab_and_field_testing li {
						list-style-image: url(images/interface/tabs/lab_field_testing_bullet.png)}
						
						* html #tab_block ul.lab_and_field_testing li {
							color: white;
							list-style-image: none;
							list-style-type: disc}
					
					#tab_block ul.thermal_ir_custom_software li {
						list-style-image: url(images/interface/tabs/thermal_ir_custom_software_bullet.png)}
						
						* html #tab_block ul.thermal_ir_custom_software li {
							color: white;
							list-style-image: none;
							list-style-type: disc}
							
			#tab_block #tab_thermal_analysis_services {
				background: #081341 url(images/interface/tabs/thermal_analysis_services_main.jpg) no-repeat top left;
				width: 760px;
				height: 283px}
				
			#tab_block #tab_infrared_analysis_services {
				background: #081341 url(images/interface/tabs/infrared_analysis_services_main.jpg) no-repeat top left;
				width: 760px;
				height: 283px}
				
			#tab_block #tab_lab_and_field_testing {
				background: #081341 url(images/interface/tabs/lab_and_field_testing_main.jpg) no-repeat top left;
				width: 760px;
				height: 283px}
				
			#tab_block #tab_thermal_ir_custom_software {
				background: #081341 url(images/interface/tabs/thermal_ir_custom_software_main.jpg) no-repeat top left;
				width: 760px;
				height: 283px}				
		
			.tab-wrapper {
				position: absolute;
				top: 0;
				padding: 0;
				margin: 0;
				clear: both}
			
			.tab-menu {
				height: 54px;
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden}
			
			.tab-menu li {
				width: 190px;
				height: 53px;
				margin: 0;
				padding: 0;
				float: left}
				
			.tab-menu li a {
				margin: 0;
				padding: 0;
				font-weight: bold}
			
			.tab-menu li a:hover,
			.tab-menu li a:focus {
				/* your effect here */}
			
			.tab-menu li.tab-selected a {
				text-decoration: none;
				color: white /* your effect here */}
	
	/* =CONTENT */
	#content {
		background: white url(images/interface/content_background_repeat.gif) top left repeat-y;
		clear: left;
		width: 100%;
		overflow: auto;
		margin: 0;
		padding: 0}
		
		#content_popup {
			background: none;}
		
		#content_fullpage {
			width: 730px;
			padding: 15px;
			background: white;}
				
			#content_fullpage h1 {
				margin-bottom: 10px;
				color: #013181;
				font: bold 1.5em1em Arial, Helvetica, sans-serif}
			
		/* =P */
		#page_content p {
			margin-bottom: 10px;
			color: black;
			font: .8125em/1.4em Arial, Helvetica, sans-serif}
			
			#page_content hr {
				border-color: #D6DFF3;
				border-style: solid;
				border-width: 1px 0 0;
				clear: both;
				margin: 10px 0;
				height: 0;}
				
			#page_content img.header_img {
				margin-bottom: 20px;}
			
			/* =NOTE */
			#page_content p.note {
				margin-bottom: 10px;
				color: black;
				font: .6875em Arial, Helvetica, sans-serif} /* 16=.6875=11px */
				
			/* =IMPORTANT */
			#page_content p.important {
				width: 150px;
				border: 1px solid #D60233; /* shade of red */
				padding: 3px;
				color: black;
				font: .75em Arial, Helvetica, sans-serif} /* 16x.75=12px */
			
			/* =P_TITLE */
			#page_content p.p_title {
				text-transform: uppercase;
				font-weight: bold}
				
			#page_content p.caption {
				color: white;
				padding: 5px;
				font: .6875em/1.2em Arial, Helvetica, sans-serif;
				background: #013181;}
				
				#page_content img {
					margin: -2px;
					margin-bottom: 4px;}
					
					#page_content img.right {
						float: right;
						margin: 0 0 15px 15px;
					}
					
					#page_content img.left {
						float: left;
						margin: 0 15px 15px 0;
					}
				
				#page_content p.content_img_190 {
					clear: both;
					width: 186px;}
					
				#page_content p.caption a,
				#page_content p.caption a:visited,
				#page_content p.caption a:active,
				#page_content p.caption a:hover {
					color: white;
					font-weight: bold;
					text-decoration: none;}
					
		#page_content strong {
			font-weight: bold;}
			
		#page_content em {
			font-style: italic;}
				
		#page_content h1 {
			margin-bottom: 10px;
			color: #013181;
			font: bold 1.5em1em Arial, Helvetica, sans-serif}
	
		#page_content h2 {
			margin-bottom: 5px;
			color: black;
			font: bold 1em/1em Arial, Helvetica, sans-serif}
			
		#page_content h3 {
			color: #444;
			margin-bottom: 3px;
			font: bold .9375em/1em Arial, Helvetica, sans-serif}
			
		#page_content h4 {
			color: #777;
			font: italic bold .9375em/1em Arial, Helvetica, sans-serif}
			
		#page_content h5 {
			color: black;
			font: italic bold .9375em/1em Arial, Helvetica, sans-serif}
			
		#page_content h6 {
			color: black;
			font: italic bold .875em/1em Arial, Helvetica, sans-serif}
			
		#page_content ul {
			list-style-type: disc;
			margin: 0 0 15px 20px;}
			
			#page_content ul li {
				margin-right: 10px;}
			
		#page_content ol {
			list-style-type: decimal;
			margin-left: 40px;}
			
			#page_content ol li {
				margin: 0 0 3px;
				font: 1em/1em Arial, Helvetica, sans-serif;}
		
		#content_old {
			padding: 15px 50px;
			background: none}
		
		#content.homepage {
			background: #013181}
		
		#page_options {
			display: inline;
			margin: 5px 0 0;
			padding: 0;
			width: 195px;
			float: left}
			
			#page_options .sidebar_button {
				margin: 0 0 5px;
				padding-top: 5px;
				width: 193px;
				background: url(images/interface/left_navigation/left_navigation_top.jpg) no-repeat top left}
				
				#page_options .sidebar_background {
					padding: 5px 15px 10px;
					width: 173px;
					background: url(images/interface/left_navigation/left_navigation_bottom_and_repeat.jpg) no-repeat bottom left}
				
				#page_options .sidebar_button img {
					float: left;
					margin: 0 5px 0 0;}
				
				#page_options .sidebar_button p,
				#page_options .sidebar_button p a,
				#page_options .sidebar_button p a:hover {
					margin: 0;
					color: white}
					
					#page_options .sidebar_button p.sidebar_button_title {
						height: 35px;
						font: bold .855em/1em Arial, Helvetica, sans-serif}
						
						#page_options .sidebar_button p.sidebar_button_title a {
							padding-left: 40px;
							display: block;
							height: 100%;
							color: #A6B9E2;
							width: 122px}
						
						#page_options .sidebar_button p.sidebar_button_title a:hover {
							text-decoration: none}
						
						/* contact */
						#page_options .sidebar_button p.contact {
							background: url(images/interface/left_navigation/icons/contact.png) no-repeat top left}
							
							#page_options .sidebar_button p.contact a {
								/*width: 115px*/}
						
						/* services */
						#page_options .sidebar_button p.services {
							background: url(images/interface/left_navigation/icons/services.png) no-repeat top left}
							
							#page_options .sidebar_button p.services a {
								/*width: 115px*/}
						
						/* sample_models */
						#page_options .sidebar_button p.sample_models {
							background: url(images/interface/left_navigation/icons/sample_models.png) no-repeat top left}
							
							#page_options .sidebar_button p.sample_models a {
								/*width: 115px*/}
						
						/* radtherm */
						#page_options .sidebar_button p.radtherm {
							background: url(images/interface/left_navigation/icons/radtherm_heat_transfer_software.png) no-repeat top left}
							
							#page_options .sidebar_button p.radtherm a {
								/*width: 115px*/}
						
						/* muses */
						#page_options .sidebar_button p.muses {
							background: url(images/interface/left_navigation/icons/muses_infrared_software.png) no-repeat top left}
							
							#page_options .sidebar_button p.muses a {
								/*width: 115px*/}
						
						/* download */
						#page_options .sidebar_button p.download {
							background: url(images/interface/left_navigation/icons/download.png) no-repeat top left}
							
							#page_options .sidebar_button p.download a {
								/*width: 115px*/}
						
						/* webinar */
						#page_options .sidebar_button p.webinar {
							background: url(images/interface/left_navigation/icons/webinar.png) no-repeat top left}
							
							#page_options .sidebar_button p.webinar a {
								/*width: 115px*/}
						
						/* tutorials */
						#page_options .sidebar_button p.tutorials {
							background: url(images/interface/left_navigation/icons/tutorials.png) no-repeat top left}
							
							#page_options .sidebar_button p.tutorials a {
								/*width: 115px*/}
						
						/* publications */
						#page_options .sidebar_button p.publications {
							background: url(images/interface/left_navigation/icons/flyers_publications.png) no-repeat top left}
							
							#page_options .sidebar_button p.publications a {
								/*width: 115px*/}
						
						/* validation */
						#page_options .sidebar_button p.validation {
							background: url(images/interface/left_navigation/icons/validation.png) no-repeat top left}
							
							#page_options .sidebar_button p.validation a {
								/*width: 115px*/}
					
					#page_options .sidebar_button p.sidebar_button_desc {
						width: 160px;
						clear: both;
						color: #ccc;
						font: .75em/1.2em Arial, Helvetica, sans-serife}
						
					#page_options ul {
						margin: 15px 0 1em 15px}
						
						#page_options ul li {
							color: #013181;
							font: bold .875em/1em Arial, Helvetica, sans-serif}
						
							#page_options ul li ul {
								margin: .5em 0 0}

								#page_options ul ul li {
									line-height: .475em}
									
								#page_options ul li ul li a {
									color: #002665;
									font: normal 1em/1.2em Arial, Helvetica, sans-serif}
									
								#page_options ul li ul li a:hover {
									color: white;}
			
		#page_content {
			float: right;
			margin: 25px 25px 25px 15px;
			padding: 0px;
			width: 515px;
			display: inline;
			position: relative}
			
		#news_items {
			background: #013181}
			
			.news_block {
				background: #013181;
				display: block;
				float: left;
				width: 380px}
				
				#content .news_block h4 {
					margin: 10px 0 10px 7px;
					color: white;
					font: bold 1em/1em Arial, Helvetica, sans-serif}
					
				.news_block ul {
					margin: 0 0 15px 22px}
					
					.news_block ul li {
						list-style-image: url(images/interface/tabs/upcoming_events_news_webinars_bullet.png)}
					
						* html .news_block ul li {
							color: white;
							list-style-image: none;
							list-style-type: disc}
						
					.news_block li h2 a,
					.news_block li h2 a:hover {
						text-decoration: none;
						color: white;
						font: .6875em/1em Arial, Helvetica, sans-serif}
			
		/* =OL */
		ol {
			margin-bottom: 10px;
			color: black;
			font: .75em Arial, Helvetica, sans-serif} /* 16x.75=12px */
			
			/* =LETTERED_LIST */
			ol ol {
				list-style-type: lower-alpha}
	
			/* =LI */
			li {
				margin-bottom: 5px;
				color: black;
				font: .8125em Arial, Helvetica, sans-serif} /* 16x.8125=13px */
			
		/* =LEFT */
		.left {
			margin: 0 15px 5px 0;
			float: left}
			
		/* =RIGHT */
		.right {
			margin: 0 0 15px 15px;
			float: right}
		
		/* =CLEAR_LEFT */
		.clear_left {
			clear: left}
		
		/* =CLEAR_RIGHT */
		.clear_right {
			clear: right}
		
		/* =DIVIDE */
		hr.divide {
			margin: 25px 0;
			clear: both;
			width: 100%}
			
		.contact_wide {
			width: 280px;}
			
		.contact_narrow {
			margin: 0 10px 15px 0;
			width: 190px;}
			
		.contact_170 {
			margin: 0 10px 15px 0;
			width: 170px;}
			
		.contact_half {
			margin: 0 10px 15px 0;
			width: 235px;}
			
		/* =ARROW */
		.arrow {
			padding: 0 0 0 17px;
			background: url(images/bullet-arrow-w.gif) no-repeat top left}
		
		/* =CONTACT_FORM */
		#contact_form_component {
			/*font-family: Arial, Arial, Helvetica, sans-serif;*/
			text-align: left;
			vertical-align: top;
			margin-left: 20px}
		
		#contact_form_component .subset td {
			margin: 0;
			padding: 0}
		
		#contact_form_component p {
			color: black;
			font: bold 625em Arial, Helvetica, sans-serif; /* 16=.6875=10px */
			width: 100%;
			display: inline;
			vertical-align: top}
		
		#contact_form_component h3 {
			margin: 5px 5px 0px 5px}
		
		#contact_form_component p {
			margin: 5px 5px 0px 5px}
		
		#contact_form_component input {
			margin: 0px 5px 10px 5px}
		
		#contact_form_component select {
			margin: 0px 5px 10px 5px;
			width: 150px}
		
		#contact_form_component .checkbox {
			margin: 0;
			padding: 0 0 0 0}
		
		#contact_form_component textarea {
			margin: 0px 5px 10px 5px;
			width: 300px;
			height: 150px}
		
		#contact_form_component #state {
			width: 50px}
		
		#contact_form_component #zip {
			width: 75px}
			
		/* =LANDING */
		
		.light_gray {
		background-color: #EEE}
	
	/* =FOOTER */
	#footer {
		background: url(images/interface/footer_repeat.gif) repeat-x top left;
		padding: 26px 5px}
		
		#footer form {
			margin-right: 10px;
			float: left}
			
		#footer p {
			font: .75em/1em Arial, Helvetica, sans-serif;
			line-height: 2em;
			float: left;
			color: white}
		
		#footer a {
			text-decoration: none;
			color: white}
			
			#footer a:hover {
				text-decoration: underline}
			
/* OUT-OF-DATE STYLES THAT SHOULD BE REMOVED ON REVAMP */
/* =LANDING */
#landing_page_area {
	width: 760px;
	height: 70px;
	margin: 0 0 20px;
	background: url(images/landing_page_background.jpg) repeat-x top left}
	
	/* =SECTIONS */
	#landing_page_area div {
		height: 70px}
	
	/* =H4 */
	#landing_page_area h4,
	#landing_page_area h4 a,
	#landing_page_area h4 a:visited,
	#landing_page_area h4 a:active,
	#landing_page_area h4 a:hover {
		margin: 5px 0 0 5px;
		text-decoration: none;
		text-transform: uppercase;
		color: white;
		font: 14px Verdana, Arial, Helvetica, sans-serif}
		
	#landing_page_area h4 a:hover {
		text-decoration: underline}
	
	/* =P */
	#landing_page_area p {
		margin: 3px 0 0 9px;
		color: #081341;
		font: 10px Verdana, Arial, Helvetica, sans-serif}
	
	/* =THIRD */
	.third {
		float: left;
		border-right: 1px solid #081341;
		width: 252px}
	
	/* =LAST */
	.last {
		border-right: none}