@import url("core.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #737d78;
	text-decoration: none;
	text-align:center;
	padding-bottom:35px;
	background-image: url(../images/home/bg_page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.clearspace {
	clear:both;
	height:1px;
	line-height:1px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
h1 { font-size:31px; color:#a55a28; }
h2 { font-size:30px; color:#28322d; margin-top:-7px; padding-bottom:3px; }
h3 { font-size:25px; color:#006928; }
ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}
a {color: #FF0000}   
a:visited {color: #00FF00} 
a:hover {color: #FF00FF}  
a:active {color: #0000FF}  
p {
	margin:0px;
	line-height: 18px;
	padding: 0px 0px 6px 0px;
}
#wrapper {
	text-align:left;
	width:970px;
	background-image: url(../images/home/bg_wrapper.png);
	background-repeat: no-repeat;
	margin:0px auto;
	padding:0px 0px 41px 0px;
	background-position: center bottom;
}
	#header {
		width:970px;
		height:350px;
		background-image: url(../images/home/bg_header.jpg);
		background-repeat: repeat-x;
	}
	#utillogobox { height:100px; width:970px; }
		#logo { float:left; width:282px; height:100px; }
		#utilnavbox { float:right; width:688px; height:100px; }
		#utilities { float:right; padding:13px 13px 17px 0px; height:20px; width:320px; }
			#utilities li { float:left; }
			#utilities li a {
				display:block;
				background-image: url(../images/bg_utilities.png);
				background-repeat: no-repeat;
				height: 1px;
				padding-top:19px;
				overflow:hidden;
			}
			.util-aboutus { width:92px; background-position:0px -13px; }
			.util-aboutus:hover, .util-aboutus.active { background-position:0px -46px; }
			.util-login { width:72px; background-position:-92px -13px; }
			.util-login:hover, .util-login:active { background-position:-92px -46px; }
			.util-contact { width:87px; background-position:-164px -13px; }
			.util-contact:hover, .util-contact:active { background-position:-164px -46px; }
			.util-home { width:69px; background-position:-251px -13px; }
			.util-home:hover, .util-home:active { background-position:-251px -46px; }
		#navvistaproducts { clear:both; width:688px; height:50px; }
			.txtvisproimg {
				float:left;
				width:110px;
				height:50px;
				background-image: url(../images/home/bg_txtvistapro.jpg);
				background-repeat: no-repeat;
				background-position:33px 16px;
				cursor: default;
			}
			#navvistaproducts ul {
				float:right;
				width: 565px;
				height:50px;
				padding-right:13px;
				background-image: url(../images/home/bg_vistapronav.png);
				background-repeat: repeat-x;
			}
			#navvistaproducts li { float:left; }
			#navvistaproducts li a {
				display:block;
				height:50px;
				background-image: url(../images/home/bg_vistaproducts.png);
				background-repeat: no-repeat;
			}
			#navrailings { width:184px; background-position:0px -100px; }
			#navrailings:hover { background-position:0px -50px; }
			#navrailings.active { background-position:0px 0px; }
			
			#navfencing { width:175px; background-position:-184px -100px; }
			#navfencing:hover { background-position:-184px -50px; }
			#navfencing.active { background-position:-184px 0px; }
			
			#navwindscreen { width:206px; background-position:-359px -100px; }
			#navwindscreen:hover { background-position:-359px -50px; }
			#navwindscreen.active { background-position:-359px 0px; }
			
		#mainnav { }
	#banner { clear:both; width:970px; height:250px; background-repeat: no-repeat; }
			.architects { background-image: url(../images/home/banner_ae.jpg); }	
			.contractors { background-image: url(../images/home/banner_con.jpg); }
		.home { background-image: url(../images/home/banner_home.jpg); }		
			#navothermarkets {
				float:left;
				width:222px;
				background-repeat: no-repeat;
				background-position:13px 0px;
				padding-left:13px;					
			}
			#navothermarkets li.firstitem, #navothermarkets li.lastitem  {
				background-image: url(../images/home/bg_navothermarket.gif);
				background-repeat: no-repeat;
				filter:alpha(opacity=40);
				moz-opacity:0.4;
				opacity:0.4;
				height:43px;
			}
			 #navothermarkets li.lastitem { background-position:0px -172px; }
					#navothermarkets ul { height:212px; }
					
					#navothermarkets li a {
						display:block;
						width:222px;
						height:43px;
						background-image: url(../images/home/bg_navothermarket.gif);
						background-repeat: no-repeat;						
					}
									
					#navanarchitect { background-position:-222px -43px; }
					/*#navanarchitect:hover { background-position:-222px -43px; }*/
					
					#navacontractor { background-position:-222px -86px; }
					/*#navacontractor:hover { background-position:-222px -86px; }*/
					
					#navahome { background-position:-222px -129px; }
					/*#navahome:hover { background-position:-222px -129px; }*/
			
	#mainnav { position:absolute; width:887px; height:60px; margin-top:290px; }
		#mainnav li { float:left; }
		#mainnav li a {
			display:block;
			height:60px;			
			background-repeat: no-repeat;
		}
		#mainnav li.lheading { background-position:0px 0px; width:314px; height:60px; }
		
		#mainnav .architects li.lheading { background-image: url(../images/home/vistaNav_architects.gif); }
		.architects li a { background-image: url(../images/home/vistaNav_architects.gif); }
		
				#navarpowder { width:140px; background-position:-314px 0px; }
				#navarpowder:hover { background-position:-314px -60px; }
				#navarpowder.active { background-position:-314px -120px; }
				#navarpowder.hover { background-position:-314px -60px; }
				
				#navartechnical { width:148px; background-position:-454px 0px; }
				#navartechnical:hover { background-position:-454px -60px; }
				#navartechnical.active { background-position:-454px -120px; }
				#navartechnical.hover { background-position:-454px -60px; }
				
				
				#navarquality { width:150px; background-position:-602px 0px; }
				#navarquality:hover { background-position:-602px -60px; }
				#navarquality.active { background-position:-602px -120px; }
				#navarquality.hover { background-position:-602px -60px; }
				
				
				#navarproject { width:135px; background-position:-752px 0px; }
				#navarproject:hover { background-position:-752px -60px; }
				#navarproject.active { background-position:-752px -60px; }
				#navarproject.hover { background-position:-752px -60px; }
				
				
		#mainnav .contractors li.lheading { background-image: url(../images/home/vistaNav_contractors.gif); }		
		.contractors li a { background-image: url(../images/home/vistaNav_contractors.gif); }
		
				#navcoproduct { width:140px; background-position:-314px 0px; }
				#navcoproduct:hover { background-position:-314px -60px; }
				#navcoproduct.active { background-position:-314px -120px; }
				#navcoproduct.hover { background-position:-314px -60px; }
				
				#navcopowder { width:148px; background-position:-454px 0px; }
				#navcopowder:hover { background-position:-454px -60px; }
				#navcopowder.active { background-position:-454px -120px; }
				#navcopowder.hover { background-position:-454px -60px; }
				
				
				#navcoquality { width:150px; background-position:-602px 0px; }
				#navcoquality:hover { background-position:-602px -60px; }
				#navcoquality.active { background-position:-602px -120px; }
				#navcoquality.hover { background-position:-602px -60px; }
				
				
				#navcoproject { width:135px; background-position:-752px 0px; }
				#navcoproject:hover { background-position:-752px -60px; }
				#navcoproject.active { background-position:-752px -60px; }
				#navcoproject.hover { background-position:-752px -60px; }
		
		#mainnav .home li.lheading { background-image: url(../images/home/vistaNav_homeOwners.gif); }		
		.home li a { background-image: url(../images/home/vistaNav_homeOwners.gif); }
		
				#navhmcolors { width:97px; background-position:-314px 0px; }
				#navhmcolors:hover { background-position:-314px -60px; }
				#navhmcolors.active { background-position:-314px -120px; }
				#navhmcolors.hover { background-position:-314px -60px; }				
				
				#navhmquality { width:150px; background-position:-411px 0px; }
				#navhmquality:hover { background-position:-411px -60px; }
				#navhmquality.active { background-position:-411px -120px; }
				#navhmquality.hover { background-position:-411px -60px; }
				
				#navhmproject { width:137px; background-position:-561px 0px; }
				#navhmproject:hover { background-position:-561px -60px; }
				#navhmproject.active { background-position:-561px -120px; }	
				#navhmproject.hover { background-position:-561px -60px; }	
		
	#mainsection { clear:both; padding:0px 13px 0px 28px; width:929px; }
		#breadcrumps { color:#999da5; font-size:10px; padding-top:8px;; }
			#breadcrumps a { color:#999da5; text-decoration:underline; }
			#breadcrumps a:hover, #breadcrumps a.active { color:#999da5; text-decoration:none; }
		#columnleft { float:left; width:724px; }
			#pageheading { width:100%; padding-top:8px; padding-bottom:10px; }
			#subnav { float:left; width:180px; }
				#subnav ul {
					background-image: url(../images/home/bg_hrline.gif);
					background-repeat: repeat-x;
					background-position:left top;
				}
				#subnav li {
					background-image: url(../images/home/bg_hrline.gif);
					background-repeat: repeat-x;
					background-position:left bottom;
					font-size:12px;
				}
				#subnav li a {
					display:block;
					color:#69726d;
					text-decoration:none;
					padding:8px 15px 9px 27px;
					width:138px;
					background-image: url(../images/home/bg_subnav.gif);
					background-repeat: no-repeat;
					background-position: 5px 11px;
				}
				#subnav li a:hover, #subnav li a.active { background-image: url(../images/home/bg_subnavhover.gif); color:#323c37; }
				#subnav li ul { background-image:none; margin-top:-5px; padding-bottom:4px; }
				#subnav li li { background-image:none; }
				#subnav li li a {
					background-image: url(../images/home/bg_ssubnav.gif);
					background-repeat: no-repeat;
					background-position: 27px 10px;
					padding:2px 10px 5px 36px;
					width:134px;
				}
				#subnav li li a:hover, #subnav li li a.active { background-image: url(../images/home/bg_ssubnav.gif); }
			#content { float:left; padding:0px 12px 40px 23px; width:509px; min-height:400px; }
				p.firstpara { padding-top:5px; }
				#content ul { padding-bottom:3px; }
				#content li {
					padding-left:25px;
					background-image: url(../images/home/bg_licontent.gif);
					background-repeat: no-repeat;
					background-position: 15px 6px;
					margin-bottom: 7px;
				}
		#sidebar{ float:left; width:205px; }
			#cta li a {
				display:block;
				width:205px;
				background-image: url(../images/home/cta.jpg);
				background-repeat: no-repeat;				
			}
				.cta-find { background-position:0px 0px; height:117px; }
				.cta-find:hover { background-position:-205px 0px; }
				.cta-download { background-position:0px -117px; height:117px; }
				.cta-download:hover { background-position:-205px -117px; }
				.cta-dealership { background-position:0px -233px; height:132px; }
				.cta-dealership:hover { background-position:-205px -233px; }
			div.quotedtext {
				background-image: url(../images/home/quote_open.gif);
				background-repeat: no-repeat;
				background-position: left 4px;
				text-indent: 16px;
				clear: both;
				width: 198px;
				margin-top:2px;
			}
			div.quotedtext p {
				background-image: url(../images/home/quote_close.gif);
				background-repeat: no-repeat;
				background-position: 179px 40px;
			}
			.txthighlight { color:#323c37; font-weight:bold; }
		#footer { clear:both; width:947px; padding:0px 0px 23px 23px; color:#8c8c8c; }
		#footer a { color:#8c8c8c; text-decoration:none; }
		#footer a:hover { color:#8c8c8c; text-decoration:underline; }
			.logo-gs {
				float:left;
				background-image: url(../images/home/logo-gs.gif);
				background-repeat: no-repeat;
				background-position: 66px 20px;
				width:202px;
				height:50px;
				line-height:19px;
				margin-top:-5px;
			}
			.logo-gs img { position:absolute; margin-left:67px; margin-top:20px; width:89px; height:30px; }
			.logo-nadra {
				float:left;
				width:266px;
				font-size:10px;
				color:#72838a;
				padding:26px 0px 0px 134px;
				background-image: url(../images/home/logo-nadra.gif);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			.logo-nadra img { position:absolute; width:127px; height:49px; margin-left:-134px; margin-top:-26px; }
			.flinks { float:right; padding-top:33px; width:345px; }
			.flinks li { float:left; }
			.flinks li a {
				display:block;
				background-image: url(../images/home/bg_fsep.gif);
				background-repeat: no-repeat;
				background-position: left 5px;
				padding-right: 8px;
				padding-left: 9px;
				padding-top:4px;
			}
			.flinks li a.fdealer {
				background-image: url(../images/home/bg_dealerlgm.gif);
				background-repeat: no-repeat;
				background-position:0px 0px;
				padding-left:18px;
			}

/******************************* CSS FOR DROPDOWN ************************************/

#mainnav li ul { border-top:1px solid #ffffff; width:140px; position:relative;  }
#mainnav li li { float:none; font-size:12px; }
#mainnav li li a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	background-color:#324137;
	padding:8px 10px 7px 16px;
	height:auto;
	width:114px;
	background-image: none;
	filter:alpha(opacity=90);
	moz-opacity:0.9;
	opacity:0.9;
	border-bottom:1px solid #78827d;
}
#mainnav li li a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#00782d;
	filter:alpha(opacity=100);
	moz-opacity:1;
	opacity:1;
}
#mainnav li ul { display:none; }
#mainnav li:hover ul { display:block; }

body {
	text-align:center;
	padding-bottom:35px;
	background-image: url(../images/home/bg_home.jpg);
}
#header {
		width:970px;
		height:360px;
		background-image: none;
		background-repeat: repeat-x;
	}
	.txtvisproimg {
				float:left;
				width:75px;
				height:52px;
				background-image: url(../images/home/bg_txtvistapro-home.jpg);
				background-repeat: no-repeat;
				margin-left:22px;
				background-position:0 0;
			}
	#utilities { float:right; padding:0px; margin:18px 13px 14px 0px; height:20px; width:320px; }
	#utillogobox { height:110px; width:970px; }
	#utilnavbox { float:right; width:660px; height:110px; }
	#logo { float:left; width:310px; height:110px; }
	#home-mainnav {
	width:647px;
	height:58px; display:block;
	float:left;	padding:0; margin:0;
	}
	#home-mainnav li {
	float:left; padding:0; margin:0;
	}
	#home-mainnav li a {
	display:block;
	height:58px;
	background-repeat:no-repeat; 
	}
	#home-mainnav li a:hover, #home-mainnav li a.active {
	background-position:0 -58px;  }
	#home-nav-railing {
	background-image:url(../images/home/nav01_railing.png);
	width:211px;
	}
	#home-nav-fencing {
	background-image: url(../images/home/nav02_fencing.png);
	width:199px;
	}
	#home-nav-wind {
	background-image:url(../images/home/nav03_wind-screen.png);
	width:237px;
	}
	.home { background-image: url(../images/home/home-banner.jpg); }
	#home-mainsection {
	width:944px;
	padding:15px 13px 30px 13px;
	}
	#sidebar{ float:right; width:205px; }
	#home-cta {
	width:733px;
	float:left;
	}
	#home-cta li {
	float:left;
	}
	#home-cta li a {
	display:block;
	width:242px;
	height:1px;
	padding-top:373px;
	overflow:hidden;
	background-repeat:no-repeat;
	}
	#home-cta li a:hover {
	background-position:0 -374px;
	}
	#home-cta .home-cta-homeowner {
	background-image:url(../images/home/cta_home-owner.jpg);
	}
	#home-cta .home-cta-controctor {
	background-image: url(../images/home/cta_contractor-developer.jpg);
	}
	#home-cta .home-cta-architech {
	background-image: url(../images/home/cta_architects-engineers.jpg);
	}
	#home-side-cta {}
	#home-side-cta li a {
	display:block;
	width:205px;
	background-repeat:no-repeat;
	}
	#home-side-featured {
	background-image:url(../images/home/featuredproject.jpg);
	height:30px;
	}
	#home-side-featured:hover {
	background-position:0 -30px;}
	#andrews, #andrews span.location{
	font-size:11px;
	color:#757f78;
	text-decoration:none;
	font-family:Tahoma;
	line-height:14px;
	margin-top:-7px;
	margin-bottom:3px;
	}
	#andrews span {
	font-weight:bold;
	color:#3f4d43;
	font-size:13px;
	}
	/*#home-side-vista {
	background-image:url(../images/home/cta-vista.jpg);
	height:122px;
	}*/
	#home-side-vista {
	display: block;
	width: 205px;
	height: 117px;
	background-image: url(../images/arcat.gif);
	background-repeat: no-repeat;	
	}
	
	#home-side-vista:hover {
		background-position: 0 -117px;
	}
	/*#home-side-dealer {
	background-image: url(../images/home/cta-findadealer.jpg);
	height:122px;
	}*/
	#home-side-dealer {
		display:block;
		width:205px;
		background-image: url(../images/cta.jpg);
		background-repeat: no-repeat;	
		background-position:0px 0px; 
		height:117px;
	}	
	#home-side-dealer:hover {
		background-position:-205px 0px;
	}