@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
}

/* ================================================ TOP ================================================ */

#TopContainer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image:url(../images/bgs_01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	height: 356px;
	float: left;
}

	#PageTop {
		margin: 0 auto;
		padding: 0px;
		width: 1000px;
		height: 356px;
	}
	
		#Logo {
			width: 209px;
			height: 88px;
			margin-top: 17px;
			float: left;
		}
		
		#Lang {
			width: 360px;
			height: 31px;
			margin-top: 17px;
			margin-left: 39px;
			float: right;
			text-align: right;
		}
		
		#Nav {
			width: 360px;
			height: 42px;
			margin-top: 15px;
			margin-left: 39px;
			float: right;
			text-align: right;
		}
		
		#ContentTop {
			margin-top: 48px;
			width: 1000px;
			height: 42px;
			float: left;
			background-image:url(../images/ipi_11.jpg);
			background-position: center top;
			background-repeat: no-repeat;
		}
		
		#LeftTop {
			width: 42px;
			height: 263px;
			float: left;
			background-image: url(../images/ipi_12.jpg);
			background-repeat: no-repeat;
		}
		
		#MidTop {
			width: 916px;
			height: 161px;
			float: left;
			background-image: url(../images/banner2.jpg);
			background-repeat: no-repeat;
		}
		
			#BannerText {
				width: 600px;
				height: 80px;
				margin-top: 150px;
				margin-left: 40px;
				text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13pt;
				font-weight: bold;
				color: #000;
				line-height: 1.5em;
			}
		
		#RightTop {
			width: 42px;
			height: 263px;
			float: left;
			background-image: url(../images/ipi_14.jpg);
			background-repeat: no-repeat;
		}
		
/* ================================ TOP_INT ================================= */

#TopContainerInt {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image:url(../images/bgs_01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	height: 306px;
	float: left;
}

	#PageTopInt {
		margin: 0 auto;
		padding: 0px;
		width: 1000px;
		height: 306px;
	}
		
		#LeftTopInt {
			width: 42px;
			height: 111px;
			float: left;
			background-image: url(../images/ipi_12.jpg);
			background-repeat: no-repeat;
		}

		#MidTopInt {
			width: 916px;
			height: 111px;
			float: left;
			background-image: url(../images/int_top.jpg);
			background-repeat: no-repeat;
		}
		
			#BannerTextInt {
				width: 600px;
				height: 80px;
				text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 24pt;
				font-weight: bold;
				color: #fff;
				line-height: 1.5em;
				margin-top: 30px;
				margin-left: 25px;
				letter-spacing: .15em;
				text-transform: uppercase;
			}
		
		#RightTopInt {
			width: 42px;
			height: 111px;
			float: left;
			background-image: url(../images/ipi_14.jpg);
			background-repeat: no-repeat;
		}

/* ================================================ MIDDLE ================================================ */

#MidContainer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image:url(../images/bgs_02.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #1f1f1f;
	min-height: 200px;
	float: left;
}

	#PageMidContainer {
		margin: 0 auto;
		padding: 0px;
		width: 1000px;
	}

		#PageMid {
			margin: 0 auto;
			padding: 0px;
			width: 1000px;
			min-height: 200px;
			background-image: url(../images/mid_bg.jpg);
			background-repeat: repeat-y;
			background-color: #fff;
			float: left;
		}
	
			#LeftMid {
				width: 42px;
				height: 263px;
				float: left;
				background-image: url(../images/ipi_16.jpg);
				background-repeat: no-repeat;
				background-position: top;
			}
			
			#MidMid {
				width: 916px;
				min-height: 263px;
				float: left;
				background-color: #fff;
			}
			
				#LeftColumn {
					width: 258px;
					min-height: 392px;
					background-image: url(../images/ipi_21.jpg);
					background-repeat: repeat-x;
					background-position: top;
					float: left;
					margin-top: 21px;
					text-align: left;
					padding-left: 20px;
					padding-right: 20px;
				}
				
				#RightColumn {
					width: 594px;
					min-height: 392px;
					float: left;
					margin-top: 21px;
					margin-left: 24px;
					text-align: left;
				}
			
			#RightMid {
				width: 42px;
				height: 263px;
				float: right;
				background-image: url(../images/ipi_18.jpg);
				background-repeat: no-repeat;
				background-position: top left;
			}

/* ================================================ BOTTOM ================================================ */

#BottomContainer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image:url(../images/ipi_31.jpg);
	background-position: center 48px;
	background-repeat: no-repeat;
	background-color: #1f1f1f;
	min-height: 342px;
	float: left;
}

	#PageBottom {
		margin: 0 auto;
		padding: 0px;
		width: 1000px;
		min-height: 200px;
	}
	
		#BTop {
			width: 1000px;
			height: 48px;
			background-image:url(../images/ipi_30.jpg);
			background-repeat: no-repeat;
			float: left;
		}
		
		#FooterLeft {
			width: 500px;
			height: 30px;
			float: left;
			margin-top: 20px;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color: #fff;
			text-transform: uppercase;
		}
		
			#FooterLeft a {
				color: #fff;
				text-decoration: none;
				padding-left: 15px;
			}
		
			#FooterLeft a:hover {
				color: #fff;
				text-decoration: underline;
			}

		#FooterRight {
			width: 485px;
			height: 30px;
			float: left;
			margin-top: 20px;
			text-align: right;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color: #fff;
			padding-right: 15px;
		}
		
			#FooterRight a {
				color: #fff;
				text-decoration: none;
			}
		
			#FooterRight a:hover {
				color: #fff;
				text-decoration: underline;
			}

/* ================================================ FORMATTING ================================================ */

h1 {
	position: relative;
	width: 209px;
	height: 88px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

h1 span {
	background: url(../images/ipi_04.jpg) no-repeat;
	position: absolute;
	width: 209px;
	height: 88px;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

#ContactInfo {
	width: 594px;
	height: 118px;
	background-image: url(../images/ipi_27.jpg);
	background-repeat: no-repeat;
}

	#PhoneEmail {
		padding-top: 30px;
		padding-left: 30px;
		height: 75px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13pt;
		letter-spacing: .2em;
		color: #fff;
	}
	
		#PhoneEmail a {
			color: #fff;
			text-decoration: none;
		}
		
		#PhoneEmail a:hover {
			text-decoration: underline;
		}

/* ================================================ NAVIGATION ================================================ */

ul#navlist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

ul#navlist li
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 5px 0 4px 0;
}

#navlist a, #navlist a:link
{
	margin: 0;
	padding: 15px 20px 15px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

ul#navlist li#active
{
	color: #95bbae;
	background-color: #deebe5;
}

/*#navlist a:hover
{
	color: #74a893;
	background-color: #d1e3db;
}*/

#home a:hover
{
	color: #000;
	background-image: url(../images/home_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#about a:hover
{
	color: #000;
	background-image: url(../images/about_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#products a:hover
{
	color: #000;
	background-image: url(../images/products_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#contact a:hover
{
	color: #000;
	background-image: url(../images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

/* ================================================ FONTS ================================================ */

#RightColumn p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000;
	line-height: 1.6em;
	padding: 0;
	margin-top: 0;
	margin-bottom: 20px;
}

	#RightColumn p a {
		color: #e0a300;
		text-decoration: underline;
	}
	
	#RightColumn p a:hover {
		color: #000;
		text-decoration: underline;
	}

#LeftColumn p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	line-height: 1.4em;
	padding: 0;
	margin-top: 0;
	margin-bottom: 12px;
}

	#LeftColumn p a {
		color: #fff;
		text-decoration: underline;
	}
	
	#LeftColumn p a:hover {
		color: #000;
		text-decoration: underline;
	}

#LeftColumn ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	#LeftColumn ul li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		color: #000;
		line-height: 1.4em;
		height: 19px;
		width: 100%;
		background-color: #eee;
		margin-top: 3px;
		text-indent: 5px;
		padding-top: 3px;
	}
	
		#LeftColumn ul li a {
			color: #000;
			text-decoration: none;
		}
		
		#LeftColumn ul li a:hover {
			color: #000;
			text-decoration: underline;
		}

#Confidence li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000;
	line-height: 1.6em;
	padding: 0;
	margin-top: 0;	
}

.ProductList {
	float: left;
	width: 47%;
	margin-left: 10px;
}

.ProductList ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

	.ProductList li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #000;
		background-color: #eee;
		height: 25px;
		width: 100%;
		text-indent: 10px;
		margin-top: 5px;
		padding-top: 6px;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #ffba01;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding: 0;
	margin: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 5px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}