/* CSS Document */
/************************************************************************
	Site:		
	
	Author:		eROI		[www.eroi.com] 
	 
	
	Listing Order:
	==============
	1 - Global
	2 - Structure/Layout
	3 - Top Navigation
	4 - Footer	

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

/***********************************************************************
	1 - GLOBAL
************************************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background: #000;
}

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}

h1 {
	color: #ff971a;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/

div#container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background: #fff;
	background: url(../images/bg_content.gif) top left repeat-y;
	position:relative;
	margin-top: 30px;
}

div#rightColumn {
	width: 651px;
	float:left;
}

div#topBanner {
	background: url(../images/bg_bannerTop.gif) top left no-repeat;
	width: 800px;
	height: 108px;
}

div#footer {
	background: url(../images/bg_bannerBottom.gif) top left no-repeat;
	width: 800px;
	height: 54px;
}

.clearFix {
	clear: both;
}

/***********************************************************************
	3 - TOP NAVIGATION
************************************************************************/

div#navdiv {
	background: url(../images/bg_nav.gif) top left repeat-x;
	height: 33px;
	_height: 27px;
	width: 800px;
	vertical-align:middle;
	padding-top:2px;
}

div#navdiv ul {
	list-style: none;
	margin:0;
}

div#navdiv ul li {
	list-style: none;
	float: left;
	display: block;
	position: relative;
	color:#000;
	padding-top:6px;
}

div#navdiv ul li a {
	font: 11px Trebuchet, Trebuchet MS;
	display: block;
	margin: 0;

	color: #fff;
	text-decoration:none;
}
		
li#home { width: 95px;  height: 27px; text-align:center;  }			
li#woodTies { width: 81px;  height: 27px; text-align:left;   }
li#woodTies .droplink{ width: 91px;  height: 16px; text-align:left;  padding-left:3px; padding-top:2px;}
li#concreteTies { width: 101px;  height: 27px; text-align:left; }
li#concreteTies .droplink{ width: 101px;  height: 16px; text-align:left;	padding-left:3px; padding-top:2px;}
li#coatings { width: 143px;  height: 27px; text-align:left; }
li#coatings .droplink{ width: 138px;  height: 16px; text-align:left; padding-left:3px; padding-top:2px;}
li#application { width: 129px;  height: 27px; text-align:left;  }
li#application .droplink{ width: 129px;  height: 16px; text-align:left; padding-left:3px; padding-top:2px;}
li#companyInfo { width: 100px;  height: 27px; text-align:left; }
li#companyInfo .droplink{ width: 108px;  height: 16px; text-align:left; padding-left:3px; padding-top:2px;}
li#prodSpecs { width: 100px;  height: 27px; text-align:left; }
li#prodSpecs .droplink{ width: 100px;  height: 16px; text-align:left; padding-left:3px; padding-top:2px;}

/* Hover States */

li#woodTies ul { background-color:#CCCCCC; }
li#concreteTies ul { background-color:#CCCCCC;  }
li#coatings ul { background-color:#CCCCCC; }
li#application ul { background-color:#CCCCCC; }
li#companyInfo ul { background-color:#CCCCCC; }
li#prodSpecs ul { background-color:#CCCCCC; }



div#navdiv li ul {
	display: none;
	position: absolute;
	background-color: #ffc987;
	top: 29px;
	left: 0;
	border-bottom: 1px solid #939598;
	z-index: 30;
}

div#navdiv li ul li {
	height: 22px;
	width: auto;
	display: block;
	margin:0;
	padding:0;

	border-top: 1px solid #939598;
	border-right: 1px solid #939598; 
	border-left: 1px solid #939598;

}

div#navdiv li ul li a {
	display: block;

	color: #000;
	background: #ffc987;
	width: 100%;

}

div#navdiv li ul li a:hover {
	color: #000;
	background: #ffae4c;
}

div#navdiv li ul li:hover {
	color: #000;
	background: #ffae4c;
}	

div#nav div li ul a.link {
	height: 25px;
	width: 100%;
	display: block;
}

div#navdiv li:hover ul, div#navdiv li.over ul{ display: block; }

/***********************************************************************
	4 - FOOTER
************************************************************************/

div#footer ul {
	font-size: 10px;
	padding: 10px 0 0 0;
}
.woodTieslink{ 
	width:200px;

}

div#footer ul li {
	display: inline;
	padding: 0 0 0 8px;
}

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

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