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

html, body, div, span, object, iframe, p, blockquote, pre,  
abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend { 
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; 
	font-size: 100%; font-family: inherit; vertical-align: baseline; font-family: Arial, Helvetica, sans-serif; }

/* Removes Firefox imposed outline */
a { outline: none;}

/* Clearing floats without extra markup  */
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 60%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }

/* -------------------------------------------------------------- 
  Set Up
-------------------------------------------------------------- */

body {
background:url(../img/indvac_back_dark.jpg);
padding:0;
margin:0;
}

a {
color: #000033;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

a:hover {
color:#486489;
text-decoration:underline;
}

ul {
padding: 0px 0px 4px 5px;
margin: 0px 0px 0px 20px;
}

#wrapper {
	width: 780px;
	padding: 0px 1px;
	margin: 0px auto;
	background:#bfbfbf;
}

#top {
	width: 780px;
	height: 90px;
	background-color: #476488;
	text-align:center;
	text-transform:uppercase;
	padding:10px 0 0 0;
	margin: 0 0 0 0;
	background:url(../img/780/indvac.jpg);
	font-size: 1.5em;
}

#navsection {
	width:800px;
	height:40px;
	text-align:center;
}


ul#topnav {
	padding: 10px 0px;
	margin: 0px;
	list-style:circle;
	text-align:center;
	background-color:#e3e3e3;
	background-color:#000032;
}

ul#topnav li{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	padding: 0px 8px 0px 8px;
	
}

ul#topnav li a{
	color: #000033;
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
}

ul#topnav li a:hover{
	color:#4983cf;
	text-decoration:none;

}

#content {
	width: 780px;
	height: 840px;
	background-color:#476488;
}

#content-about {
	width: 740px;
	height: 725px;
	padding: 0px 20px;
	background-color:#476488;
	background-color:#fff;
	font-size: 1.3em;
}

#content-filters {
	width: 740px;
	height: 640px;
	padding: 0px 20px;
	background-color:#476488;
	background-color:#fff;
	font-size: 1.3em;
}

#content-front {
	width: 755px;
	height: 700px;
	padding: 0px 5px 0px 20px;
	background:url(../img/front_back_narrow.jpg);
	background-color:#fff;
	font-size: 1.3em;
}


#content-contact {
	width: 740px;
	height: 360px;
	padding: 0px 20px;
	background-color:#476488;
	background-color:#fff;
	font-size: 1.3em;
}

#content-keyquestions {
	width: 740px;
	height: 440px;
	padding: 0px 20px;
	background-color:#476488;
	background-color:#fff;
	font-size: 1.3em;
}

#content-hazard {
	width: 740px;
	height: 2245px;
	padding: 0px 20px;
	background-color:#476488;
	background-color:#fff;
	font-size: 1.3em;
}

#content-consultants {
	width: 740px;
	height: 330px;
	padding: 0px 20px;
	background-color:#476488;
	background-color:#fff;
	font-size: 1.3em;
}

#content-consultants2 {
	width: 740px;
	height: 675px;
	padding: 0px 20px;
	background-color:#476488;
	background-color:#fff;
	font-size: 1.3em;
}



h1 {
	color:#FFF;
	font-size:3em;
	padding:7px 0 0 0;
	margin:5px 0 0 0;
	letter-spacing:3px;
}

h1.subheaders {
	color:#FFF;
	font-size:2.8em;
	padding:7px 0 0 0;
	margin:5px 0 0 0;
	letter-spacing:1px;
}

h2 {
	color:#48648C;
	font-size:1.3em;
	padding:0 0 0 0;
	margin: -6px 0 0 0;
	letter-spacing:3px;
	text-transform:capitalize;
}

h2.subheaders2 {
	color:#FFF;
	font-size:1.2em;
	padding:0 0 0 0;
	margin: -6px 0 0 0;
	letter-spacing:2px;
	text-transform:capitalize;
}

h3 {
	color:#FFF;
	font-size:2em;
	padding:0;
	margin:0;
}



h4 {
	color:#FFF;
	color:#FF6600;
	font-size:1.8em;
	padding-top:4px;
	margin:0;
}

h5 {
	color: #fd7808;
	color: #4983cf;
	font-size:1.4em;
	padding-top:0px;
	margin:0;
}

h6 {
	color: #fff;
	font-size:1.1em;
	padding-top:0px;
	padding-bottom:10px;
	margin:0;
	text-transform:uppercase;
	}

#rightside {
	width: 390px;
	background-color:#4983cf;
	height:835px;
	float:right;
	text-align:center;
	padding-top:5px;
	color:#fff;
	font-size:1.1em;
}

#leftside {
	width: 390px;
	background-color:#fd7808;
	height:835px;
	float:left;
	text-align:center;
	padding-top:5px;
	color:#fff;
	font-size:1.1em;
}

/** left side **/

.vacuumtype {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
}

.vacuumtype-silent{	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/silent_vacuums_bg.jpg)
	
}

.vacuumtype-wetdry {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/wet_dry_bg.jpg);
}

.vacuumtype-antistatic {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/antistatic_bg.jpg);
}

.vacuumtype-industrial {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/industrial_bg.jpg);
}

.vacuumtype-atexcoded {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/atex_coded_bg.jpg);
}

.vacuumtype-cleanroom {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/clean_room_bg.jpg);
}

/** right side **/

.vacuumtype-removable {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/removable_lid_vacuum_BG.jpg)
}

.vacuumtype-backpack {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/back_pack_units_bg.jpg);
}

.vacuumtype-cyclone {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/cyclone_bg.jpg);
}

.vacuumtype-cyclones {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/cyclones_bg.jpg);
}

.vacuumtype-hand {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/handvacuums_bg.jpg);
}

.vacuumtype-industrial2 {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/industrial2_bg.jpg);
}

.vacuumtype-nonelectric {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/non-electric-units-bg.jpg)
}

.vacuumtype-largearea {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/largearea_bg.jpg)
}

.vacuumtype-suckdump {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/suckdump_bg.jpg)
}

.vacuumtype-steamvacuum {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/steam_vacuum_units_bg.jpg)
}


.vacuumtype-centralvacuum {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/centralvacuum_bg.jpg)
}

.vacuumtype-filters {	width: 358px;
	height: 80px;
	margin: 5px 10px;
	background:#000;
	background:url(../img/780/maintenance_bg.jpg)
}


#bottom {
	padding: 5px 25px 10px 25px;
	background:#476488;
	height:75px;
	color:#FFFFFF;
	font-size:1.5em;
	width:730px;
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
}

#bottom2 {
	padding: 0;
	margin-top:10px;
	background:#000033;
	height: 31px;
	color:#FFFFFF;
	font-size:1.2em;
	width:780px;
	margin: 0 auto;
	letter-spacing:1px;
}

#bottom3 {
	padding: 5px 25px 10px 25px;
	background:#476488;
	height:100px;
	color:#FFFFFF;
	font-size:1.5em;
	width:730px;
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
}

.vacuum-details {
	float:right;
	width:270px;
	text-align:left;
	color:#000;
	font-size:1em;
	padding:10px 2px 0px 0px;
	line-height:12px;
}

.vacuum-details2 {
	float:right;
	width:270px;
	text-align:left;
	color:#000;
	font-size:1em;
	padding:8px 4px 0px 0px;
	line-height:11px;
}

.vacuum-details3 {
	float:right;
	width:270px;
	text-align:left;
	color:#000;
	font-size:1em;
	padding:7px 4px 0px 0px;
	line-height:11px;
}

.vacuum-details4 {
	float:right;
	width:270px;
	text-align:left;
	color:#000;
	font-size:1em;
	padding:7px 4px 0px 0px;
	line-height:12px;
}

.vacuumhead {
	text-transform:uppercase;
	color:#000033;
	font-size:13px;	
	}
	
.moreinfo {
	font-size:1em;
	float:right;
	margin-right: 30px;
	margin-top: 6px;
	}
	
	
.moreinfo1 {
	font-size:1em;
	float:right;
	padding-right:3px;
	color:#fff;
	margin-right: 30px;
	margin-top:-5px;
	}
	
.moreinfo2 {
	font-size:1em;
	float:right;
	padding-right:3px;
	color:#fff;
	margin-right: 30px;
	margin-top: 2px;
	}
	
.moreinfo3 {
	font-size:1em;
	float:right;
	padding-right:3px;
	color:#fff;
	margin-right:30px;
	margin-top: 3px;
	}
	
.moreinfo4 {
	font-size:1em;
	float:right;
	padding-right:3px;
	color:#fff;
	margin-right:30px;
	margin-top: 9px;
	}

a.moremore {
	color:#fff;
	}

	
a:hover.moremore {
	color:#ff0;
	text-decoration:none;
}

.keyquestions {
	width:320px;
	float:right;
	padding:5px;
	margin:0px;
	background-color:#486489;
	color:#ebeced;
	}
	
.contactdetails {
	width:450px;
	float:left;
	padding:5px;
	margin:0px;
	background-color:#fff;
	color:#ebeced;
	}
	

.keyquestions a {
color:#FFFFFF;
}

.front-right {
width:445px;
float:right;
padding:10px 0px 0px 5px;
}

.front-left {
width:270px;
float:left;
padding:20px 25px 0px 10px;
}

.oil {
color:#666666;
}

.image-right{
float:right;
padding: 0 0 4px 4px;
	}

.vs {
font-size:1.3em;
text-transform:uppercase;
}

.strongfront {
	font-size: 1.4em;
}






.h1new {
	color: #000;
}