@charset "utf-8";
/* CSS Document */

#menuholder {
/*	background-image:url(../images/menu_bg.jpg);  */
	background-color:#0099FF;
/*	width: 100%; */
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0px;
	list-style: none;
	line-height: 1;
}

#nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	display: block;	
/*	width: 150px;  /* width minus left and right padding below */
/*	background-image:url(../images/menu_bg.jpg);  */
	background-color: #CD0016;
	color:#FFFFFF;
	font-weight: bold;
	/* font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none; */
	border-bottom:#000000 0px solid;
	border-top:#CD0016 2px solid;
	border-left:#CD0016 1px solid;
	border-right:#CD0016 1px solid;
	height:24px; /* Height minus top and bottom padding above */
	padding-top:10px; /* padding to space text */
}

#nav a:hover {
/*	background-position: left -37px;
	Removed Below and replaced with the option to move the background image */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	
	color: #000000;
	font-weight: bold;
	background-image:none;
	background-color:#CAC9C9;
	border-bottom:#000000 1px solid;
	border-top:#000000 2px solid;
	border-left:#000000 1px solid;
	border-right:#000000 1px solid;
	height:24px; /* take away a pixel in height to compensate for adding a 1px border on bottom */
	padding-top:10px; /* padding to space text */
	}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

/* ------------->> Second Level <<--------------- */

#nav ul {
	border-top:#000000 1px solid;
	margin-top: 0px;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#CD0016;
	width:140px; /* changes width of link */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav ul a {
	background-color:#CD0016; /* Hover color */
	text-align:left;
	border-top:#000000 1px solid;
	border-bottom:#000000 3px solid;
	border-left:#000000 3px solid;
	border-right:#000000 3px solid;
	padding:5px; /* padding to space text */
	height:15px; /* Height minus top and bottom padding above */
	width:140px; /* changes width of link */
	}
#nav ul a:hover {
	background-color:#CAC9C9;
	text-align:left;
	border-bottom:#000000 3px solid;
	border-left:#000000 3px solid;
	border-right:#000000 3px solid;
	color: #000000;
	font-weight: bold;
	padding:5px; /* padding to space text */
	height:15px; /* Height minus top and bottom padding above */
	width:140px; /* changes width of link */
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #CAC9C9;
}



	/*The individual top-level IDS. We simply set width to match the width of the
	associated background image and then we set the background image.
	If you need to add more links, add more selectors, incrementing from #b5*/
	
#button1 {
	width: 52px;
	/*	background-image: url(../images/nav/home_button.gif);
	background-repeat: no-repeat;	*/
}
#button2 {
	width: 70px;
/*	background-image: url(../images/nav/products_button.gif);
	background-repeat: no-repeat;*/
}
#button3 {
	width: 185px;
/*	background-image: url(../images/nav/concrete_button.gif);
	background-repeat: no-repeat;*/
}
#button4 {
	width: 113px;
/*	background-image: url(../images/nav/projects_button.gif);
	background-repeat: no-repeat;*/
}
#button5 {
	width: 100px;
/*	background-image: url(../images/nav/news_button.gif);
	background-repeat: no-repeat;*/
}
#button6 {
	width: 87px;
/*	background-image: url(../images/nav/employment_button.gif);
	background-repeat: no-repeat;*/
}
#button7 {
	width: 87px;
/*	background-image: url(../images/nav/contact_button.gif);
	background-repeat: no-repeat;*/
}
#button8 {
	width: 135px;
/*	background-image: url(../images/nav/demo_button.gif);
	background-repeat: no-repeat;*/
}




/**/


.clear {
	clear:both;
	}