/* CSS Document
- Globals
- Navigation
- Boarders
- Layout: Body 
- Layout: Footer
- Page: Feedback
*/

/*-------------------------------------
Page Boarders
-------------------------------------*/

#page {
	margin-top:5px;
	padding:5px;
	background-color:#FFF;
	border: 1px solid #000;
	width: 968px; /* includes 10px for boarder*/
	margin-left: auto;
	margin-right:auto;
}

/*-------------------------------------
Header
-------------------------------------*/

#hdr {
	height:100px; /* 154 px for header and menu  770 / 5 = 154px */
	width: 968px;
	background-image: url(../assets/images/hdr_bgnd.jpg);
	background-repeat: repeat-x;
} /* width is hack to get to work in explorer*/

/*-------------------------------------
Navigation
 -------------------------------------*/

#menu{
	height:35px; 
	width:968px; 
	z-index:100;
}

#subMenu{
	float:left;
	margin:20px 0px 10px 10px;
	width:245px; 
	}	

#menu2{ /*255px*/
/*	background:green;*/
	line-height:20px; 
	margin-bottom:20px;
	width: inherit;
	} 
	
#menu3{ /*255px*/
	width: 245px; }


/*-------------------------------------
 Main
-------------------------------------*/

#content{ /*678px wide*/
/*	background:yellow;*/
	float:left;
	position:relative;
	margin: 0px 10px 20px 25px; /*290 - 5px margin left col space (25px for firefox)*/
	_margin: 0px 0px 20px 25px;
	padding:0px;
	width: 678px;
  }



.productBlock{ /* 673px */
	float:left;
	margin-top:15px;
	position:relative;
	width:678px;
}
 

.productSpec{ /* 460 - 85 (image) */
	float:left; 
	margin-left:5px;
	width:370px;
	}
 
.productRecentApps{ /* 193 */
 	background:#ebebeb;
	float:left;
	padding:5px;
	margin: 0px 0px 0px 25px;
	_margin: 0px 0px 0px 20px;
	width:183px;
	}
 
#contentIndex{
	float:left;
	width: 968px;
}

	.col1{/*320px*/
/*		background:pink;*/
		float:left;
		width:320px;
		margin:0px 0px 30px 30px;
		_margin:0px 0px 30px 10px;
	}

	.col2{/*320px*/
	/*	background:pink;*/
		float:left;
		width:575px;
		margin-left:30px;
		_margin-left:20px;
	}
	
	#contentIndex img{
		margin:25px 0px 0px 0px;
	}

.productOverviewDustEater{
	background:url(../assets/images/pl_industrial_vacuum_dustEater.gif) top left;
	width:460px;
	height:235px;
}

.productOverviewScrapEater{
	background:url(../assets/images/pl_industrial_vacuum_ScrapEater.gif) top left;
	width:460px;
	height:235px;
}

.productOverviewWorkshop{
	background:url(../assets/images/pl_industrial_vacuum_workshop.gif) top left;
	width:460px;
	height:235px;
}

.productOverviewSuperSucker{
	width:460px;
	height:235px;
}


.downloads{
	background:#EBEBEB;
	margin:10px 0px 10px 0px;
	width:460px;
	}

.customerList{
	width:500px;
	margin-bottom:15px;
}

#col2{/*203px*/
/*	background:orange;*/
	float:left;
	margin-left:20px;
	width:193px;
	}

#col2 .RecentApplications{
	background:#EBEBEB;
	height:95px;/*152*/
	margin:10px 0px 35px 0px;
	width:193px;
	}

.productBlockSml{
	width:193px;
	clear:both;
	}

#relatedInfo{
	background:#CCCCCC;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding:0px;
	margin:10px 0px 0px;
	width:485px;
}

.block{
	clear:both;
	display:block;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px;
	width:965px;
/*	background-color:yellow;
	border: 1px dashed black;*/
	}

	
.align-right{
	float:right;
	text-align:right;
	}

	
.box460{
	width:460px;
	background:#CCCCCC;
	border: 1px solid black;
	}
/*-------------------------------------
 Footer
-------------------------------------*/
#footer {
	position:relative;
	width: 968px;
	padding: 5px 0px 5px 0px;
	clear: both;
	background-color: #c60000;	
}

/* CSS Document */