@charset "utf-8";
/* TKG.com default/portfolio template Layout Document */

/* imports to typography and reset */
@import '/includes/index-copy.css';

/* ------------------ Body and Wrappers ------------------ */
/* ------------------ Generic classes not present in the RTE ------------------ */
body{
	margin:25px 0 0 0;
	background:#000 url(/IMAGES/09/index-body-bg.jpg) no-repeat fixed center top;
	}

	#bodyWrapper{
		width:876px;
		margin:0 auto;
		}
		
		#contentWrapper{
			position:relative; z-index:1;
			float:left;
			width:100%;
			}
			
.access{position:absolute; left:-9000px;}

/* ------------------ Header ------------------ */
#header{
	position:relative; z-index:2;
	float:left;
	width:876px; height:125px;
	margin:0 0 5px;
	background:url(/IMAGES/09/header-bg.png) no-repeat left top;
	}
	
	#logo{
		position:absolute;
		left:18px; top:18px;
		}
		
		#logo img{border:none;}
		
		#globe{
			margin:11px 0 0 4px;
			_margin-left:2px;
		}
		
		#countries{
			left:409px;
			position:absolute;
			top:23px;
			color:#FFFFFF;
			text-align:right;
			
		}
		#countries li{
			margin-bottom:2px;
			padding:0;
			font-size:1.2em;
		}
/* ------------------ Main Nav ------------------ */
#mainNav{
	float:left;
	position:relative; z-index:500;
	margin-top:103px;
	}
	
	#mainNav li{
		float:left;
		height:22px;
		margin:0;
		font-size:.9em;
		text-align:center;
		}
	
	#mainNav li:hover{position:relative; z-index:200;}
		
		#mainNav li a{
			display:block;
			width:83px;
			padding:7px 0;
			background:url(/IMAGES/09/bg-navOff.gif) top left no-repeat;
			font-weight:900;
			text-decoration:none;
			color:#ffff00;
			}
		
		#mainNav li.small a{
			width:59px;
			background:url(/IMAGES/09/bg-navOff2.gif) top left no-repeat;
			}
			
		#mainNav li a:hover{
			visibility:visible;
			position:relative; z-index:200;
			background:url(/IMAGES/09/bg-navOn.gif) top left no-repeat;
			}
			
		#mainNav li.small a:hover, #mainNav li.small:hover a.topLink{background:url(/IMAGES/09/bg-navOn2.gif) top left no-repeat;}

/* ------------------ Main Nav Second Level ------------------ */
#mainNav table{
	position:absolute;
	left:0; top:0;
	width:0; height:0;
	border-collapse:collapse;
	}
			
#mainNav ul{
	position:absolute; 
	left:-9999px; top:-9999px;
	width:auto; height:0;
	margin:0; padding:0;
	border:1px solid #000;
	border-bottom:none;
	list-style:none;
	}

#mainNav :hover ul{
	z-index:300;
	left:0; top:22px; 
	height:auto; 
	white-space:nowrap;
	}
	
	#mainNav :hover ul li{
		position:relative;
		float:none;
		display:block;
		width:auto; height:20px;
		border-bottom:1px solid #000;
		font-weight:normal;
		text-align:left;
		}
		
		#mainNav :hover ul li a{
			display:block;
			width:auto; height:20px;
			min-width:60px;
			padding:0 10px;
			background:#454545;
			opacity:.9;
			font-size:11px; 
			line-height:20px;
			text-decoration:none;
			color:#fff; 
			}
		#mainNav :hover ul li a:hover{background:#222; color:#FFFF00;}

/* ------------------ Product Info Wrapper ------------------ */
#product-info-wrapper{
	position:relative;
	float:left;
	margin:0 0 3px;
	background:#fff url(/IMAGES/09/product-info-wrapper-bg.png) repeat-y left top;
	}
	
	#product-info-wrapper-btm{
		float:left;
		width:876px;
		background:url(/IMAGES/09/product-info-wrapper-btm-bg.png) no-repeat left bottom;
		}
		
/* ------------------ Info Column ------------------ */		
#info{
	float:left;
	width:291px;
	padding:0 0 45px;
	}
	
	#slogan{background:url(/IMAGES/09/slogan-bg.jpg) no-repeat left -5px;}
		
		#slogan p{
			width:291px; height:133px;
			margin:0;
			background:url(/IMAGES/09/slogan.png) no-repeat left -5px;
			text-indent:-9999px;
			}
	
	#info-content{
		padding:20px 10px;
		text-align:center;
		font-size:1.2em;
		line-height:1.2em;
		}
		
	#info-content-btm{
		position:absolute;
		left:0; bottom:10px;
		}
		
/* ------------------ Products Column ------------------ */		
#products{
	float:right;
	width:433px;
	}
	
	#products ul{
		float:left;
		margin:0;
		border-bottom:3px solid #000;
		}
	
		#products li{
			float:left;	
			width:141px;
			margin:0; padding:0 3px 0 1px;
			text-align:center;
			}
		#products li.last{padding:0 1px 0 1px;}
		
			#products img{margin:5px 0 0 0;}
			
			#products h3{
				margin:0;
				background:#dfdfdf url(/IMAGES/09/product-h3-bg.png) repeat-x left top;
				font-size:1.4em;
				line-height:1.2em;
				}
				
				#products h3 a{text-decoration:none; color:#000;}
				#products h3 a:hover, #products h3 a:focus{text-decoration:underline; color:#0000FF;}
			
			#products p{padding:0 2px; font-size:.9em;}
				/*#products p a{display:block;}*/
			
/* ------------------ News/Info + Application Description ------------------ */		
#news-application-wrapper{
	float:left;
	background:url(/IMAGES/09/bg-repeater.png) bottom right no-repeat;
/*
	background:#000 url(/IMAGES/09/news-application-wrapper-left-bg.png) repeat-y left top;
*/
	}
	
	#news-application-inner{
		float:left;
		background:url(/IMAGES/09/news-application-headers-bg.png) no-repeat left top;
		}
		
		#news-application-btm{
			float:left;
			width:876px;
			padding:0 0 7px 0;
			background:url(/IMAGES/09/news-application-wrapper-btm-bg2.png) no-repeat left bottom;
			}

/* ------------------ News Column ------------------ */		
#news{
	float:left;
	width:291px;
	}
	
	#news h2, #applications h2{text-align:center;}
	
	/* Proto type Area */
	#protoBox{
		float:left;
		background:#fff url(/IMAGES/09/infobox-mid.png) repeat-y left top;
		border-bottom:2px solid #000;
		font-size:1.2em;
		line-height:1.2em;
		}
		
		#protoBox-btm{
			float:left;
			padding:0 0 5px;
			background:url(/IMAGES/09/infobox-btm.png) no-repeat left bottom;
			}
		
			#protoBox-inner{
				float:left;
				width:171px;
				padding:5px 20px 0 100px;
				background:url(/IMAGES/09/info-protobox-top.png) no-repeat left top;
				}
				
				#protoBox h3 a{
					display:block;
					width:178px; height:28px;
					background:url(/IMAGES/09/info-protobox-h3.png) no-repeat left top;
					text-indent:-9999px;
					overflow:hidden;
					}
		
		/* Info Box */
		.infoBox-top{
			float:left;
			background:#165f25 url(/IMAGES/09/infobox-top-r.png) repeat-y left top;
			}
			
			.infoBox-top div{
				float:left;
				width:281px;
				padding:0 5px;
				background:url(/IMAGES/09/infobox-top.png) no-repeat left top;
				text-align:center;
				color:#fff;
				}
				
				.infoBox-top h3 a{color:#fff;}
				.infoBox-top h3 a:hover, .infoBox-top h3 a:focus{color:#0000FF;}
				
			
		.infoBox{
			float:left;
			background:#fff url(/IMAGES/09/infobox-mid.png) repeat-y left top;
			border-bottom:2px solid #000;
			}
		.infoBox.last{
			width:276px;
			margin:0; padding:5px 10px 5px 5px;
			border:none;
			}
			
			.infoBox-btm{
				float:left;
				width:276px;
				padding:5px 10px 5px 5px;
				background:url(/IMAGES/09/infobox-btm.png) no-repeat left bottom;
				font-size:1.1em;
				line-height:1.2em;
				}
				
				.infoBox-btm p{font-size:.91em; line-height:1em;}
				
				/*.infoBox p a{display:block;}*/

/* ------------------ Applications Column ------------------ */		
#applications{
	float:right;
	width:433px;
	}

	#applications-top{
		float:left;
		padding:5px 0 0 0;
		background:url(/IMAGES/09/applications-top.png) no-repeat left top;
		}
	
		#applications ul{
			float:left;
			margin:0;
			background:#f1f1f1 url(/IMAGES/09/applications-ul-bg.png) repeat-y left top;
			}
			
			#applications li{
				float:left;
				width:423px;
				margin:0; padding:5px;
				background:url(/IMAGES/09/applications-li-bg.png) no-repeat left bottom;
				}
								
				#applications li h3{
					float:left;
					width:151px;
					font-size:1.5em;
					font-weight:500;
					line-height:1.2em;
					text-align:center;
					}
					
					#applications li h3 a{color:#000;}
					#applications li h3 a:hover, #applications li h3 a:focus{color:#0000FF;}
				
				#applications li p{
					float:right;
					width:260px;
					margin:0; padding:0 0 0 6px;
					border-left:1px solid #ff0000;
					font-size:.8em;
					}

/* ------------------ Tools ------------------ */	
#tools{
	position:absolute;
	z-index:2;
	left:293px; top:0;
	width:148px;
	color:#ffffff;
	}
	
	#tools h2{
		margin:0;
		padding:2px;
		background:url(/IMAGES/09/news-application-headers-bg.png) no-repeat scroll left top;
		text-align:center;
		}
	
		#tools li{
			background:#000a78 url(/IMAGES/09/bg-toolsLi.jpg) top left repeat-x;
			margin: 0;
			text-align:center;
			min-height:62px;
			height:auto !important;
			height:62px;
			}
			
			#tools li a{
				display:block;
				margin:0 5px;
				font-size:.9em;
				font-style:italic;
				text-decoration:none;
				color:#fff;
				}
				
				#tools li a span{
					display:block;
					font-size:1.3em;
					font-weight:bold;
					font-style:normal;
					margin-bottom:5px;
					}
	
			#tools li.go a{
				background:transparent url(/IMAGES/09/bg-go.gif) no-repeat scroll left 11px;
				padding:9px 0 4px 45px;
				text-align:left;
				}
				
			#tools li.quickStart a{
				background:transparent url(/IMAGES/09/bg-clock.gif) no-repeat scroll right 8px;
				padding:8px 50px 8px 0;
				text-align:left;
				}
				
			#tools li.video a{
				background:transparent url(/IMAGES/09/bg-video.gif) no-repeat scroll left 8px;
				padding:6px 5px 2px 42px;
				text-align:left;
				}
				
			#tools li.quality a{
				background:transparent url(/IMAGES/09/bg-check.gif) no-repeat scroll center 7px;
				padding:27px 0 10px 0;
				}
				
			#tools li.rohs a{
				background:transparent url(/IMAGES/09/bg-rrr.gif) no-repeat scroll left 7px;
				padding:10px 0 8px 54px;
				text-align:left;
				}
				
				#tools li.rohs span{font-size: 1.6em;}
				
			#tools li.application a, #tools li.standard a{padding:10px 0;}
				
				#tools li.standard img{margin-bottom:5px;}
			
			#tools li.fahrenheit a{padding:3px 0;}
				
				#tools li.fahrenheit a img{padding:5px 0;}			

/* ------------------ Contact Info Wrap ------------------ */
#contactInfoWrap{
	width:148px;
	margin:-10px 0 0 0;
	background:#f1f1f1 url(/IMAGES/09/bg-contactTop.gif) top left no-repeat;
	color:#000;
	}
	
	#contactInfo{
		padding:0px 4px 0px 8px;
		text-align:left;
		}
		
		#contactInfo h3{
			font-size:1.6em;
			line-height:1em;
			}
			
		#contactInfo address{
			font-size:.8em;
			font-style:normal;
			line-height:1em;
			text-align:left;
			}
			
		#contactInfo dl{
			position:relative;
			left:-5px;
			margin:3px -8px 3px 0;
			text-align:left;
			}
			
			#contactInfo dt{
				padding:3px;
				background:#e8e8e8;
				font-size:.9em;
				font-weight:900;
				font-style:italic;
				line-height:1em;
				color: #898989;
				}
			
			#contactInfo dd{
				padding:0 3px;
				font-weight:900;
				}
		
/* ------------------ Footer ------------------ */
#footer{
	float:left;
	width:856px;
	margin:5px 0 20px 0; padding:2px 10px 15px 10px;
	background:url(/IMAGES/09/footer-bg.png) no-repeat left bottom;
	text-align:center;
	}
	
	#footer li{
		display:inline;
		margin:0 10px 0 0; padding:0 5px 0 0;
		}
		
		#footer a{
			text-decoration:none;
			color:#fff;
			}
		#footer a:hover, #footer a:focus{color:#FFFF00;}