/* -----------------
=global
------------------*/

	 * {
	margin: 0;
	list-style: none;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	}
	
	html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre, 
	li, table, tr, thead, tbody, tfoot, col, colgroup, td, th, caption {
	padding: 0;
	border: 0;
	}
	
	body {
	font: 62.5%/1.3 Arial, Helvetica, Verdana, sans-serif;
	}
	
	strong, b, strong *, b * {
	font-weight: bolder;
	}
	em, i, em *, i * {
	font-style: italic;
	}
	
	img {
	display: block;
	border: 0;
	}
	
	a:link, a:visited {
	color: #333333;
	text-decoration: none;
	}
	a:hover, a:active {
	color: #444;
	text-decoration: underline;
	}
	
	label[for] {
	cursor: pointer;
	}
	
	input, select, option, textarea {
	vertical-align: middle;
	}
		input.img, select.img {
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		}
	
	/* hidden elements */	
	.h, div.hr hr {
	position: absolute;
	top: -9900px;
	left: 0;
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -9990px;
	font-size: 1px;
	}
	
	/* headers replaced with images */
	.r {
	z-index: 25;
	}
	
	/* floats clear */
	.clear {
	clear: both;
	font-size: 1px;
	visibility: hidden;
	}	
	
/* -----------------
=base
------------------*/

	body {
	background: url(../images/body_bg.png) 0 100% repeat-x fixed #757575;
	color: #eee;
	}

/* -----------------
=basic layout
------------------*/

	body {
	text-align: center;
	padding: 0 0 40px;
	}
	
		#wrap {
	position: relative;
	width: 962px;
	margin: 0 auto;
	padding: 38px 0 0;
	background: url(../images/main_bg.png) repeat-y;
		}
			#wrap-inner {
	margin: 0 5px;
	
	z-index: 10;
			}
		
		/* -----------------
		=logo
		------------------*/
		
			#top {
	position: relative;
	height: 122px;
	z-index: 10;
			}
			
			/* -----------------
			=logo
			------------------*/
			
				#top h1 {
	position: relative;
	float: left;
	display: inline;
	width: 147px;
	height: 122px;
	margin: 0 0 0 23px;
	overflow: hidden;
	font-size: 6em;
				}
					#top h1 a {
					display: block;
					width: 147px;
					height: 122px;
					overflow: hidden;
					color: #fff;
					text-align: center;
					text-decoration: none;
					}
					
					#top h1 .r {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 147px;
					height: 122px;
					overflow: hidden;
					background: url(../images/logo.png) no-repeat;
					}
			
			/* -----------------
			=slogan
			------------------*/
			
				p#slogan {
	position: absolute;
	top: 163px;
	left: 26px;
	width: 135px;
	height: 60px;
	overflow: hidden;
	color: #444;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
				}					
					p#slogan .r {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 135px;
					height: 60px;
					overflow: hidden;
					background: url(../images/slogan.png) no-repeat;
					}
				
			/* -----------------
			=menu
			------------------*/
			
				#menu {
	float: left;
	display: inline;
	padding: 10px 15px 0 0px;
	font-size: 1.4em;
	letter-spacing: -1px;
	margin-left: 0px;
				}
					#menu li {
					position: relative;
					float: left;
					display: inline;
					padding: 0 10px;
					border-left: 2px solid #E1B347;
					}
						#menu li a {
						display: block;
						height: 17px;
						overflow: hidden;
						margin: -2px 0;
						background-repeat: no-repeat;
						color: #E1B347;
						font-weight: bolder;
						text-align: center;
						text-transform: uppercase;
						}
							#menu li a:link,
							#menu li a:visited {
							background-position: 0 0;
							}
							#menu li a:hover,
							#menu li a:active {
							background-position: 0 100%;
							}
							
							#menu li .r {
							position: absolute;
							top: 0;
							left: 10px;
							}
						
						/* home */
							#menu li.home {
							border-left: none;
							}
								#menu li.home a {
								width: 50px;
								}
									#menu li.home .r {
									background-image: url(../images/menu_home.png);
									}
						
						/* products */
							#menu li.products {
							}
								#menu li.products a {
								width: 90px;
								}
									#menu li.products .r {
									background-image: url(../images/menu_products.png);
									}
									/* distributors */
							#menu li.distributors {
							}
								#menu li.distributors a {
								width: 115px;
								}
									#menu li.distributors .r {
									background-image: url(../images/menu_distributors.png);
									}
								/* news */
									  #menu li.news {
							          }
										#menu li.news a {
										width: 50px;
										}
										#menu li.news .r {
									background-image: url(../images/menu_news.png);
									}
						
						/* contact */
							#menu li.contact {
							}
								#menu li.contact a {
								width: 77px;
								}
									#menu li.contact .r {
									background-image: url(../images/menu_contact.png);
									}
					
/* -----------------
feature box tabs
------------------*/				
.mattblacktabs{
	width: 100%;
	overflow: hidden; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
	margin: 0;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Arial;
	list-style-type: none;
	margin-right: 72px;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
	text-align: center;

}

.mattblacktabs li a{
	float: right;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 7px 8px; /*right divider between tabs*/
	color: #666666;
	background: #999999;
	line-height: 100%;
	width: 80px;
	text-align: center;
}

.mattblacktabs li a:hover{
	background: #414141; 
	color: #FFCC66;
}
.mattblacktabs li.selected a{
	background: #666666;
	color: #FFFFFF;
	}
				
			/* -----------------
			=phone
			------------------*/
			
				#top #tel {
	position: relative;
	float: left;
	display: inline;
	width: 106px;
	height: 24px;
	overflow: hidden;
	margin: 5px 10px 0 0px;
	color: #E1B347;
	font-size: 1.8em;
	font-weight: bolder;
	letter-spacing: -1px;
				}
			
					#top #tel .r {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 106px;
	height: 17px;
	overflow: hidden;
	background: url(../images/phone.png) no-repeat;
					}
							
														
		/* -----------------
		=content
		------------------*/				
		
			#content {
	clear: both;
	width: 720px;
	min-height: 493px;
	margin: 0 0 -10px 200px;
	color: #000;
	font-size: 1.3em;
	line-height: 1.6em;
			}
			#contentdistributors {
	clear: both;
	width: 720px;
	min-height: 493px;
	margin: 0 0 -10px 160px;
	color: #000;
	font-size: 1.3em;
	line-height: 1.6em;
			}
#content2 {
	clear: both;
	width: 675px;
	min-height: 493px;
	margin: 0 0 20px 200px;
	color: #000;
}
#content .promo-box   {
	position: relative;
	width: 700px;
	height: 315px;
	background-image: url(../../images/Placeholder.png);
				}
#content .promo-box1  {
	position: relative;
	width: 700px;
	height: 315px;
	background-image: url(../../images/Placeholder3.png);
					}
#content .promo-box2  {
	position: relative;
	width: 700px;
	height: 315px;
	background-image: url(../../images/Placeholder2.png);
					}
#content .promo-box3  {
	position: relative;
	width: 700px;
	height: 315px;
	background-image: url(../../images/Placeholder1.png);
}
#content .promo-box4 {
	position: relative;
	width: 700px;
	height: 315px;
	background-image: url(../../images/promo-box_yellow_bg.png);
	background-repeat: no-repeat;
}
.promo-box img {
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 20px 20px 10px 25px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
}
.promo-box1 img {
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 20px 20px 10px 25px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
					}
.promo-box2 img {
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 20px 20px 10px 25px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
					}
.promo-box3 img {
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 20px 20px 10px 25px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;					}
					
#content .promo-box p {
	font-size: 1.5em;
	line-height: 110%;
					}
					
#content .promo-box1 p {
	z-index: 1000;
	font-size: 1.5em;
	line-height: 110%;
	margin: 0px 15px -5px 15px;
	}

#content .promo-box2 p {
	z-index: 1000;
	font-size: 1.5em;
	line-height: 110%;
	margin: 0px 15px -5px 15px;
	}
	
#content .promo-box3 p {
	z-index: 1000;
	font-size: 1.5em;
	line-height: 100%;
	margin: 0px 15px -8px 15px;
	}
	
#content .promo-box h1 {
	font-size: 2em;
	line-height: 1.5em;
	padding: 15px 10px 5px 10px;
	letter-spacing: -1px;
}

#content .promo-box1 h1 {
	font-size: 2em;
	line-height: 1.5em;
	padding: 15px 10px 5px 10px;
	letter-spacing: -1px;
}

#content .promo-box2 h1 {
	font-size: 2em;
	line-height: 1.5em;
	padding: 15px 10px 5px 10px;
	letter-spacing: -1px;
}

#content .promo-box3 h1 {
	font-size: 2em;
	line-height: 1.5em;
	padding: 15px 10px 5px 10px;
	letter-spacing: -1px;
}
					
#content .promo-box .more {
	position: absolute;
	bottom: 27px;
	left: 26px;
	display: block;
	height: 18px;
	width: 190px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
					}
#content .promo-box1 .more {
	position: absolute;
	bottom: 27px;
	left: 26px;
	display: block;
	height: 18px;
	width: 190px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
					}
					
#content .promo-box2 .more {
	position: absolute;
	bottom: 27px;
	left: 26px;
	display: block;
	height: 18px;
	width: 190px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
					}
					
#content .promo-box3 .more {
	position: absolute;
	bottom: 27px;
	left: 26px;
	display: block;
	height: 18px;
	width: 190px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
	}
#content .promo-box .more2 {
	position: absolute;
	bottom: 27px;
	left: 150px;
	display: block;
	height: 18px;
	width: 300px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
}
#content .promo-box1 .more2 {
	position: absolute;
	bottom: 27px;
	left: 150px;
	display: block;
	height: 18px;
	width: 300px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
}
#content .promo-box2 .more2 {
	position: absolute;
	bottom: 27px;
	left: 150px;
	display: block;
	height: 18px;
	width: 300px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
}
#content .promo-box3 .more2 {
	position: absolute;
	bottom: 27px;
	left: 150px;
	display: block;
	height: 18px;
	width: 300px;
	padding: 0 0 0 25px;
	background: url(../images/promo-box_more.png) no-repeat;
	line-height: 18px;
	font-weight: bolder;
	text-transform: uppercase;
}
		
#content .promo-box a.more:link,
#content .promo-box a.more:visited {
	color: #fff;
	text-decoration: none;
}																		
#content .promo-box a.more:hover,
#content .promo-box a.more:active {
	color: #777;
	text-decoration: none;
}
#content .promo-box a.more2:link,
#content .promo-box a.more2:visited {
	color: #fff;
	text-decoration: none;
}																		
#content .promo-box a.more2:hover,
#content .promo-box a.more2:active {
	color: #777;
	text-decoration: none;
}

#content .promo-box1 a.more:link,
#content .promo-box1 a.more:visited {
	color: #fff;
	text-decoration: none;
}																		
#content .promo-box1 a.more:hover,
#content .promo-box1 a.more:active {
	color: #777;
	text-decoration: none;
}
#content .promo-box1 a.more2:link,
#content .promo-box1 a.more2:visited {
	color: #fff;
	text-decoration: none;
}
																		
#content .promo-box1 a.more2:hover,
#content .promo-box1 a.more2:active {
	color: #777;
	text-decoration: none;
}
#content .promo-box2 a.more:link,
#content .promo-box2 a.more:visited {
	color: #fff;
	text-decoration: none;
}																		
#content .promo-box2 a.more:hover,
#content .promo-box2 a.more:active {
	color: #777;
	text-decoration: none;
}
#content .promo-box2 a.more2:link,
#content .promo-box2 a.more2:visited {
	color: #fff;
	text-decoration: none;
}
																		
#content .promo-box2 a.more2:hover,
#content .promo-box2 a.more2:active {
	color: #777;
	text-decoration: none;
}
#content .promo-box3 a.more:link,
#content .promo-box3 a.more:visited {
	color: #fff;
	text-decoration: none;
}																		
#content .promo-box3 a.more:hover,
#content .promo-box3 a.more:active {
	color: #777;
	text-decoration: none;
}
#content .promo-box3 a.more2:link,
#content .promo-box3 a.more2:visited {
	color: #fff;
	text-decoration: none;
}
																		
#content .promo-box3 a.more2:hover,
#content .promo-box3 a.more2:active {
	color: #777;
	text-decoration: none;
}								
#content .arrow a{
	width: 190px;
	float: left;
	margin-left: 25px;
	background-repeat: no-repeat;
					
					}
					
										
					#content .productimg {
					float:left;
					padding-bottom: 20px;
					padding-right: 20px;
					margin-top: 2px;
					}
					
					#content .productimg2 {
					float:left;
					padding-bottom: 8px;
					padding-right: 20px;
					margin-top: 2px;
					}
					#content2 .productimg2 {
					float:left;
					padding-bottom: 8px;
					padding-right: 20px;
					margin-top: 2px;
					}
						
				#content .description {
	font-size: 1.4em;
	line-height: 125%;

				}					
					
#content .promo-box .email {color: #666666;
					}
					#content .description p {
	padding: 10px 0px 0px 5px;
	margin: 10px 0px 0px 10px;

					}
					
					
					
					
		/* -----------------
		=airfield
		------------------*/
				
			#airfield {
	position: relative;
	width: 143px;
	height: 106px;
	overflow: hidden;
	margin: 0 0 0 25px;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
			}					
				#airfield .r {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 143px;
				height: 106px;
				overflow: hidden;
				background: url(../images/airfield.png) no-repeat;
				}
					
					
		/* -----------------
		=footer
		------------------*/
			
			#footer {
			clear: both;
			height: 35px;
			width: 962px;
			margin: 0 auto;
			background: url(../images/footer_bg.png) no-repeat;
			color: #fff;
			}			
#content .promo-box ul {
	font-size: 1.3em;
	line-height: 110%;
	font-weight: bold;
}
#content .promo-box ul li {
	padding: 5px 0px 0px 0px;
	list-style-type: disc;
	margin: 10px 15px -10px 265px;
	z-index: 1000;
	letter-spacing: 0px;
	line-height: 125%;
}
#content .description li {
	padding: 10px 0px 0px 0px;
	list-style-type: disc;
	margin: 0px 0px 0px 35px;
	font-size: 0.8em;
	font-weight: bold;
}
#content .promo-box1 ul {
	font-size: 1.3em;
	line-height: 110%;
	font-weight: bold;
}
#content .promo-box1 ul li {
	padding: 5px 0px 0px 0px;
	list-style-type: disc;
	margin: 10px 15px -10px 265px;
	z-index: 1000;
	letter-spacing: 0px;
	line-height: 125%;
}
#content .promo-box2 ul {
	font-size: 1.3em;
	line-height: 110%;
	font-weight: bold;
}
#content .promo-box2 ul li {
	padding: 5px 0px 0px 0px;
	list-style-type: disc;
	margin: 10px 15px -10px 265px;
	z-index: 1000;
	letter-spacing: 0px;
	line-height: 125%;
	}
	#content .promo-box3 ul {
	font-size: 1.3em;
	line-height: 110%;
	font-weight: bold;
}
#content .promo-box3 ul li {
	padding: 5px 0px 0px 0px;
	list-style-type: disc;
	margin: 10px 15px -10px 265px;
	z-index: 1000;
	letter-spacing: 0px;
	line-height: 125%;
	}
.style2 {
	font-size: 16px;
}
.disti {
	font-size: 18px;
	color: #CCC;
	margin: 0px 0px 10px 240px;
}

.inline {
	display: inline-table;
	}
#content .promo-box4 .body2 {
	color: #FFFFFF;
	font-weight: bold;
					}
#content .promo-box4 p {
	font-size: 1.5em;
	line-height: 120%;
	margin: 20px 15px -8px 30px;
}
#left {
	position: relative;
	top: 240px;
	left: -135px;
	width: 115px;
	float: left;
	font-size: 13px;

}

#content2 h2 {
	margin: 0 0 10px 175px;
	color: #000;
	font-size: 1.8em;
	line-height: 100%;
	text-align: left;
}
#content2 p {
	margin: 0 0 10px 0px;
	text-align: left;
	font-size: 1.6em;
	line-height: 125%;
}
#content2  a:link, a:visited {
	color: #333333;
	text-decoration: none;
}
#content2  a:hover, a:active {
	color: #999999;
	text-decoration: underline;
}
#description a:link, a:visited {
	color: #333333;
	text-decoration: none;
}
#description a:hover, a:active {
	color: #999999;
	text-decoration: underline;
}
.style5 a:link, a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
.style5 a:hover, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}#content2 .style5 a:link, a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#content2 .style5 a:hover, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}