/* IE PNG fix */
img, div { behavior: url(iepngfix.htc) }

body {
	background: #d4d4d4; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto;
	padding: 0px;
	color: #000;
	width: 100%;
	height: 100%;
}

a {color: #1a3fcd}

a:hover {text-decoration: none}

a img {border: none}

/* Page */
#page {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	background: #d4d4d4 url(images/bkg.jpg) repeat-x bottom center;  
}

/* Header */
#header {
	background: #0d0f0c url(images/header_bkg.jpg) no-repeat top center;	
	width: 100%;
	padding-top: 20px;
	margin: 0;
}

/* Logo */
#logo {
	background: url(images/hildebrando.jpg) no-repeat top left;
	height: 85px;
	margin: 0 auto;
}
#logo a {
	display:block;
	width:300px;
	height:100%;
}

/* Hero */
#hero {
	width: 800px;	
	height: 214px;
	margin: 0 auto;
	padding-bottom: 28px;
	background: url(images/hero.png) no-repeat top left;
}

/* Menu */
#menu {
	margin: 0 auto;
	padding: 0;
/* 	width: 834px; */
	width: 960px;
	height: 31px;		
	text-indent: -10000px;
}

#menu ul {	
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#menu li {float: left}

#menu a {
	display: block;
	height: 31px;
	text-decoration: none;	
}

li.home a {
	width: 36px;
	background: url(images/house.png) no-repeat top left}
li.nailite a  {
	width: 136px;
	background: url(images/exteriabuilding.png) no-repeat top left}
li.mitten a  {
	width: 109px;
	background: url(images/mittenvinyl.png) no-repeat top left}
li.abtco a  {
	width: 75px;
	background: url(images/abtco.png) no-repeat top left}
li.fairway a  {
	width: 136px;
	background: url(images/fairwayardmore.png) no-repeat top left}
li.iqmtrimboard a  {
	width: 142px;
	background: url(images/iqmtrimboard.png) no-repeat top left}
li.everflashing a  {
	width: 111px;
	background: url(images/everflashing.png) no-repeat top left}	
li.midamerica a  {
	width: 112px;
	background: url(images/midamerica.png) no-repeat top left}	
li.vantage a  {
	width: 79px;
	background: url(images/vantage.png) no-repeat top left}	
li.tapco a  {
	width: 63px;
	background: url(images/tapco.png) no-repeat top left}	
li.contact a  {
	width: 100px;
	background: url(images/contactus.png) no-repeat top left}

#menu a:hover  {
	display: block;
	background-position: 0 -31px;
}

/* Content */
#content {
	width: 800px;
	padding: 0px;
	margin: 0 auto;
}	

#content img {
	float: right;
	margin: 20px;
}	


/* columns */
#column {
	width: 558px;
	float: left;
	margin: 25px 25px 0 0;	
	border-right: 1px solid #da080c;
}
#column h1 {
	text-indent:-9999px;
	margin: 0 0 0 30px;
	padding: 0;
}	
#column h1#welcome {
	background: url(images/welcome.jpg) no-repeat top left;
	height: 34px;
	width: 438px;
}
#column h1.nailite {
	background: url(images/exteriaheader.jpg) no-repeat top left;
	height: 38px;
	width: 430px;
	margin-left: 34px;
}
#column h1.tapcotools {
	background: url(images/header-tapco.png) no-repeat top left;
	height: 29px;
	width: 152px;
	margin-left: 34px;
}
#column h1.everflashing {
	background: url(images/everflashingheader.jpg) no-repeat top left;
	height: 38px;
	width: 430px;
	margin-left: 34px;
}
#column h1.mitten {
	background: url(images/mittenheader.jpg) no-repeat top left;
	height: 36px;
	width: 436px;
	margin-left: 34px;
}
#column h1.abtco {
	background: url(images/abtcoheader.jpg) no-repeat top left;
	height: 33px;
	width: 447px;
	margin-left: 34px;
}
#column h1.fairway {
	background: url(images/fairwayheader.jpg) no-repeat top left;
	height: 34px;
	width: 456px;
	margin-left: 34px;
}
#column h1.trimboard {
	background: url(images/trimboardheader.jpg) no-repeat top left;
	height: 29px;
	width: 248px;
	margin: 0 0 15px 34px;
}
#column h1.contact {
	background: url(images/contactheader.jpg) no-repeat top left;
	height: 30px;
	width: 146px;
	margin-left: 34px;
}
#column h2 {
	margin: -5px 0 0 0;
	padding: 0;
	margin-left: 60px;
	font-size: 12px;
	font-style: italic;
	color: #626262;	
}
h3 {
	margin: 0 0 -20px 10px;
	padding: 0;
	font-size: 16px}
#column em {font-weight: bold}
#column p {padding: 10px 35px 0 10px}

#sidecolumn {
	width: 200px;
	float: left;
}
#sidecolumn h1 {
	background: url(images/moreinfo.jpg) no-repeat top left;
	height: 27px;
	width: 188px;
	text-indent:-9999px;
	margin: 25px 0 0 0;
	padding: 0;
}
#sidecolumn em {
	color: #da080c;
	font-weight: bold;
	font-size: 16px;
	display: block;
}	
#sidecolumn p {
	padding: 0 0 0 5px;
	width: 175px}

/* pictures */
#fairwaysign {
	background: url(images/fairwaysign.png) no-repeat top left;
	height: 130px;
	width: 173px;
	display: block;
	float: right;
	margin: 20px 35px 20px 20px;
}

#nailitelogo{
	height: 66px;
	width: 175px; 
	background: url(images/Exteria_logo.gif) no-repeat center center;	
}	
#nailitelogo a {
	display: block;	
	height: 130px;
	width: 175px; 
}

#everflashinglogo{
	height: 61px;
	width: 175px; 
	background: url(images/everflashing-logo.jpg) no-repeat center center;	
}	
#everflashinglogo a {
	display: block;	
	height: 130px;
	width: 175px; 
}

#nailite1{
	height: 130px;
	width: 175px; 
	background: url(images/nailite1.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#nailite2{
	height: 130px;
	width: 175px; 
	background: url(images/nailite2.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#nailite3{
	height: 130px;
	width: 175px; 
	background: url(images/nailite3.png) no-repeat center center;	
	margin-bottom: 20px;
}	

#everflashing1{
	height: 130px;
	width: 175px; 
	background: url(images/everflashing1.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#everflashing2{
	height: 130px;
	width: 175px; 
	background: url(images/everflashing2.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#everflashing3{
	height: 130px;
	width: 175px; 
	background: url(images/everflashing3.png) no-repeat center center;	
	margin-bottom: 20px;
}	

#mittenlogo{
	height: 130px;
	width: 175px; 
	background: url(images/mittenlogo.jpg) no-repeat center center;	
}	
#mittenlogo a {
	display: block;	
	height: 130px;
	width: 175px; 
}
#mitten1{
	height: 130px;
	width: 175px; 
	background: url(images/mitten1.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#mitten2{
	height: 130px;
	width: 175px; 
	background: url(images/mitten2.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#mitten3{
	height: 130px;
	width: 175px; 
	background: url(images/mitten3.png) no-repeat center center;	
	margin-bottom: 20px;
}

#fairwaylogo{
	height: 130px;
	width: 175px; 
	background: url(images/fairwaylogo.jpg) no-repeat center center;	
}	
#fairwaylogo a {
	display: block;	
	height: 130px;
	width: 175px; 
}
#fairway1{
	height: 130px;
	width: 175px; 
	background: url(images/fairway1.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#fairway2{
	height: 130px;
	width: 175px; 
	background: url(images/fairway2.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#fairway3{
	height: 130px;
	width: 175px; 
	background: url(images/fairway3.png) no-repeat center center;	
	margin-bottom: 20px;
}	
#iqmlogo {
	height: 88px;
	width: 175px; 
	background: url(images/iqm.jpg) no-repeat center center;	
	margin: 20px 0}		
#iqm1{
	height: 130px;
	width: 175px; 
	background: url(images/iqm1.png) no-repeat center center;	
	margin-bottom: 20px;
}			
#iqm2{
	height: 130px;
	width: 175px; 
	background: url(images/iqm2.png) no-repeat center center;	
	margin-bottom: 20px;
}			
#iqm3{
	height: 130px;
	width: 175px; 
	background: url(images/iqm3.png) no-repeat center center;	
	margin-bottom: 20px;
}		

#contact1{
	height: 130px;
	width: 175px; 
	background: url(images/contact1.png) no-repeat center center;	
	margin: 20px 0 20px 0;
}		
#contact2{
	height: 130px;
	width: 175px; 
	background: url(images/contact2.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#contact3{
	height: 130px;
	width: 175px; 
	background: url(images/contact3.png) no-repeat center center;	
	margin-bottom: 20px;
}	
#abtcologo{
	height: 180px;
	width: 175px; 
	background: url(images/abtcologo.jpg) no-repeat center center;	
}	
#abtcologo a {
	display: block;	
	height: 180px;
	width: 175px; 
}
#abtco1{
	height: 130px;
	width: 175px; 
	background: url(images/abtco1.png) no-repeat center center;	
	margin-bottom: 20px;
}		
#abtco2{
	height: 130px;
	width: 175px; 
	background: url(images/abtco2.png) no-repeat center center;	
	margin-bottom: 20px;
}		
.detail{
	height: 130px;
	width: 175px; 
	margin-bottom: 20px;
}	
#tapco1 {background: url(images/tapco1.png) no-repeat center center}
#tapco2 {background: url(images/tapco2.png) no-repeat center center}
#tapco3 {background: url(images/tapco3.png) no-repeat center center}


#column h1.vantageheader {
	background: url(images/header-vantage.png) no-repeat top left;
	height: 29px;
	width: 231px;
	margin-left: 34px;
}

#vantagelogo {
	height: 40px;
	width: 175px; 
	background: url(images/logo-vantage.png) no-repeat center center;	
	margin: 20px 0}	
	
#vantage1 {background: url(images/vantage1.png) no-repeat center center}
#vantage2 {background: url(images/vantage2.png) no-repeat center center}
#vantage3 {background: url(images/vantage3.png) no-repeat center center}


#column h1.midamericaheader {
	background: url(images/header-midamerica.png) no-repeat top left;
	height: 29px;
	width: 438px;
	margin-left: 34px;
}

#midamericalogo {
	height: 29px;
	width: 175px; 
	background: url(images/logo-midamerica.png) no-repeat center center;	
	margin: 20px 0}	
	
#midamerica1 {background: url(images/midamerica1.png) no-repeat center center}
#midamerica2 {background: url(images/midamerica2.png) no-repeat center center}
#midamerica3 {background: url(images/midamerica3.png) no-repeat center center}



#abtco3{
	height: 130px;
	width: 175px; 
	background: url(images/abtco3.png) no-repeat center center;	
	margin-bottom: 20px;
}
#tapcologo {
	height: 51px;
	width: 154px; 
	background: url(images/logo-tapco.png) no-repeat center center;	
	margin: 20px;
}

/* Footer */
#footer {
	margin: 0 auto;
	width: 100%;		
	height: 48px;
	margin-bottom: 0px;
}

#footer p {
	text-align: center;
	line-height: 48px;
	color: #4e4c4c;
}

#footer a {color: #4e4c4c}

#footer a:hover {text-decoration: none}