@charset "utf-8";
/* Heartland Siding.com Main Navigation - Horizontal Top */

.access{position:absolute; left:-9000px;}

/* ------------------ Content ------------------ */
#content{padding:5px 25px 20px 25px;}

	#contentLeft{
		float:left;
		width:60%;
		}
	
	#contentRight{
		float:right;
		width:35%;
		margin:4em 0 1em;
		}

/* ------------------ Address For Contact Us Page ------------------ */
#legal-address{
	display:block;
	float:left; clear:both;
	width:100%;
	font-size:1.09em; line-height:1.5em;
	font-style:normal;
	}
	
	.address-section{
		float:left;
		width:45%; margin:0 2% 0 0;
		}
	.address-section.last{margin-top:1.64em;}
		
		#legal-address abbr{border-bottom:none;}
		
		#legal-address .fn, #legal-address .org, #legal-address .street-address,
		#legal-address .country-name, #legal-address .tel{display:block;}
		
		#legal-address .fn{font-weight:900;}
		
		

/* ------------------ Form Layout ------------------ */
#frmContact{
	float:left; clear:both;
	width:100%;
	
	}
		
	#frmContact label{
		display:block;
		line-height:1.83em; /* This is enough line-height to handle a SUP tag without looking odd */
		font-weight:900;
		color:#000;
		}#frmContact label:after{content: " :";}
		
		#frmContact label sup{color:#000;}
	
	#frmContact input, #frmContact textarea, #frmContact select{
		display:block;
		width:97%;
		background:#fff; border:1px solid #565758;
		opacity:.8;
		font:normal normal 500 1em/1.33em arial;
		}
	
	#frmContact textarea{height:6.35em;}
	
#frmContact .hidden{border:none;}

#frmContact .button{
	float:right;
	width:auto;
	margin:10px 2% 0 0;
	background:#D4D0C8; border:1px outset #000; 
	cursor:pointer;
	color:#000;
	}
	
div.fullRow{float:left; width:100%; margin:0 0 .25em;}
	
	div.halfRow{float:left; width:48%; margin:0 2% 0 0;}
	* html div.halfRow{margin:0 1.5% 0 0;}
	
		div.thirdRow{float:left; width:31%; margin:0 2% 0 0;}
		
			div.quarterRow{float:left; width:23%; margin:0 2% 0 0;}
					
				div.last{margin-right:0;}

/* ------------------ Top Navigation ------------------ */
#topNav{
	float:left; clear:both;
	width:100%;
	margin:0 0 10px; padding:0;
	}

	#topNav li{
		float:left;
		margin:0; padding:0;
		background-repeat:repeat; background-position:left top;
		list-style-type:none;
		}
		
		#topNav li a{
			display:block;
			height:40px;
			background-repeat:no-repeat;
			text-indent:-9999px;
			overflow:hidden;
			}
	
	/* Home Owners */	
	#topNav #tn-homeowners{
		width:16.66%; 
		background-image:url(/images/menu/_HOcolour.png);
		}
		#topNav #tn-homeowners a{background:#928A1B url(/images/index/homeowners2.png) no-repeat center center;}
		#topNav #tn-homeowners a:hover, #topNav #tn-homeowners a:focus{background-image:url(/images/index/homeowners2_hover.png);}
	
	/* Distributors */
	#topNav #tn-distributors{
		width:16.66%; 
		background-image:url(/images/menu/DS_colour.png);
		}
		#topNav #tn-distributors a{background:#C8AF52 url(/images/index/distribute.png) no-repeat center center;}
		#topNav #tn-distributors a:hover, #topNav #tn-distributors a:focus{background-image:url(/images/index/distribute_hover.png);}
	
	/* Remodelers and Contractors */
	#topNav #tn-remodeler{
			width:16.66%; 
			background-image:url(/images/menu/RM_colour.png);
			}
		#topNav #tn-remodeler a{background:#C5A372 url(/images/index/remodelContract.png) no-repeat center center;}
		#topNav #tn-remodeler a:hover, #topNav #tn-remodeler a:focus{background-image:url(/images/index/remodelContract_hover.png);}
	
	/* Builders */
	#topNav #tn-builder{
			width:16.66%;
			background-image:url(/images/menu/BD_colour.png);}
		#topNav #tn-builder a{background:#9B4E46 url(/images/index/builders2.png) no-repeat center center;}
		#topNav #tn-builder a:hover, #topNav #tn-builder a:focus{background-image:url(/images/index/builders2_hover.png);}
		
	/* Developers and Architects */
	#topNav #tn-architect{
			width:16.66%; 
			background-image:url(/images/menu/AR_colour.png);
			}
		#topNav #tn-architect a{background:#827599 url(/images/index/architects2.png) no-repeat center center;}
		#topNav #tn-architect a:hover, #topNav #tn-architect a:focus{background-image:url(/images/index/architects2_hover.png);}
		
	/* Developers and Architects */
	#topNav #tn-international{
			width:16.66%; 
			background-image:url(/images/menu/IN_colour.png);
			}
		#topNav #tn-international a{background:#445D67 url(/images/index/international2.png) no-repeat center center;}
		#topNav #tn-international a:hover, #topNav #tn-international a:focus{background-image:url(/images/index/international2_hover.png);}
		
/* ------------------ Footer Navigation ------------------ */
#footer{
	width:90%;
	min-width:915px; max-width:1100px;
	margin:0 auto;
	}
	
	#footer #utilityNav{
		margin:10px 0 15px; padding:0;
		text-align:center;
		}
		
		#footer #utilityNav li{
			display:inline;
			margin:0 10px; padding:0;
			list-style-type:none;
			}
			
			#footer #utilityNav li a{
				font-weight:500;
				color:#fff;
				}