.menu-introduction-smoke-ventilation {

	background: url(/images/global/submenu_introduction.gif);
	background-repeat: repeat-x;
	height: 32px;
	margin-top: 10px;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	width: 100%;	

}


.menu-introduction-natural-ventilation {

	background: url(/images/global/nv-submenu_introduction.gif);
	background-repeat: repeat-x;
	height: 32px;
	margin-top: 10px;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	width: 100%;	

}

.menu-introduction-smoke-ventilation li {

	display: inline;
	float: left;
	padding-right: 16px;
	padding-left: 19px;
	
}

.menu-introduction-smoke-ventilation li a {
	
	color: white;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin-top: 9px;
	font-weight: 700;
	
}


.menu-introduction-natural-ventilation li {

	display: inline;
	float: left;
	padding-right: 16px;
	padding-left: 19px;
	
}

.menu-introduction-natural-ventilation li a {
	
	color: white;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin-top: 9px;
	font-weight: 700;
	
}

.menu-introduction-categories {

	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	width: 100%;
	height: 119px;
	float: left;


}


.menu-introduction-categories li {

	display: inline;
	float: left;

}

.submenu-active--introduction a {
	
	color: #477495 !important;
	
}









#information-canvas {
	
	background-image: url(/images/introduction/canvas.jpg);
	background-repeat: no-repeat;
	height: 389px;
	/* width: 820px; */
	float: left;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
	
}

#information-canvas--left {
	
	width: 50%;
	float: left;
	
}

#information-canvas--right {
	
	width: 48%;
	height: 389px;
	float: left;
	
}

#information-canvas--right #further-information {
	
	height: 152px;
	background-color: #e1e7eb;
	border: 1px solid #c5d2db;
	margin-left: 30px;
	margin-top: 20px;
	padding-left: 20px;
	
}

#information-canvas--right #further-information p {
	
	font-weight: normal;
	
}

#information-canvas--right #further-information h2 {
	
	margin-top: 15px;
	
}


#information-canvas--right #further-information ul li {

	float: left;
	margin-right: 10px;
	margin-top: 10px;

}

#information-canvas h2 {
	
	font-size: 20px;
	color: #477495;
	
}

#information-canvas p {
	
	font-weight: 700;
	margin-bottom: 5px;
	
}





/*********************/
/* SMOKE VENTILATION */
/*********************/

.categories-submenu-introduction-residential-smoke-ventilation {
	
	background-image: url(/images/introduction/residential.gif);
	display: block;
	width: 222px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-residential-smoke-ventilation--active {
	
	background-image: url(/images/introduction/residential_active.gif);
	display: block;
	width: 222px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}




.categories-submenu-introduction-health-smoke-ventilation {
	
	background-image: url(/images/introduction/health.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-health-smoke-ventilation--active {
	
	background-image: url(/images/introduction/health_active.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}




.categories-submenu-introduction-commercial-smoke-ventilation {
	
	background-image: url(/images/introduction/commercial.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-commercial-smoke-ventilation--active {
	
	background-image: url(/images/introduction/commercial_active.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}




.categories-submenu-introduction-education-smoke-ventilation {
	
	background-image: url(/images/introduction/education.gif);
	display: block;
	width: 218px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-education-smoke-ventilation--active {
	
	background-image: url(/images/introduction/education_active.gif);
	display: block;
	width: 218px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}




/***********************/
/* NATURAL VENTILATION */
/***********************/

.categories-submenu-introduction-residential-natural-ventilation {
	
	background-image: url(/images/introduction/nv-residential.gif);
	display: block;
	width: 222px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-residential-natural-ventilation--active {
	
	background-image: url(/images/introduction/nv-residential_active.gif);
	display: block;
	width: 222px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}




.categories-submenu-introduction-health-natural-ventilation {
	
	background-image: url(/images/introduction/nv-health.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-health-natural-ventilation--active {
	
	background-image: url(/images/introduction/nv-health_active.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}




.categories-submenu-introduction-commercial-natural-ventilation {
	
	background-image: url(/images/introduction/nv-commercial.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-commercial-natural-ventilation--active {
	
	background-image: url(/images/introduction/nv-commercial_active.gif);
	display: block;
	width: 220px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}




.categories-submenu-introduction-education-natural-ventilation {
	
	background-image: url(/images/introduction/nv-education.gif);
	display: block;
	width: 218px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}

.categories-submenu-introduction-education-natural-ventilation--active {
	
	background-image: url(/images/introduction/nv-education_active.gif);
	display: block;
	width: 218px;
	height: 119px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
}