/* CSS Document */
/************************************************************************
	Site:		
	
	Author:		eROI		[www.eroi.com] 
	 
	
	Listing Order:
	==============
	1 - Stucture/layout
	2 - Main Content
	3 - Sub Navigation

************************************************************************/

/***********************************************************************
	1 - STRUCTURE/LAYOUT
************************************************************************/

div#leftColumn {
	background: #ffdeb7;
	width: 144px;
	height: 402px;
	margin: 0 3px 3px 0;
	float: left;
}

#content {
	padding: 45px 0 20px 0;
	width:653px;
	float:left;
	margin-top:-140px;
}

/***********************************************************************
	2 - MAIN CONTENT
************************************************************************/

/*** BANNER AND FLOATING IMAGES ***/
/*--------------------------------*/
div.contentBanner {
	width: 653px;
	height: 143px;
}

/*** BANNERS AND IMAGES FOR MAIN PAGES ***/

div#woodOverview { background: url(../images/banner_wood_overview.jpg) top left no-repeat; }
div#concreteOverview { background: url(../images/banner_concrete_overview.jpg) top left no-repeat; }
div#coatingOverview { background: url(../images/banner_coating_overview.jpg) top left no-repeat; }
div#appOverview { background: url(../images/banner_app_overview.jpg) top left no-repeat; }
div#companyOverview { background: url(../images/banner_company_overview.jpg) top left no-repeat; }
div#specsOverview { background: url(../images/banner_specs_overview.jpg) top left no-repeat; }
div#sitemapOverview { background: url(../images/banner_sitemap_overview.jpg) top left no-repeat; }

/*** BANNERS AND IMAGES FOR SUBPAGES ***/

div#woodSubES { background: url(../images/banner_wood_es_50.jpg) top left no-repeat; }
div#woodSubET { background: url(../images/banner_wood_et_75.jpg) top left no-repeat; }
div#woodSubNP { background: url(../images/banner_wood_new_products.jpg) top left no-repeat; }
div#concreteSubCTR { background: url(../images/banner_concrete_ctr_100.jpg) top left no-repeat; }
div#concreteSubNP { background: url(../images/banner_concrete_NP.jpg) top left no-repeat; }
div#concreteSrp210 { background: url(../images/banner_concrete_srp_210.jpg) top left no-repeat; }
div#appSubHP { background: url(../images/banner_app_HP.jpg) top left no-repeat; }
div#appSubIP { background: url(../images/banner_app_IP.jpg) top left no-repeat; }
div#appSubHS { background: url(../images/banner_app_HS.jpg) top left no-repeat; }
div#companySubNI { background: url(../images/banner_company_NI.jpg) top left no-repeat; } 
div#companySubAbout { background: url(../images/banner_company_about.jpg) top left no-repeat; }
div#companySubREP { background:url(../images/banner_contact_DR.jpg) top left no-repeat;}
div#specsSubPS { background: url(../images/banner_specs_tech_data.jpg) top left no-repeat; }
div#legal { background: url(../images/banner_legal.jpg) top left no-repeat; }


div#content h1 {
	padding: 17px 0 0 15px;
}

div#content h2 {
	font-size: 12px;
	padding: 10px 0 0 15px;
}

div#content p {
	padding: 8px 197px 0 15px;
}

div#content ul {
	padding: 0 0 0 35px;
}

/***********************************************************************
	3 - SUB NAVIGATION
************************************************************************/

ul#subNav {
	padding: 64px 10px 0 0;
	font-size: 11px;
}

ul#subNav li {
	list-style: none;
	text-align: right;
	padding: 0 0 10px 0;
}

ul#subNav li a {
	color: #000;
	text-decoration: none;
}

ul#subNav li a:hover {
	text-decoration: underline;
}

ul#subNav li.subNavTitle a {
	color: #555;
	border-bottom: 1px solid #8a817a;
	padding: 0 0 5px 0;
}

ul#subNav li.subNavTitle a:hover {
	text-decoration: none;
}

ul#subNav li.app a { 
	color: #ff971a; 
	border-top: 1px solid #8a817a;
	border-bottom: 1px solid #8a817a;
	padding: 3px 0 5px 0;
}

ul#subNav li.app a:hover {
	text-decoration: none;
}

/*** CONCRETE TIE REPAIR ***/