/* 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;
	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: 74px;
	background: url(images/home.jpg) no-repeat top left}
li.nailite a  {
	width: 174px;
	background: url(images/nailite.jpg) no-repeat top left}
li.mitten a  {
	width: 113px;
	background: url(images/mitten.jpg) no-repeat top left}
li.abtco a  {
	width: 77px;
	background: url(images/abtco.jpg) no-repeat top left}
li.fairway a  {
	width: 149px;
	background: url(images/fairway.jpg) no-repeat top left}
li.iqmtrimboard a  {
	width: 142px;
	background: url(images/iqmtrimboard.jpg) no-repeat top left}
li.contact a  {
	width: 105px;
	background: url(images/contact.jpg) 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/nailiteheader.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: 130px;
	width: 175px; 
	background: url(images/nailitelogo.jpg) no-repeat center center;	
}	
#nailitelogo 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;
}	

#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;
}		
#abtco3{
	height: 130px;
	width: 175px; 
	background: url(images/abtco3.png) no-repeat center center;	
	margin-bottom: 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}
