/*------------------------------------------------------------------ 
 [Table of contents] 
 A. Text Styles
 B. Miscellaneous Styles 
 1. Body 
     2. Header
        2.1. Primary Navigation
		2.2. Sub Navigation
     3. Section Banner
	 4. Content
         4.1. Content Column Grid Structure
             4.1.1. Subnav
             4.1.2. Table Structure
     5. Footer 
 -------------------------------------------------------------------*/  

 /*------------------------------------------------------------------ 
 [Color codes] 
 
 Background: #434245 (dark grey)
 Content: #fff (white)
 Header (background):  #e9e4de (warm grey)
 Footer (background):  #e9e4de (warm grey)
 -------------------------------------------------------------------*/  
 
 /*------------------------------------------------------------------ 
 [Typography] 

 All web text is Arial, Helvetica, sans-serif;
 Body copy:		12px normal #000 (black); 
 Header 1:		Uses image with Eurostyle font, top line rule and fade; 
 Header 2:		18px bold #e39d14 (orange); 
 Header 3:		14px bold #083359 (dark blue) uppercase; 
 Header 4:		14px bold #e39d14 (orange); 
 
 Primary Navigation Link: 12px bold #083359 (dark blue) uppercase no-underline;
 
 Subnav Link: 14px bold #c5c5c5 (light grey) no-underline;
 	Hover and Active: #083359 (dark blue);
 
 Standard Link: #e39d14 (orange) underline;
 	Hover: #e9e4de (orange) no-underline; 
 
 Contact Link: #555555 (dark grey) underline;
 	Hover: #555555 (dark grey) no-underline;	
 
 Footer Link: #a7a39f (light grey) underline;
 	Hover and Active: #e9e4de (lighter grey) no-underline; 
 -------------------------------------------------------------------*/ 

/* -----------------------------------------------*/
/* ---------->>> A. Text Styles <<<---------------*/
/* -----------------------------------------------*/	

h1 {margin-bottom:10px; background:url(../images/global/h1_bg.jpg) repeat-x; height:45px; padding-left:10px;}
h2 {font-size:18px;}
h3, td.left {font-size:14px}
h3, td.left {font-weight:bold; text-transform:uppercase; color:#083359;}
h3.lowercase, h3.lowercaseNormal {text-transform:none;}
h3.lowercaseNormal {font-weight:normal; font-size:16px;}
	h1 span, h3 span{display:none;}
	h3{margin:0; padding:0 10px;}
h4, h4 a {font-size:14px;}
h2, h4, h4 a {font-weight:bold; color:#e39d14;}
h2, h4 {margin:0 10px 5px 10px;}

a, a.contact {text-decoration:underline;}
a:hover, a.contact:hover{text-decoration:none;}
a{color:#e39d14;}
a.contact {color:#555555;}

p, ul {margin:0 10px 10px 10px; color:#000;}
p.last, h4.last{margin:0 10px 30px 10px;}

em {font-style:italic;}
strong {font-weight:bold;}
.blueStrong{font-weight:bold; color:#083359;}

/* --------------------------------------------------------*/
/* ---------->>> B. Miscellaneous Styles <<<---------------*/
/* --------------------------------------------------------*/

.clear {display:block; clear:both; font-size:0; height:0;}
.hidden{display:none;}

/* Preloads the menu images to get rid of the visual popping */
.preload{
	display:none;
	position:absolute; 
	left:-2000px;
	}

/* ----------------------------------- */
/* ---------->>> 1. Body <<<---------- */
/* ----------------------------------- */

body {
	background-color:#434245;
	behavior:url("css/csshover.htc");
	}

	/* ------------------------------------- */
	/* ---------->>> 2. Header <<<---------- */
	/* ------------------------------------- */
	.logo{float:left; position:absolute; z-index:9;}
	.containerHeader{background:#e9e4de url(../images/global/container_shadow.jpg) bottom repeat-x; border-bottom:#fff solid 1px;}
	.header {margin:0px auto; width:960px; height:130px; background:url(../images/global/precision_machining.jpg) top right no-repeat; position:relative; z-index:8;}
	.header img.headerLogo {margin:10px 0 0 10px; float:left;}

		/* -------------------------------------------------- */
		/* ---------->>> 2.1 Primary Navigation <<<---------- */
		/* -------------------------------------------------- */
		
		ul.primaryNav {float:right; margin:70px 0 0 0; display:inline; position:absolute; z-index:9; right:0;}
		
			ul.primaryNav li {
				margin:0;
				padding:0;
				list-style:none;
				float:left; 
				width:140px; 
				text-align:center;
				}
					
				ul.primaryNav li a.active, ul.primaryNav li:hover{
					background:transparent url(../images/nav/primaryNav_btn.jpg) no-repeat scroll 0 -60px;
				}
				
				ul.primaryNav li{
					background:transparent url(../images/nav/primaryNav_btn.jpg) no-repeat scroll 0 0;
				}
	
				ul.primaryNav li a {
					display:block;
					height:30px;
					padding:30px 0 0 0;
					color:#083359;
					vertical-align:middle;
					line-height:1.5; 
					letter-spacing:.1em; 
					text-decoration:none; 
					font-weight:bold; 
					text-transform:uppercase;
				}
		
		/* ---------------------------------------------- */
		/* ---------->>> 2.2 Sub Navigation <<<---------- */
		/* ---------------------------------------------- */		
		li ul.primarySubNav{
			margin:0; 
			padding:0; 
			display:none; 
			background-color:#fff; 
			border-right:#c5c5c5 1px solid; 
			border-left:#c5c5c5 1px solid; 
			border-bottom:#c5c5c5 1px solid;
			overflow:hidden;
		}
		
		li:hover ul.primarySubNav{display:block; margin:0 10px; padding:0 10px; height:100%;} 
		
		ul.primarySubNav li{width:98px; margin:0; padding:0; }
		
		ul.primaryNav li ul.primarySubNav li a{
			margin:0; 
			padding:10px 0; 
			height:auto; 
			background:#fff url(../images/nav/primaryNavSub_btn.jpg) repeat-x scroll 0 0; 
			color:#c5c5c5; 
			font-weight:bold; 
			text-decoration:none; 
			display:block;
			text-transform:none; }
		ul.primaryNav li ul.primarySubNav li a:hover, ul.primaryNav li ul.primarySubNav li a.active{ background:transparent url(../images/nav/primaryNavSub_btn.jpg) repeat-x scroll 0 -100px; color:#083359}

	/* --------------------------------------------- */
	/* ---------->>> 3. Section Banner <<<---------- */
	/* --------------------------------------------- */
	
	.bannerHome, .bannerInterior{width:960px; margin:0 auto; position:relative; z-index:2;}
	.bannerHome {height:250px;}
	.bannerInterior {height:89px;}
		.bannerInterior span {display:none;}
				
	/* -------------------------------------- */
	/* ---------->>> 4. Content <<<---------- */
	/* -------------------------------------- */
	
	.containerContent{background-color:#e9e4de; border-bottom:#fff solid 1px; position:relative; z-index:1;}
	.content {margin:0 auto; padding:0 10px; width:960px; background:#fff url(../images/global/content_bg.jpg) repeat-y; overflow: hidden;}
		.content .sectionHeadImg {margin:0 0 20px 10px;}
		.content .colRight {float:right;}
		.content li{list-style:outside disc; margin-left:20px; vertical-align:middle;}
		.content li.italicLarger{font-size:16px; font-style:italic; color:#083359;}
	
		/* --------------------------------------------------------------*/
		/* ---------->>> 4.1. Content column grid structure <<<----------*/
		/* --------------------------------------------------------------*/
		/* -- 1 column = 60px --*/
		/* -- Main Structure --*/
		/* -- ((# left cols * 60[col width]) - 20[padding]) + ((# right cols * 60[col width]) - 20[padding]) = 920 --*/
		/* -- 920 + 40(padding) = 960 --*/
		
		.outer4ColLeft {width:220px;}
		.inner4ColLeft {width:230px;}
		.outer6ColRight, .outer6ColLeft {width:340px;}
		.outer10ColLeft, .outer10ColRight {width:580px;}
		.outer12ColRight {width:700px;}
		.outer8ColLeft,  .outer8ColRight {width:460px;}
		.inner8ColRight {width:470px;}
		.outer4ColLeft, .inner4ColLeft, .outer6ColLeft, .outer8ColLeft, .outer10ColLeft {float:left;}
		.outer6ColRight, .outer8ColRight, .inner8ColRight, .outer10ColRight, .outer12ColRight {float:right;}
		.inner4ColLeft, .inner8ColRight{padding:0;}
		.outer4ColLeft, .outer6ColLeft, .outer6ColRight, .outer8ColLeft, .outer8ColRight, .outer10ColLeft, .outer10ColRight, .outer12ColRight{padding:20px 10px;}
		
		.lineTop {margin-bottom:10px; border-top:2px solid #e9e4de; padding-top:15px; height:1%; /* hasLayout trigger */}
		.noLine {margin-bottom:10px;}
			
			.lineTop h3{width:270px;}
			.lineTop p, .lineTop h4{width:390px;}
			
			.noLine h3{width:330px;}
			.noLine p, .noLine h4{width:330px;}
	
			.lineTop h3, .noLine h3{margin:0; padding:0 10px; float:left;}
			.lineTop h3.noFloat{float:none;}
			.lineTop p, .lineTop h4, .noLine p, .noLine h4{margin:0; padding:0 10px;}
			
			.lineTop p, .lineTop h3, .lineTop h4, .noLine p, .noLine h3, .noLine h4{margin-bottom:10px;}
	
			/* -----------------------------------------*/
			/* ---------->>> 4.1.1. Subnav <<<----------*/
			/* -----------------------------------------*/
			
			.subnav {margin:0 0 20px 0;}
				.subnav li {margin:0; font-size:14px; list-style:none;}
					.subnav li a{ 
						background:#fff url(../images/nav/subNav_btn.jpg) repeat-x scroll 0 0; 
						color:#c5c5c5; 
						font-weight:bold; 
						text-decoration:none; 
						display:block;
						text-transform:none; 
						}
					.subnav li a{padding:15px 0 0 10px; height:30px; }	
						.subnav li a:hover, .subnav li a.active{background:#fff url(../images/nav/subNav_btn.jpg) repeat-x scroll 0 -45px; color:#083359;}
	
			/* --------------------------------------------------*/
			/* ---------->>> 4.1.2. Table Structure <<<----------*/
			/* --------------------------------------------------*/
			table{margin-bottom:20px; width:460px; float:right;}
			td {padding: 10px; line-height:1.2;}
			td.left{width:30%;}
			td.middle, td.middleTop {width:30%;}
			td.right, td.rightTop {width:40%;}
			
			td.left, td.middleTop, td.rightTop{border-top:2px solid #e9e4de;}
			td.middle, td.middleTop{font-weight:bold; color:#0d3c66;}
			td.middle, td.right{border-top:1px solid #e9e4de;}

	/* --------------------------------------*/
	/* ---------->>> 5. Footer <<<-----------*/
	/* --------------------------------------*/
	.footer {margin:0px auto; width:920px; padding:20px; color:#e9e4de;}
	.footer p, .footer p strong {color:#e9e4de; margin:0 0 10px 0; font-size:14px;}
	.footer a {color:#a7a39f;}
	.footer a.active{text-decoration:none;}
	.footer a:hover, .footer a.active:hover{color:#e9e4de; text-decoration:none;}