﻿@import "tabs.css";

.quoteArea {
    height: 300px; /* was 292 */
}

	.quoteArea h2 {
		font-family: arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 15px;
		color: #000000;
		text-transform: uppercase;
		width: 265px;
		margin: 0 0 10px 0; /* was 10px 0 10px 0 */
	}

	.quoteArea .quote {
		font-size: 22px;
		line-height: 24px;
		color: #808080; /* #525050 */
		width: 265px;
	}

	.quoteArea .quoteAuthor {
		font-size: 14px;
		margin: 26px 0 110px 0;
	}
	
		.quoteArea .quoteAuthor a {
			text-transform: uppercase;
			color: #a70000;
			text-decoration: none;
		}

.video {
	width: 500px;
	height: 290px;
	float: right;
}

/* ----------------------------- */
/* TABBED SECTIONS				 */
/* ----------------------------- */

/* auto-hide all tabs except Overview */
#section_capabilities,
#section_facilities,
#section_cost_savings,
#section_contacts,
#section_qa,
#section_plating_capabilities,
#section_metal_spray {
	display: none;
}

.tabSection {
	padding: 15px 0 15px 0;
}

	.tabSection a {
		text-decoration: underline;
	}
	
	.tabSection a:hover {
		text-decoration: none;
	}

	/* overrides for tab sections */
	#section_overview {
		padding-right: 15px;
	}
	
		#section_facilities .facilities {
			float: left;
			width: 648px;
		}
		
			#section_facilities .facilities h4 {
				color: #333333;
				text-transform: none;
				padding: 10px 0 5px 0;
			}
			
			#section_facilities .facilities p {
				float: left;
				width: 600px;
				display: block;
			}
			
		#section_facilities .mapIt {
			height: 117px;
			width: 125px;
			float: left;
			background: url(../images/facilitiesTab_MapIt.jpg) no-repeat 0 0;
			text-indent: -9999px;
		}
			
			#section_facilities .mapIt a {
				display: block;
				width: 125px;
				height: 117px;
			}
			
	#section_facilities .table {
        margin: 0;
    }
    
		#section_facilities .table .details p {
			color: #242425;
			float: left;
			margin: 0 0 0 9px;
			width: 515px;
			font-size: 11px;
			line-height: 14px;
		}
		
		#section_facilities .table .details .links {
			display: none;
		}

	.tabSection p {
		/*padding: 15px;*/
		color: #333333; /* #494B4D */
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 15px 0;
	}
	
		.tabSection p a {
			color: #002c6c;
		}
	
	.tabSection b {
		color: #333333;
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
	}

	.tabSection h2 {
		color: #000000;
		font-size: 18px;
		margin: 0 0 5px 0;
		font-weight: normal;
		text-transform: none;
		width: auto;
	}
	
	.tabSection h3 {
		color: #000000;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		margin: 0 0 10px 0;
	}
	
	/*
	.tabSection h4 {
		color: #002c6c;
		font-size: 18px;
		text-transform: uppercase;
		margin: 0 0 5px 0;
		font-weight: normal;
		background-color: Red;
	}
	*/

	.tabSection li {
		color: #333333; /* #3D3E3F */
		font-size: 12px;
		margin: 0 0 5px 0;
		padding: 0 0 0 15px;
		background: url(../images/arrow_li.gif) no-repeat 5px 4px;
	}
	
	.tabSection ul.indent {
		margin: 0 0 5px 20px;
	}
	
		.tabSection ul.indent li {
			list-style-type: disc;
			background: none;
			list-style-position: outside;
			padding: 0;
			margin: 0 0 5px 30px;
		}

	.tabSection ul.indent2 {
		margin: 0 0 5px 40px;
	}
	
		.tabSection ul.indent2 li {
			list-style-type: disc;
			background: none;
			color: #333333;
			font-size:12px;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		/* remove this: */
			#section_capabilities .leftCol li.sub ul {
				margin: 0 0 0 15px;
			}
			
	#section_facilities h4 {
		color: #002c6c;
		font-size: 18px;
		margin: 0 0 2px 0;
	}

	/*
	#section_facilities p {
		color: #494b4d;
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 15px 0;
	}
	
	#section_contacts {
		padding: 20px 0 20px 20px;
	}
	*/
    
    #section_contacts .col {
        float: left;
        margin: 10px;
    }
    
		#section_contacts .col .headshot {
			width: 80px;
			height: 80px;
		}
		
		#section_contacts .col p {
			margin: 0 0 10px 0;
			color: #222222;
			font-size: 11px;
			min-width: 120px;
		}
    
			#section_contacts .col p a {
				color: #213857;
			}

/* styling for columns in tabs */

.twoColumns {
	
}

	.twoColumns .col1 {
		float: left;
		
		width: 350px;			/* IE6 */
		
		margin: 0 0 20px 0;
	}
	
	.twoColumns .col2 {
		float: left;
		
		width: 350px;			/* IE6 */
		
		margin: 0 0 20px 20px;
	}

.threeColumns {
	
}

	.threeColumns .col1 {
		float: left;
		
		
		width: 230px;			/* IE6 */
		margin: 0 0 20px 0;
	}
	
	.threeColumns .col2 {
		float: left;
		
		width: 230px;			/* IE6 */
		margin: 0 0 20px 20px;
	}
	
	.threeColumns .col3 {
		float: left;
		
		width: 230px;			/* IE6 */
		margin: 0 0 20px 20px;
	}

.tabSection .aircraftList {
	border-bottom: solid 1px #a0a0a0;
	padding: 5px 0 10px 0;
	margin: 0 0 10px 0;
}
	
	.tabSection .aircraftList ul {
		margin: 0 0 0 10px;
	}
	
		.tabSection .aircraftList ul li {
			float: left;
			color: #000000;
			font-size: 11px;
			font-weight: bold;
			background: url(../images/planeOnWhite.jpg) no-repeat 0 0;
			padding: 0 13px 0 20px;
			height: 14px;
			line-height: 14px;
		}
		
/*This is for Contact section of each page */
.tabSection .contactWrap 
{
	float: left;
	width: 440px;
}

.tabSection .emWrap
{
	float: right;
	width: 290px;
}
