/*-------------------------------------------------------------------------
	G L O B A L   C S S
---------------------------------------------------------------------------	*/

body {
	background-color:#FFF;
	color: #000;
	font-family: Helvetica, Arial;
	font-size: 12px;
	line-height: 18px;
	-webkit-text-size-adjust: none;
}

a 			{	text-decoration: none; cursor:pointer; }
a:link 		{ color: #000; text-decoration:underline; }
a:visited	{ color: #000; text-decoration:underline; }
a:hover 	{ color: #000; text-decoration:none; }

	
hr 		{ color:#000; background-color:#000; height:1px; border:none; }
a img 	{ border:none; }
p 		{ margin-bottom:24px; float:left; display:block;}
.section { border:1px solid #fff; }
strong 	{ font-weight:bold !important; }

img { padding-top:4px; }
	
/*-------------------------------------------------------------------------
	G E N E R I C   C L A S S E S
---------------------------------------------------------------------------	*/

.left 		{ float:left; position:relative; }
.right 		{ float:right; position:relative; }
.end 		{ margin:0px!important; }
.clearfloat	{ clear:both; height:0; font-size: 1px; line-height: 0px; }


/*-------------------------------------------------------------------------
	L A Y O U T  C S S
---------------------------------------------------------------------------	*/

h1 		{ background: transparent url('../images/avx.logo.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden; width:116px; height:44px; float:left; }
h1 a 	{ display:block; height:44px; }
h2 		{ font-size:18px; font-weight:bold; border-bottom:1px solid #000; margin-bottom:40px; width:738px; }
h3 		{ color:#999; border-bottom:1px solid #999; margin-bottom:36px; }

#home h2 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 40px 0;
	
}

#wrapper {
	width:990px;
	margin:0 auto;
	padding:80px 20px 20px 20px;
	overflow:hidden;
}

#mastHead { margin-bottom:40px; width:990px; float:left; }

#mainNav { width:738px; height:36px; float:right; }
#mainNav li { float:left; padding-right:1px; height:36px; width:122px; overflow:hidden; }
#mainNav li a { display:block; height:36px; text-indent:-9999px;}

#mainNav .home a { background: transparent url('../images/nav.home.png') no-repeat 0 0; } /*nav.home.png*/
#mainNav .home a:hover { background: transparent url('../images/nav.home-over.png') no-repeat 0 0; } /*nav.home-over.png*/
#mainNav .company a { background: transparent url('../images/nav.company.png') no-repeat 0 0; } /*nav.company.png*/
#mainNav .company a:hover { background: transparent url('../images/nav.company-over.png') no-repeat 0 0; } /*nav.company-over.png*/
#mainNav .technology a { background: transparent url('../images/nav.technology.png') no-repeat 0 0; } /*nav.technology.png*/
#mainNav .technology a:hover { background: transparent url('../images/nav.technology-over.png') no-repeat 0 0; } /*nav.technology-over.png*/
#mainNav .careers a { background: transparent url('../images/nav.careers.png') no-repeat 0 0; } /*nav.careers.png*/
#mainNav .careers a:hover { background: transparent url('../images/nav.careers-over.png') no-repeat 0 0; } /*nav.careers-over.png*/
#mainNav .contact a { background: transparent url('../images/nav.contact.png') no-repeat 0 0; } /*nav.contact.png*/
#mainNav .contact a:hover { background: transparent url('../images/nav.contact-over.png') no-repeat 0 0; } /*nav.contact-over.png*/
#mainNav .media a { background: transparent url('../images/nav.media.png') no-repeat 0 0; } /*nav.media.png*/
#mainNav .media a:hover { background: transparent url('../images/nav.media-over.png') no-repeat 0 0; } /*nav.media-over.png*/

#content { width:990px; float:left; min-height:400px; }

.section img { margin-bottom:20px; }

.mainLeft { width:232px; float:left; color:#999;}

.subNav	{ color:#777; font-size:14px; }
.subNav a { text-decoration:none !important; color:#777; display:block;}
.subNav a:visited {color:#777;}
.subNav a:hover { text-decoration:none; color:#000; }
.subNav li.mainSubNav a { border-bottom:1px solid #777; margin-bottom:18px;}
.subNav li.mainSubNav a:hover { border-bottom:1px solid #000; }
.subNav .break { padding-top:18px !important; }
.onState a { color:#000; border-bottom:1px solid #000!important; }

.subNav .sub { padding-bottom:18px;}
.subNav .sub li { padding:0 0 0 10px; border:none; margin-bottom:3px !important; font-size:12px; height:20px;}
.subNav .sub li:hover { border:none; }
.subNav .sub a:hover { color:#000; }
.subNav .sub li:first-child { padding-top:20px; }

.subNav .subSub li 			{ padding-left:25px; border:none; margin-bottom:3px !important; font-size:12px; height:20px;}
.subNav .subSub li:hover 	{ border:none; }
.subNav .subSub a:hover 	{ color:#000; }

.mainRight { width:738px; float:right; position:relative;}
.mainRight .section { padding-top:54px; float:left; position:relative;}
.mainRight section:first-child { padding-top:0; }

.oneCol 	{ width:232px; float:left; margin-right:20px; }
.twoCol 	{ width:484px; float:left; margin-right:20px; }
.threeCol	{ width:738px; float:left; margin-right:20px; }

#management .oneCol, #engineeringTeam .oneCol, #boardOfDirectors .oneCol { margin-bottom:36px; }

.name		{ font-weight:bold; }
.date		{ color:#999; float:right; padding-right:40px; }
.corpTitle	{ color:#999; }
.bio		{ padding-top:18px; }

#performance ul { padding-top:18px; }
#performance li { list-style:disc inside; }
#hoverPerformance ul { padding-left:12px; }
#hoverPerformance li { list-style:disc outside; margin-bottom:18px; }

#contact li { border-bottom:1px dotted #999; float:left; width:484px; margin-bottom:14px; padding-bottom:4px; }
#contact .dept { min-width:232px; width:232px; float:left; color:#999; }
#contact .email { float:left; }

.topLink 		{ position:absolute; top:54px; right:0px; text-align:right; width:80px; text-decoration:none!important; }
.topLink:hover 	{ color:#999; }

#media li 		{ border-bottom:1px dotted #999; float:left; width:484px; margin-bottom:18px; padding-bottom:4px; font-weight:bold; }
.mediaSub		{ float:left; margin-bottom:8px; }
.mediaSub li		{ border-bottom:1px dotted #CCC!important; font-weight:normal!important; color:#666!important; }
.mediaOpen		{ border-bottom:none!important; }
.mediaSub a		{ color:#666; }

.numbered li	{ list-style: decimal inside; }

.imgGallery li			{ width:232px; overflow:hidden; float:left; margin:0 20px 20px 0; }
.imgGallery li a		{ font-size:11px; color:#666; text-decoration:none; }
.imgGallery li a:hover	{ color:#000; }
.imgGallery li img		{ margin:0; }

.slideShow 			{ margin-bottom:36px; float:left; }
.slideShow img 		{ margin-bottom:18px; }
.slideShow .btnPrev	{ float:left; }
.slideShow .btnNext { float:right; }
.slideShow .btnPrev a, .slideShow .btnNext a { text-decoration:none; }
.slideShow .btnPrev a:hover, .slideShow .btnNext a:hover { color:#999; }

/* slideshow */
.gal {position:relative;height:360px;width:738px;overflow:hidden;padding-bottom:70px;}
.gal a.back, .gal a.next {position:absolute;bottom:30px;text-decoration:none;}
.gal a.back:hover, .gal a.next:hover {color:#999;}
.gal .back {left:0px;}
.gal .next {right:0px;}
.viewer {position:absolute;left:0px;}
.viewer img {float:left;}
.capt {display:none !important;}

#gallery_tx { height:555px!important; }

.video { padding-bottom:36px; }

.btnDownloadBio 		{ background: transparent url('../images/btn.download.bio.png') no-repeat 0 0; width:140px; height:17px; text-indent:-9999px; overflow:hidden; border:none; float:left; } /*btn.download.bio.png*/
.btnDownloadBio:hover	{ background: transparent url('../images/btn.download.bio-over.png') no-repeat 0 0; } /*btn.download.bio-over.png*/
.btnDownloadBio a		{ display:block; height:17px; }

.btnDownloadDoc			{ background: transparent url('../images/btn.download.doc.png') no-repeat 0 0; width:89px; height:17px; text-indent:-9999px; overflow:hidden; border:none; float:right; clear:none;} /*btn.download.doc.png*/
.btnDownloadDoc:hover	{ background: transparent url('../images/btn.download.doc-over.png') no-repeat 0 0; } /*btn.download.doc-over.png*/
.btnDownloadDoc a		{ display:block; height:17px; }

.btnRead			{ background: transparent url('../images/btn.read.png') no-repeat 0 0; width:89px; height:17px; text-indent:-9999px; overflow:hidden; border:none; float:right; clear:none;} /*btn.read.png*/
.btnRead:hover		{ background: transparent url('../images/btn.read-over.png') no-repeat 0 0; } /*btn.read-over.png*/
.btnRead a			{ display:block; height:17px; }

.mediaName {float:left;clear:none;}

#mastFooter { width:990px; height:46px; float:left; padding:40px 0 20px 0; }

.copywrite { font-size:11px; line-height:11px; border-bottom:1px solid #000; width:738px; float:left; padding-top:34px; }

.emailSign { float:right; width:232px; }
#kllikh-kllikh { background: transparent url('../images/email.form.png') no-repeat 0 0; border:none; width:202px; height:28px; padding-left:10px; float:left; margin-right:-9px; } /*email.form.png*/
#emailSubmit { background: transparent url('../images/btn.email.submit.png') no-repeat 0 0; width:28px; height:28px; text-indent:-5000em; font-size:0; line-height:0; display:block; overflow:hidden; border:none; float:left; } /*btn.email.submit.png*/
#emailSubmit:hover { background: transparent url('../images/btn.email.submit-over.png') no-repeat 0 0; } /*btn.email.submit-over.png*/
#emailSubmit a { display:block; height:28px; }

#legalFooter { width:738px; }
#legalFooter p { font-size:11px; line-height:14px; color:#999; }

/*JS gallery*/
.main-gallery {float:left;height:743px;width:990px;position:relative;overflow:hidden;}
.main-gallery .pane img { float:left; width:990px; z-index:1; position:absolute; top:0; left:0; }
.main-gallery .pane {float:left;width:990px;height:743px; z-index:1;position:relative; overflow:hidden;}
.main-gallery .pane .pane-header { float:left;width:990px;height: 120px; z-index:100; position:absolute; top: 0; left: 0; background: url('../media/bg_60.png') repeat; }
.main-gallery .pane .pane-header h2 { float:left; width: 445px; padding: 20px 0 0 20px; line-height: 1.2em; border: none; margin-bottom: 24px; }
.main-gallery .pane .pane-header .learn-more { float:left; clear:both; padding-left: 20px; }

.main-gallery .ql_gallery_viewer {position:absolute;top:0;left:0;height:auto;}
.main-gallery .back { position: absolute; top: 50%; left: 0; text-indent: -200em; background: url('../media/prev.png') no-repeat; width: 32px; height: 45px; z-index: 100; }
.main-gallery .next { position: absolute; top: 50%; right: 0; text-indent: -200em; background: url('../media/next.png') no-repeat; width: 32px; height: 45px; z-index: 100; }

