@import "reset.css";

.submit-text {background:none; border:none; margin:0; padding: 0; color:#C00512; cursor:pointer;}
.submit-text:hover {text-decoration: underline;}	

body { background: url('../graphx/background-inner.png') no-repeat top center; }

body#index { background: url('../graphx/background.png') no-repeat top center; }

	#container { width: 922px; margin: 0 auto; position: relative; background: #fff; }
	
		#header { height: 103px; background: url('../graphx/header-bg.png') repeat-x bottom left; position: relative; }
		
			#logo { float: left; margin: 20px 0 0 25px; }
			
				#topnav { margin: 0 0 14px 0; padding: 0; position: absolute; top: 18px; right: 25px; } 
					#topnav li { display: inline; list-style: none; border-right: 1px solid #c00512; text-transform: uppercase; font-size: 14px; padding: 0 7px; line-height: 0; }
						#topnav li.first { padding-left: 0; }
						#topnav li.last { border: 0; padding-right: 0; }
					#topnav li a { margin: 0; padding: 0 0 6px 0; color: #000; text-decoration: none; }
					#topnav li a:hover { background: url('../graphx/topnav-hover.png') no-repeat center 16px; }
					#topnav li a.active { background: url('../graphx/topnav-active.png') no-repeat center 16px; }
					
				#tgs-name { position: absolute; top: 54px; right: 27px; }
					
		#nav { clear: both; height: 74px; background: url('../graphx/nav-bg.png') repeat-x; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
		
		#subnav { position: relative; clear: both; height: 55px; background: url('../graphx/subnav-bg.png') repeat-x; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom: 27px; }
		
			#subnav a { position: absolute; bottom: 5px; display: block; width: 285px; height: 39px; background: url('../graphx/subpage-nav-bg.png') no-repeat; text-align: center; color: #fff; text-decoration: none; font-size: 22px; padding-top: 8px; }
			#subnav a:hover, #subnav a.active { background-position: left bottom; }
			
				#subnav #sci { left: 20px; }
				#subnav #hc { left: 50%; margin-left: -142px; }
				#subnav #pe { right: 20px; }
		
			.homepage-boxes { background: url('../graphx/homepage-box2.png') no-repeat; width: 273px; height: 249px; padding: 8px 9px; font-size: 11px; line-height: 1.3; position: absolute; top: 104px; z-index: 50; }
				
				.sci-box { left: 20px; }
				.hc-box { left: 50%; margin-left: -146px; }
				.pe-box { right: 20px; }
				
			.homepage-box-header { display: block; height: 43px; font-size: 22px; color: #fff; text-align: center; padding: 18px 0 0 0; line-height: 1; margin-bottom: 15px; }
			.homepage-box-header:hover { text-decoration: none; }
			
			.homepage-box-content { height: 151px; #height: 150px; }
				.homepage-box-content .tagline { font-weight: bold; margin: 0 0 4px 15px; color: #3f3f3f; }
				.homepage-box-content p { margin: 0 15px; }
					.sci-box-content { background: url('../graphx/scientific-box-bg.jpg') no-repeat bottom right; }
					.hc-box-content { background: url('../graphx/hc-box-bg.jpg') no-repeat bottom center; overflow: hidden; }
					.pe-box-content { background: url('../graphx/pe-box-bg.jpg') no-repeat bottom right; }
				
			.homepage-box-footer { height: 21px; position: relative; }
				.homepage-box-footer a { position: absolute; top: 4px; right: 0; margin-right: -11px; display: block; height: 17px; text-indent: -9000px; }
				.homepage-box-footer a:hover { background-position: 0 -17px !important; }
					.sci-box-footer a { width: 100px; background: url('../graphx/more-scientific.png') no-repeat; }
					.hc-box-footer a { width: 128px; background: url('../graphx/more-hc.png') no-repeat; }
					.pe-box-footer a { width: 177px; background: url('../graphx/more-pe.png') no-repeat; }
				
		#inner-content { position: absolute; top: 436px; left: 27px; width: 284px; font-size: 11px; z-index: 20; }
		
		#flashReplace { #margin-bottom: 1px; }
		
		#homepage-content { height: 452px; border-right: 1px solid #fff; border-left: 1px solid #fff; margin-bottom: 1px; background: url('../graphx/homepage-imagery.jpg') no-repeat bottom center; }
			
		#left-content { float: left; width: 570px; margin-left: 27px; font-size: 11px; min-height: 420px; height: auto !important; height: 420px; /* Min Height Fast Hack, all three height delcarations should be left intact for this to work */ }
		
			#left-content h1 { font-size: 40px; color: #015290; background: url('../graphx/h1-bg.png') no-repeat left center; padding-left: 20px; margin-bottom: 10px; }
			#left-content h2 { font-size: 13px; color: #015290; font-weight: bold; margin-bottom: 2px; }
			
			#left-content .excerpt { font-size: 13px; }
			
			#left-content #page-image { float: right; margin: 0 0 16px 16px; width: 185px; }
				#left-content #page-image img { padding: 1px; border: 1px solid #015290; }
				#left-content #page-image p { font-size: 10px; margin: 2px; color: #015290; font-style: italic; } 
			
			#left-content ul { margin-left: 0; }
				#left-content ul li { list-style: none; background: url('../graphx/bullet.png') no-repeat 0 3px; padding: 2px 0 2px 22px }
					#left-content ul li ul { margin-left: -3px; }
						#left-content ul li ul li { background: url('../graphx/bullet2.png') no-repeat 0 3px; }
				
			#sitemap-list { margin: 16px 0 180px 0; padding: 0; text-transform: uppercase; }
				#sitemap-list li { margin-left: 16px; }
				#sitemap-list li.first { margin: 0 0 8px 0; }
				#sitemap-list li.divider { margin-bottom: 16px; }
				
			#teaser-image { margin-bottom: 16px; }
			
			.refmat-pdf { background: url('../graphx/pdf-icon-large.png') no-repeat left center; padding-left: 42px; margin-bottom: 16px; }
			.refmat-other { background: url('../graphx/doc-icon.png') no-repeat 3px center; padding-left: 42px; margin-bottom: 16px; }
			
			h2#subtitle { font-size: 18px; font-weight: normal; color: #3f3f3f; }
			
			div.career { clear: both; overflow: hidden; margin: 0 0 16px 20px; }
				div.career img { float: left; margin-right: 8px; }
				div.career span { display: block; font-size: 13px; font-weight: bold; color: #015290; }
				
			div.contact { clear: both; overflow: hidden; margin: 0 0 16px 20px; width: 475px; }
				div.contact img { float: left; margin-right: 8px; }
				div.contact span { display: block; font-size: 13px; font-weight: bold; color: #015290; }
				
			#contact-form { margin: 16px 0; }
			
				#contact-form fieldset { width: 100%; border: 1px solid #bbb; padding: 16px 0 10px 0; margin-bottom: 16px; }
				#contact-form legend { background: #fff; font-size: 14px; padding: 0 3px; margin-left: 16px; }
				#contact-form div { clear: both; overflow: hidden; margin-bottom: -4px; #margin-bottom: 8px; }
				#contact-form div label { float: left; text-align: right; width: 120px; margin-right: 12px; }
					#contact-form fieldset label { width: 180px; }
					#contact-form div label span, #privacyagree span { font-weight: bold; color: #ff0000; }
				#contact-form input[type=text] { width: 322px; border: 1px solid #737373; padding: 3px 2px; font-family: Verdana; font-size: 11px; color: #3F3F3F; }
				#contact-form input[type=checkbox], #contact-form input[type=radio] { margin: 0; padding: 0; } 
				#contact-form div select { width: 327px; margin: 0; }
				#contact-form div p { float: left; }
					#contact-form div p span { font-size: 10px; }
					#firstname { margin-right: 12px; width: 152px !important; }
					#lastname { width: 152px !important; }
					
				#contact-form ul#checklist-tall { margin: 0 0 0 170px; padding: 0; }
					#contact-form ul li { background: none; }
					
				#contact-form abbr { border-bottom: 1px double #ff0000; cursor: help; }
					
				.talarge { width: 322px; height: 60px; overflow: auto; border: 1px solid #737373; padding: 3px 2px; font-family: Verdana; font-size: 11px; color: #3F3F3F; }
				
				.sub-logic { margin: 4px 0 0 18px; padding: 0; height: 24px; }
					.sub-logic label { width: 120px !important; text-align: left !important; }
					.sub-logic input { width: 80px !important; margin: 0; padding: 0; }
				
				#contact-form .security { float: left; clear: none; }
					#contact-form .security li { padding-left: 0; }
					
				#contact-radios label { margin-left: 132px; width: 200px !important; text-align: left !important; }
				#contact-radios input { width: auto !important; }
				#contact-radios p { clear: both; margin-left: 132px; width: 200px; }
					#phone-radio {  }
					#email-radio { margin-left: 20px; }
					
				#howdidyouhear label { margin-left: 132px; width: 200px !important; text-align: left !important; }
				#howdidyouhear p { margin-left: 132px; clear: both; }
					#other-heard { #margin-left: 65px !important; }
					
				#candr label { margin-left: 132px; width: 200px !important; text-align: left !important; }
				#candr p { margin-left: 132px; #margin-left: 65px; clear: both; }
				#candr textarea { border: 1px solid #737373; padding: 3px 2px; font-family: Verdana; font-size: 11px; color: #3F3F3F; width: 322px; height: 80px; }
				
				#privacyagree { margin-left: 132px; }
				
				#submit-form { margin: 16px 0; text-align: center; }
					#submit-form input { width: auto !important; }
				
		#sidebar { width: 275px; float: right; margin-right: 25px; }
		
			#sidebar .container { width: 273px; border: 1px solid #a3a3a3; margin-bottom: 26px; }
				
				.sidebar-title { background: url('../graphx/sidebar-titlebar.png') no-repeat; width: 273px; height: 36px; }
					.sidebar-title p { font-size: 25px; color: #6b6b6b; margin-left: 15px; }
				
				.sidebar-content { background: #fff url('../graphx/sidebar-content-bg.png') no-repeat top left; padding: 0 30px 0 15px; margin: 0; }
					.sidebar-content ul { margin: 0; padding: 4px 0; font-size: 11px; }
					.sidebar-content li { list-style: none; margin: 0; padding: 0 0 3px 0; }
					/*.sidebar-content #reference li { background: url('../graphx/pdf-icon.png') no-repeat left top; padding-left: 26px; }*/
					.sidebar-content #reference #material-pdf { background: url('../graphx/pdf-icon.png') no-repeat left top; padding-left: 26px; }
					.sidebar-content #reference #material-other { background: url('../graphx/doc-icon-small.png') no-repeat 3px top; padding-left: 26px; }
				
				.sidebar-footer { background: #fff; border-top: 1px solid #a3a3a3; height: 21px; position: relative; }
					.sidebar-footer a { position: absolute; top: 2px; right: 0; margin-right: -11px; display: block; height: 17px; text-indent: -9000px; }
					.sidebar-footer a:hover { background-position: 0 -17px; }
					
					.reference-sidebar a { width: 148px; background: url('../graphx/more-reference.png') no-repeat; }
					.press-sidebar a { width: 137px; background: url('../graphx/more-press.png') no-repeat; }
					
				.alt-callout { clear: both; margin: 0 0 16px 0; padding: 0; font-size: 11px; }
					.alt-callout-title { font-size: 25px; color: #6b6b6b; background: url('../graphx/contact-us-border.png') no-repeat left center; padding: 0 0 0 15px; margin: 0; }
					.alt-callout-link { float: right; margin: -16px -8px 0 0; padding: 0; height: 17px; text-indent: -9000px; }
					.alt-callout-link:hover { background-position: 0 -17px; }
						.library-callout-link { width: 58px; background: url('../graphx/more-library.png') no-repeat; }
						.contact-callout-link { width: 77px; background: url('../graphx/more-contact.png') no-repeat; }
						.company-callout-link { width: 72px; background: url('../graphx/more-company.png') no-repeat; }
						.careers-callout-link { width: 62px; background: url('../graphx/more-careers.png') no-repeat; }
			
		#footer { clear: both; border-top: 1px solid #a3a3a3; font-size: 10px; color: #b0b0b0; padding: 5px 25px 0 25px; margin-bottom: 16px; }
		
			#footer p { float: left; }
			#footer p strong { color: #7b7b7b; }
			#footer ul { margin: 0; padding: 0; float: right; list-style: none; }
				#footer ul li { float: left; padding: 0 5px; line-height: 1.3; border-right: 1px solid gray; }
				#footer ul li a { margin: 0 !important; padding: 0 !important; }
					#footer ul li.first { padding-left: 0; }
					#footer ul li.last { border: 0; padding-right: 0; }
					
		#redbarhp { width: 10px; height: 70px; background: #c00512; position: absolute; top: 103px; left: -10px; }
		#redbarinner { width: 10px; height: 50px; background: #c00512; position: absolute; top: 103px; left: -10px; }