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

body {
	text-align: center;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;	
}

.clear {
	clear:both;
}

#wrapper {
	width: 868px;
	text-align: center;
	margin: 0 auto;	
	padding-top: 20px;
}

#header {
	width: 868px;
}

/*-- homepge
layouts --*/
#hp-body {
	width: 868px;
	height: 532px;
	padding-top: 10px;

}

#hp-bodyStatic {
	width: 868px;
	height: 405px;
	padding-top: 10px;

}

#hp-bodyStatic ul, li {
	margin: 0px;
	padding: 0px;
	list-style:none;
}


#hp-body ul, li {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

#main {
	width:580px;
	height: 405px;
	float:left;
	margin:0px;
	padding:0px;
}

#infoboxes {
	height: 405px;
	width: 288px;
	float: right;
	
}

#infoboxes li {
	line-height: 12px;
	list-style-type: none;
	font-weight: normal;
}

#warrantyHome {
	width: 280px;
	height: 67px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #000;
	background-image: url(/images/indexStatic_07.jpg);
	background-repeat:no-repeat;
	float:right;
	margin: 0px;
	padding: 0px;
	padding-top: 60px;
		
}

#warrantyHome p  {
	margin: 0px;
	padding: 0px;		
}

a.link-indexWarranty {
	width: 868px;
	height: 127px;
	background-image: url(/images/warranty.jpg);
	background-repeat:no-repeat;
	display:block;	
	text-decoration:none;
}

a.link-indexWarranty:hover {
	width: 868px;
	height: 127px;
	background-image: url(/images/warranty.jpg);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

#indoor-top {
	width: 485px;
	background-image: url(/images/indoorTop.png);
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -360px;
	left: 20px;	

}


/*-- subpage
layouts --*/
#sub-body {
	width: 868px;
	padding-top: 10px;
	padding-bottom:10px;
	text-align: left;
	margin: 0px;
	
}


#translucent {
	width: 480px;
	height: 402px;
	background-image: url(/images/translucent_square.png);
	background-repeat:repeat;
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -430px;
	left: 35px;	
}


#tech-top {
	width: 381px;
	background-image: url(/images/commercial.png);
	background-repeat:no-repeat;
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -430px;
	left: 35px;	
	
}


#hospitality-top {
	width: 480px;
	height: 402px;
	background-image: url(/images/hospitality-top.png);
	background-repeat:no-repeat;
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -430px;
	left: 35px;	
}


#commercial-top {
	width: 480px;
	height: 402px;
	background-image: url(/images/commercial.png);
	background-repeat:no-repeat;
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -430px;
	left: 35px;	
}

#residential-top {
	width: 480px;
	height: 402px;
	background-image: url(/images/residential.png);
	background-repeat:no-repeat;
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -430px;
	left: 35px;	
}


#products-top {
	width: 260px;
	height: 402px;
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -430px;
	left: 20px;	
}


#contact-top {
	width: 544px;
	z-index: 2;
	position:relative;	
	margin: 0px;
	padding: 0px;
	top: -430px;
	left: 20px;	
	background-image: url(/images/whiteBG.png);
	background-repeat:repeat-y;
}

/*-- technical / products category
layouts --*/
#longlifeBG {
	background-image:url(/images/BG_longlife.jpg);
	background-repeat:no-repeat;
	height:100%;
	width:868px;
	float:left;
}

#ssBG {
	background-image:url(/images/BG_soundsolution.jpg);
	background-repeat:no-repeat;
	height:100%;
	width:868px;
	float:left;
}

#hcBG {
	background-image:url(/images/BG_healthierchoice.jpg);
	background-repeat:no-repeat;
	height:100%;
	width:868px;
	float:left;
}


#foundationBG {
	background-image:url(/images/BG_foundation.jpg);
	background-repeat:no-repeat;
	height:100%;
	width:868px;
	float:left;
}


#techBG {
	background-image:url(/images/technical.png);
	background-repeat:no-repeat;
	height:100%;
	width:868px;
	float:left;
}

#techSub-top {
	width: 416px;
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
	float:left;
	
	
}

#techSub-Right {
	width: 380px;
	margin: 0px;
	padding-top: 430px;	
	float: right;
	
}


/*-- about category
layouts --*/
#aboutBG {
	background-image:url(/images/aboutBG.jpg);
	background-repeat:no-repeat;
	background-color: #a5ccb4;
	height:100%;
	width:868px;
	padding-top:150px;
	padding-bottom: 10px;
	
}




/*-- subpage
links --*/
#bottom-pad {
	padding-top: 15px;
}

a.link-unrivaled {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomNormal_01.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
}

a.link-unrivaled:hover {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomHover_01.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	
}

a.link-indoor {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomNormal_03.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	
}

a.link-indoor:hover {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomHover_03.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
}

a.link-greener {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomNormal_05.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
}

a.link-greener:hover {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomHover_05.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
}


a.link-warranty {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomNormal_07.jpg);
	background-repeat:no-repeat;
	display:block;
	float:right;
}

a.link-warranty:hover {
	width: 208px;
	height: 63px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding-top: 32px;
	background-image: url(/images/bottomHover_07.jpg);
	background-repeat:no-repeat;
	display:block;
	float:right;
}


/*-- homepage
links --*/

a.link-performanceHome {
	width: 288px;
	height: 72px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	padding-top: 62px;
	background-image: url(/images/infoboxesNorm_01.jpg);
	background-repeat:no-repeat;
	display:block;
	
}

a.link-performanceHome:hover {
	width: 288px;
	height: 72px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	padding-top: 62px;
	background-image: url(/images/infoboxesHover_01.jpg);
	background-repeat:no-repeat;
	display:block;
	
}

a.link-greenHome {
	width: 288px;
	height: 84px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	padding-top: 50px;
	background-image: url(/images/infoboxesNorm_03.jpg);
	background-repeat:no-repeat;
	display:block;
	
}

a.link-greenHome:hover {
	width: 288px;
	height: 84px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	padding-top: 50px;
	background-image: url(/images/infoboxesHover_03.jpg);
	background-repeat:no-repeat;
	display:block;
	
}

a.link-indoorHome {
	width: 288px;
	height: 79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	padding-top: 55px;
	background-image: url(/images/infoboxesNorm_02.jpg);
	background-repeat:no-repeat;
	display:block;
	
}

a.link-indoorHome:hover {
	width: 288px;
	height: 79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	padding-top: 55px;
	background-image: url(/images/infoboxesHover_02.jpg);
	background-repeat:no-repeat;
	display:block;
	
}