/*   CREATED: Oct. 7, 2009
*    CREATED BY: Eric
*
*
*
*
*/

@media screen
{
	html, body
	{
		height:100%;
		margin:0;
		padding:0;
		text-align:center;
		width:100%;
	}
	
	body
	{
		color:#333;
		font:normal normal 12px/100% Arial, Tahoma, Helvetica, sans-serif;
		
		background:#fff url(../Images/bg.jpg) left top repeat-x;
	}
	
	ul, ol
	{
		list-style:disc;
		margin:0 0 17px 0; 
		padding:0 0 0 15px;
	}
	
	p
	{
		padding-bottom:15px;
	}
	
	strong
	{
		font-weight:bold;
	}
	
	hr
	{
		color:#999;
		height:1px;
		margin:20px 0;
		width:100%;
	}
	
	a:link, a:visited
	{
		text-decoration:underline;
	}
	
	a:hover
	{
		text-decoration:none;
	}
	
	
	.floatLeft
	{
		float:left;
	}
	
	.floatRight
	{
		float:right;
	}

	/* clear without structural mark-up from PIE website*/
	.clear:after 
	{ 
		clear:both;
		content:"."; 
		display:block; 
		height:0;  
		visibility:hidden; 
	}
	
	.clear
	{ 
		display:inline-block;
		line-height:0; 
	}
	
	/* mac hide \*/
	* html .clear 
	{
		height: 1%;
	}
	
	.clear
	{
		display:block;
	}
	/* End hide */
	/* do not change or amalgamate clearfix styles*/
	
		
	
	h1, h2, h3, h4, h5, h6
	{
	}
		
	#eesContainer
	{
		margin:0 auto;
		text-align:left;
		width:834px;
	}
	
	h1#eesPrintHeader
	{
		display:none;
	}
	
	#eesHeader
	{
		float:left;
		height:466px;
		position:relative;
		width:100%;
	}
	
	#eesHeaderLeft
	{
		position:absolute;
		left:-13px;
		top:0;
		width:168px;
	}
	
	#eesHeaderMiddle
	{
		left:155px;
		position:absolute;
		top:0;
		width:679px;
	}
	
	#eesHeaderRight
	{
		left:834px;
		position:absolute;
		top:0;
		width:52px;
	}
	
/* Body 
________________________________________*/

	#eesBodyContainer
	{
		background:#fff;
		float:left;
		padding:27px 0 0 0;
		width:100%;
	}
	
	#eesBodyLeftColumn
	{
		float:left;
		left:15px;
		position:relative;
		width:222px;
	}
	
	#eesBodyLeftColumn a:link, #eesBodyLeftColumn a:visited
	{
		display:block;
		padding-bottom:30px;
		
		font:bold 13px/100% Tahoma, Helvetica, sans-serif;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#eesBodyLeftColumn a:hover
	{
		text-decoration:underline;
	}
	
	#eesBodyLeftColumn a.Choose
	{
		color:#a0b6c0;
	}
	
	#eesBodyLeftColumn a.Haas
	{
		color:#beb49b;
	}
	
	#eesBodyLeftColumn a.Provia
	{
		color:#92ac7b;
	}
	
	#eesBodyRightColumn
	{
		float:right;
		position:relative;
		right:34px;
		width:510px;
	}
	
	#eesBrands
	{
		float:left;
		width:100%;
		
		font-size:11px;
		text-align:center;
	}
	
	#eesBrands #eesHaasDoor
	{
		background:#cce6ed;
		float:left;
		margin-right:14px;
		padding-bottom:10px;
		width:268px;
	}
	
	#eesBrands #eesHaasDoor .Padding, 
	#eesBrands #eesProvia .Padding
	{
		height:235px;
		padding:0 25px;
	}
	
	#eesBrands #eesInsulated .Padding
	{
		height:235px;
		padding:0 19px;
	}
	
	#eesBrands #eesInsulated
	{
		background:#e7e0c9;
		float:left;
		padding-bottom:10px;
		width:268px;
	}
	
	#eesBrands #eesProvia
	{
		background:#dcecc1;
		float:right;
		padding-bottom:10px;
		width:268px;
	}
	
	#eesBrandCopyrights
	{
		float:left;
		width:100%;
		
		font-size:10px;
		text-align:center;
	}
	
	#eesBrandCopyrights #HaasDoors
	{
		float:left;
		margin-right:14px;
		padding-top:15px;
		width:268px;
	}
	
	#eesBrandCopyrights #InsulatedSiding
	{
		float:left;
		padding-top:15px;
		width:268px;
	}
	
	#eesBrandCopyrights #ProVia
	{
		float:right;
		padding-top:15px;
		width:268px;
	}
	
	#eesFooter
	{
		float:left;
		padding:15px 0;
		width:100%;
		
		font-size:10px;
		text-align:center;
	}
}

@media print
{
	html, body
	{
		height:100%;
		margin:0;
		padding:0;
		text-align:center;
		width:100%;
	}
	
	body
	{
		color:#333;
		font:normal normal 12px/100% Arial, Tahoma, Helvetica, sans-serif;
	}
	
	img
	{
		border:0;
	}
	
	ul, ol
	{
		list-style:disc;
		margin:0 0 17px 0; 
		padding:0 0 0 15px;
	}
	
	p
	{
		margin:0;
		padding:0 0 15px 0;
	}
	
	strong
	{
		font-weight:bold;
	}
	
	hr
	{
		color:#999;
		height:1px;
		margin:20px 0;
		width:100%;
	}
	
	a:link, a:visited
	{
		text-decoration:underline;
	}
	
	a:hover
	{
		text-decoration:none;
	}
	

	/* clear without structural mark-up from PIE website*/
	.clear:after 
	{ 
		clear:both;
		content:"."; 
		display:block; 
		height:0;  
		visibility:hidden; 
	}
	
	.clear
	{ 
		display:inline-block;
		line-height:0; 
	}
	
	/* mac hide \*/
	* html .clear 
	{
		height: 1%;
	}
	
	.clear
	{
		display:block;
	}
	/* End hide */
	/* do not change or amalgamate clearfix styles*/
	
		
	
	h1, h2, h3, h4, h5, h6
	{
	}
		
	#eesContainer
	{
		margin:0 auto;
		overflow:hidden;
		text-align:left;
		width:650px;
	}
	
	h1#eesPrintHeader
	{
		border-bottom:solid 1px #000;
		margin-top:10px;
		padding-bottom:10px;
		
		font-size:24px;
		font-weight:bold;
	}
	
	#eesHeader
	{
		display:none;
	}
	
/* Body 
________________________________________*/

	#eesBodyContainer
	{
		height:225px;
		padding:15px 0 0 0;
		position:relative;
		width:100%;
	}
	
	#eesBodyLeftColumn
	{
		height:210px;
		left:0px;
		position:absolute;
		width:222px;
	}
	
	#eesBodyLeftColumn a:link, #eesBodyLeftColumn a:visited
	{
		display:block;
		padding-bottom:30px;
		
		font:bold 13px/100% Tahoma, Helvetica, sans-serif;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#eesBodyLeftColumn a.Choose
	{
		color:#a0b6c0;
	}
	
	#eesBodyLeftColumn a.Haas
	{
		color:#beb49b;
	}
	
	#eesBodyLeftColumn a.Provia
	{
		color:#92ac7b;
	}
	
	#eesBodyRightColumn
	{
		left:250px;
		position:absolute;
		width:400px;
	}
	
	#eesBrands
	{
		height:455px;
		position:relative;
		width:100%;
		
		font-size:11px;
		text-align:center;
	}
	
	#eesBrands #eesHaasDoor
	{
		padding-bottom:10px;
		position:absolute;
		width:206px;
	}
	
	#eesBrands #eesHaasDoor .BrandsHaas, 
	#eesBrands #eesInsulated .BrandsInsulated,
	#eesBrands #eesProvia .BrandsProVia
	{
		height:110px;
		width:206px;
	}
	
	
	#eesBrands #eesHaasDoor .Padding, 
	#eesBrands #eesProvia .Padding
	{
		height:296px;
		padding:0 25px;
		position:relative;
		top:-26px;
	}
	
	#eesBrands #eesInsulated .Padding
	{
		height:296px;
		padding:0 19px;
		position:relative;
		top:-26px;
	}
	
	#eesBrands #eesInsulated
	{
		left:220px;
		padding-bottom:10px;
		position:absolute;
		width:206px;
	}
	
	#eesBrands #eesProvia
	{
		left:440px;
		padding-bottom:10px;
		position:absolute;
		width:206px;
	}
	
	#eesBrandCopyrights
	{
		height:32px;
		position:relative;
		width:100%;
		
		font-size:10px;
		text-align:center;
	}
	
	#eesBrandCopyrights #HaasDoors
	{
		left:0;
		position:absolute;
		width:206px;
	}
	
	#eesBrandCopyrights #InsulatedSiding
	{
		left:220px;
		position:absolute;
		width:206px;
	}
	
	#eesBrandCopyrights #ProVia
	{
		left:440px;
		position:absolute;
		width:206px;
	}
	
	.HaasButton img,
	.InsulatedButton img,
	.ProviaButton img
	{
		height:32px;
		width:206px;
	}
	
	#eesFooter
	{
		padding:15px 0;
		position:relative;
		width:100%;
		
		font-size:10px;
		text-align:center;
	}
}