
/*nav*/
#nav{width:759px;z-index:4;height:31px;text-align:left;line-height:31px;background:#eedebb url(../images/Navigation-background.gif) no-repeat top left;}
#nav ul{padding:0px;margin:0px;list-style-type:none;}
#main-nav{display:block;position:relative;}
#nav ul li{display:inline;}
#nav ul li a{display:block;text-decoration:none;font-size:10px;}
#nav ul li a span{color:black; display:none;}
.nav-section,.nav-section-over{position:absolute;height:31px;line-height:21px;width:189px;}
.nav-section a,.nav-section-over a{height:31px;line-height:21px;}
#nav-section0{left:0px;background:transparent url(../images/Nav_Engineering_01.gif) no-repeat top left;}
#nav-section0A{left:0px;background:transparent url(../images/Nav_Engineering_02.gif) no-repeat top left;}
#nav-section1{left:190px;background:transparent url(../images/Nav_Construction_01.gif) no-repeat top left;}
#nav-section1A{left:190px;background:transparent url(../images/Nav_Construction_02.gif) no-repeat top left;}
#nav-section2{left:380px;background:transparent url(../images/Nav_Project_01.gif) no-repeat top left;}
#nav-section2A{left:380px;background:transparent url(../images/Nav_Project_02.gif) no-repeat top left;}
#nav-section4{left:570px;background:transparent url(../images/Nav_About_01.gif) no-repeat top left;}
#nav-section4A{left:570px;background:transparent url(../images/Nav_About_02.gif) no-repeat top left;}
/*98 last width*/

#nav-section0-over{left:0px;background:transparent;}
#nav-section0A-over{left:0px;background:transparent;}
#nav-section1-over{left:190px;background:transparent;} 
#nav-section1A-over{left:190px;background:transparent;} 
#nav-section2-over{left:380px;background:transparent;}
#nav-section2A-over{left:380px;background:transparent;}
#nav-section4-over{left:570px;background:transparent;}
#nav-section4A-over{left:570px;background:transparent;}

.sub-section{margin-top:0px;display:none;width:280px;border:solid 2px #e6a008; background:url(../images/background-png.png) #eedebb; /* puts "something" in the container background, so nav event-based handling works */}

.nav-section:hover div.sub-section,.nav-section-over div.sub-section{display:block;}
.sub-section ul li{display:block;position:relative}
.sub-section ul li a{border-bottom:solid 2px #e6a008;padding:0px 10px;color:#422300;height:20px;line-height:20px;}
.sub-section ul li a:hover{background:#e6a008;}
.sub-section ul li a.last-a{border:none;}
.sub-section a:link{color:#000000;}
.sub-section a:active{color:#000000;}
.sub-section a:visited{color:#000000;}


