/* main navigation elements control, each subsection has it's own navigation*/

#folionav {
	width:800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#folionav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_folios.gif") no-repeat left top;
}

#folionav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#folionav ul li, #folionav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#folio1 {left: 0; width: 104px;}
#folio2 {left: 104px; width: 67px;}
#folio3 {left: 171px; width: 71px;}
#folio4 {left: 242px; width: 110px;}
#folio5 {left: 352px; width: 110px;}

#folio1 a:hover, #landscape #folio1 {background: transparent url("images/nav_folios.gif") 0px -19px no-repeat;} 
#folio2 a:hover, #people #folio2 {background: transparent url("images/nav_folios.gif") -104px -19px no-repeat;}
#folio3 a:hover, #structure #folio3 {background: transparent url("images/nav_folios.gif") -171px -19px no-repeat;}
#folio4 a:hover, #automotive #folio4 {background: transparent url("images/nav_folios.gif") -242px -19px no-repeat;}
#folio5 a:hover, #underwater #folio5 {background: transparent url("images/nav_folios.gif") -352px -19px no-repeat;}


/* LANDSCAPES NAVIGATION*/


#landscapefolionav {
	width:800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#landscapefolionav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_landscape.gif") no-repeat left top;
}

#landscapefolionav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#landscapefolionav ul li, #landscapefolionav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#landnav0 {left: 0; width: 104px; top:}
#landnav1 {left: 104px; width: 19px;}
#landnav2 {left: 123px; width: 20px;}
#landnav3 {left: 143px; width: 20px;}
#landnav4 {left: 163px; width: 20px;}
#landnav5 {left: 183px; width: 20px;}
#landnav6 {left: 203px; width: 20px;}
#landnav7 {left: 223px; width: 20px;}
#landnav8 {left: 243px; width: 18px;}
#landnav9 {left: 261px; width: 18px;}
#landnav10 {left: 279px; width: 25px;}
#landnav11 {left: 304px; width: 26px;}
#landnav12 {left: 330px; width: 30px;}
#landnav13 {left: 360px; width: 31px;}
#landnav14 {left: 391px; width: 67px;}
#landnav15 {left: 456px; width: 81px;}
#landnav16 {left: 537px; width: 103px;}
#landnav17 {left: 640px; width: 105px;}


#landnav0 a:hover, #landscape #landnav0 {background: transparent url("images/nav_landscape.gif") 0px -19px no-repeat;}
#landnav1 a:hover, #one #landnav1 {background: transparent url("images/nav_landscape.gif") -104px -19px no-repeat;}
#landnav2 a:hover, #two #landnav2 {background: transparent url("images/nav_landscape.gif") -123px -19px no-repeat;}
#landnav3 a:hover, #three #landnav3 {background: transparent url("images/nav_landscape.gif") -143px -19px no-repeat;}
#landnav4 a:hover, #four #landnav4 {background: transparent url("images/nav_landscape.gif") -163px -19px no-repeat;}
#landnav5 a:hover, #five #landnav5 {background: transparent url("images/nav_landscape.gif") -183px -19px no-repeat;}
#landnav6 a:hover, #six #landnav6 {background: transparent url("images/nav_landscape.gif") -203px -19px no-repeat;}
#landnav7 a:hover, #seven #landnav7 {background: transparent url("images/nav_landscape.gif") -223px -19px no-repeat;}
#landnav8 a:hover, #eight #landnav8 {background: transparent url("images/nav_landscape.gif") -243px -19px no-repeat;}
#landnav9 a:hover, #nine #landnav9 {background: transparent url("images/nav_landscape.gif") -261px -19px no-repeat;}
#landnav10 a:hover, #ten #landnav10 {background: transparent url("images/nav_landscape.gif") -279px -19px no-repeat;}
#landnav11 a:hover, #eleven #landnav11 {background: transparent url("images/nav_landscape.gif") -304px -19px no-repeat;} 
#landnav12 a:hover, #twelve #landnav12 {background: transparent url("images/nav_landscape.gif") -330px -19px no-repeat;}
#landnav13 a:hover, #thirteen #landnav13 {background: transparent url("images/nav_landscape.gif") -360px -19px no-repeat;}
#landnav14 a:hover, #people #landnav14 {background: transparent url("images/nav_landscape.gif") -391px -19px no-repeat;}
#landnav15 a:hover, #structure #landnav15 {background: transparent url("images/nav_landscape.gif") -456px -19px no-repeat;}
#landnav16 a:hover, #automotive #landnav16 {background: transparent url("images/nav_landscape.gif") -537px -19px no-repeat;}
#landnav17 a:hover, #underwater #landnav17 {background: transparent url("images/nav_landscape.gif") -640px -19px no-repeat;}






#peoplefolionav {
	width:800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#peoplefolionav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_people.gif") no-repeat left top;
}

#peoplefolionav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#peoplefolionav ul li, #peoplefolionav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#peoplenav0 {left: 0; width: 104px; top:}
#peoplenav1 {left: 104px; width: 65px;}
#peoplenav2 {left: 167px; width: 19px;}
#peoplenav3 {left: 188px; width: 20px;}
#peoplenav4 {left: 208px; width: 17px;}
#peoplenav5 {left: 225px; width: 18px;}
#peoplenav6 {left: 243px; width: 17px;}
#peoplenav7 {left: 260px; width: 20px;}
#peoplenav8 {left: 270px; width: 20px;}
#peoplenav9 {left: 290px; width: 20px;}
#peoplenav10 {left: 310px; width: 20px;}
#peoplenav11 {left: 330px; width: 25px;}
#peoplenav12 {left: 355px; width: 30px;}
#peoplenav13 {left: 385px; width: 25px;}
#peoplenav14 {left: 410px; width: 75px;}
#peoplenav15 {left: 485px; width: 100px;}
#peoplenav16 {left: 585px; width: 110px;}


#peoplenav0 a:hover, #landscape #peoplenav0 {background: transparent url("images/nav_people.gif") 0px -19px no-repeat;} 
#peoplenav1 a:hover, #people #peoplenav1 {background: transparent url("images/nav_people.gif") -104px -19px no-repeat;}
#peoplenav2 a:hover, #one  #peoplenav2 {background: transparent url("images/nav_people.gif") -167px -19px no-repeat;}
#peoplenav3 a:hover, #two #peoplenav3 {background: transparent url("images/nav_people.gif") -188px -19px no-repeat;}
#peoplenav4 a:hover, #three #peoplenav4  {background: transparent url("images/nav_people.gif") -208px -19px no-repeat;}
#peoplenav5 a:hover, #four #peoplenav5 {background: transparent url("images/nav_people.gif") -225px -19px no-repeat;}
#peoplenav6 a:hover, #five #peoplenav6 {background: transparent url("images/nav_people.gif") -243px -19px no-repeat;}
#peoplenav7 a:hover, #six #peoplenav7  {background: transparent url("images/nav_people.gif") -260px -19px no-repeat;}
#peoplenav8 a:hover, #seven #peoplenav8 {background: transparent url("images/nav_people.gif") -270px -19px no-repeat;}
#peoplenav9 a:hover, #eight #peoplenav9  {background: transparent url("images/nav_people.gif") -290px -19px no-repeat;}
#peoplenav10 a:hover, #nine #peoplenav10 {background: transparent url("images/nav_people.gif") -310px -19px no-repeat;}
#peoplenav11 a:hover, #ten  #peoplenav11 {background: transparent url("images/nav_people.gif") -330px -19px no-repeat;}
#peoplenav12 a:hover, #eleven  #peoplenav12 {background: transparent url("images/nav_people.gif") -355px -19px no-repeat;}
#peoplenav13 a:hover, #twelve #peoplenav13 {background: transparent url("images/nav_people.gif") -385px -19px no-repeat;}
#peoplenav14 a:hover, #structure #peoplenav14 {background: transparent url("images/nav_people.gif") -410px -19px no-repeat;}
#peoplenav15 a:hover, #automotive  #peoplenav15 {background: transparent url("images/nav_people.gif") -485px -19px no-repeat;}
#peoplenav16 a:hover, #underwater  #peoplenav16 {background: transparent url("images/nav_people.gif") -585px -19px no-repeat;}





/* STRUCTURE NAVIGATION*/



#structurefolionav {
	width:800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#structurefolionav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_structure.gif") no-repeat left top;
}

#structurefolionav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#structurefolionav ul li, #structurefolionav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#strutnav0 {left: 0; width: 104px; top:}
#strutnav1 {left: 104px; width: 67px;}
#strutnav2 {left: 171px; width: 80px;}
#strutnav3 {left: 251px; width: 19px;}
#strutnav4 {left: 270px; width: 20px;}
#strutnav5 {left: 290px; width: 18px;}
#strutnav6 {left: 308px; width: 20px;}
#strutnav7 {left: 328px; width: 20px;}
#strutnav8 {left: 348px; width: 18px;}
#strutnav9 {left: 366px; width: 18px;}
#strutnav10 {left: 384px; width: 98px;}
#strutnav11 {left: 482px; width: 110px;}

#strutnav0 a:hover, #people #strutnav0 {background: transparent url("images/nav_structure.gif") 0px -19px no-repeat;}
#strutnav1 a:hover, #landscape #strutnav1 {background: transparent url("images/nav_structure.gif") -104px -19px no-repeat;} 
#strutnav2 a:hover, #structure #strutnav2 {background: transparent url("images/nav_structure.gif") -171px -19px no-repeat;}
#strutnav3 a:hover, #one #strutnav3 {background: transparent url("images/nav_structure.gif") -251px -19px no-repeat;}
#strutnav4 a:hover, #two #strutnav4 {background: transparent url("images/nav_structure.gif") -270px -19px no-repeat;}
#strutnav5 a:hover, #three #strutnav5 {background: transparent url("images/nav_structure.gif") -290px -19px no-repeat;}
#strutnav6 a:hover, #four #strutnav6 {background: transparent url("images/nav_structure.gif") -308px -19px no-repeat;}
#strutnav7 a:hover, #five #strutnav7 {background: transparent url("images/nav_structure.gif") -328px -19px no-repeat;}
#strutnav8 a:hover, #six #strutnav8 {background: transparent url("images/nav_structure.gif") -348px -19px no-repeat;}
#strutnav9 a:hover, #seven #strutnav9 {background: transparent url("images/nav_structure.gif") -366px -19px no-repeat;}
#strutnav10 a:hover, #automotive #strutnav10 {background: transparent url("images/nav_structure.gif") -384px -19px no-repeat;}
#strutnav11 a:hover, #underwater #strutnav11 {background: transparent url("images/nav_structure.gif") -482px -19px no-repeat;}



#automotivefolionav {
	width:800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#automotivefolionav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_automotive.gif") no-repeat left top;
}

#automotivefolionav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#automotivefolionav ul li, #automotivefolionav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#autonav0 {left: 0; width: 104px; top:}
#autonav1 {left: 104px; width: 67px;}
#autonav2 {left: 171px; width: 80px;}
#autonav3 {left: 251px; width: 100px;}
#autonav4 {left: 351px; width: 18px;}
#autonav5 {left: 369px; width: 20px;}
#autonav6 {left: 389px; width: 20px;}
#autonav7 {left: 409px; width: 20px;}
#autonav8 {left: 429px; width: 20px;}
#autonav9 {left: 449px; width: 20px;}
#autonav10 {left: 469px; width: 20px;}
#autonav11 {left: 489px; width: 20px;}
#autonav12 {left: 508px; width: 100px;}

#autonav0 a:hover, #landscape #autonav0 {background: transparent url("images/nav_automotive.gif") 0px -19px no-repeat;} 
#autonav1 a:hover, #people #autonav1 {background: transparent url("images/nav_automotive.gif") -104px -19px no-repeat;}
#autonav2 a:hover, #structure #autonav2 {background: transparent url("images/nav_automotive.gif") -171px -19px no-repeat;}
#autonav3 a:hover, #automotive #autonav3 {background: transparent url("images/nav_automotive.gif") -251px -19px no-repeat;}
#autonav4 a:hover, #one  #autonav4 {background: transparent url("images/nav_automotive.gif") -351px -19px no-repeat;}
#autonav5 a:hover, #two #autonav5 {background: transparent url("images/nav_automotive.gif") -369px -19px no-repeat;}
#autonav6 a:hover, #three #autonav6  {background: transparent url("images/nav_automotive.gif") -389px -19px no-repeat;}
#autonav7 a:hover, #four #autonav7 {background: transparent url("images/nav_automotive.gif") -409px -19px no-repeat;}
#autonav8 a:hover, #five #autonav8 {background: transparent url("images/nav_automotive.gif") -429px -19px no-repeat;}
#autonav9 a:hover, #six #autonav9 {background: transparent url("images/nav_automotive.gif") -449px -19px no-repeat;}
#autonav10 a:hover, #seven #autonav10 {background: transparent url("images/nav_automotive.gif") -469px -19px no-repeat;}
#autonav11 a:hover, #eight #autonav11 {background: transparent url("images/nav_automotive.gif") -489px -19px no-repeat;}
#autonav12 a:hover, #underwater #autonav12 {background: transparent url("images/nav_automotive.gif") -508px -19px no-repeat;}




#underwaterfolionav {
	width:800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#underwaterfolionav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_underwater.gif") no-repeat left top;
}

#underwaterfolionav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#underwaterfolionav ul li, #underwaterfolionav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#undernav0 {left: 0; width: 104px; top:}
#undernav1 {left: 104px; width: 67px;}
#undernav2 {left: 171px; width: 81px;}
#undernav3 {left: 252px; width: 110px;}
#undernav4 {left: 362px; width: 90px;}
#undernav5 {left: 452px; width: 19px;}
#undernav6 {left: 471px; width: 20px;}
#undernav7 {left: 491px; width: 20px;}


#undernav0 a:hover, #people #undernav0 {background: transparent url("images/nav_underwater.gif") 0px -19px no-repeat;}
#undernav1 a:hover, #landscape #undernav1 {background: transparent url("images/nav_underwater.gif") -104px -19px no-repeat;} 
#undernav2 a:hover, #structure #undernav2 {background: transparent url("images/nav_underwater.gif") -171px -19px no-repeat;}
#undernav3 a:hover, #automotive #undernav3 {background: transparent url("images/nav_underwater.gif") -252px -19px no-repeat;}
#undernav4 a:hover, #underwater #undernav4 {background: transparent url("images/nav_underwater.gif") -362px -19px no-repeat;}
#undernav5 a:hover, #one #undernav5 {background: transparent url("images/nav_underwater.gif") -452px -19px no-repeat;}
#undernav6 a:hover, #two #undernav6 {background: transparent url("images/nav_underwater.gif") -471px -19px no-repeat;}
#undernav7 a:hover, #three #undernav7 {background: transparent url("images/nav_underwater.gif") -491px -19px no-repeat;}



/* secondary navigation elements start here*/


#infonav {
	width: 800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#infonav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_info.gif") no-repeat left top;
}

#infonav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#infonav ul li, #infonav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#infonav0 {left: 0; width: 58px; top:}
#infonav1 {left: 58px; width: 48px;}
#infonav2 {left: 106px; width: 50px;}
#infonav3 {left: 156px; width: 72px;}

#infonav0 a:hover, #about #infonav0 {background: transparent url("images/nav_info.gif") 0px -19px no-repeat;}
#infonav1 a:hover, #blog #infonav1 {background: transparent url("images/nav_info.gif") -58px -19px no-repeat;} 
#infonav2 a:hover, #stock #infonav2 {background: transparent url("images/nav_info.gif") -106px -19px no-repeat;} 
#infonav3 a:hover, #contact #infonav3 {background: transparent url("images/nav_info.gif") -156px -19px no-repeat;} 




#infonav_downloads {
	width:800px;
	float:left;
	border-width:0 0 0 0;
}

#infonav_downloads ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width: 800px;
	position: relative;
	background: url("images/nav_info_downloads.gif") no-repeat left top;
}

#infonav_downloads ul li {
	margin:0;
	padding:0;
	list-style:none;
	position: absolute;
	top: 0;
	text-indent: -5000em;
}

#infonav_downloads ul li, #infonav_downloads ul a {
	height: 19px;
	display: block;
	overflow: hidden;
}

#infonavdown0 {left: 0; width: 98px; top:}
#infonavdown1 {left: 98px; width: 58px;}
#infonavdown2 {left: 156px; width: 50px;}
#infonavdown3 {left: 206px; width: 72px;}
#infonavdown4 {left: 278px; width: 101px;}


#infonavdown0 a:hover, #recent #infonavdown0 {background: transparent url("images/nav_info_downloads.gif") 0px -19px no-repeat;}
#infonavdown1 a:hover, #about #infonavdown1 {background: transparent url("images/nav_info_downloads.gif") -98px -19px no-repeat;} 
#infonavdown2 a:hover, #blog #infonavdown2 {background: transparent url("images/nav_info_downloads.gif") -156px -19px no-repeat;} 
#infonavdown3 a:hover, #contact #infonavdown3 {background: transparent url("images/nav_info_downloads.gif") -206px -19px no-repeat;} 
#infonavdown4 a:hover, #downloads #infonavdown4 {background: transparent url("images/nav_info_downloads.gif") -278px -19px no-repeat;} 



#aboutnav {
	width:800px;
	float:left;
	position:relative;
	border-width:0 0 0 0;
}

#aboutnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 19px;
	width:800px;
	position: relative;
	background: url("images/nav_about_info_2.gif") no-repeat left top;
}

#aboutnav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-5000em;
}

#aboutnav ul li, #aboutnav ul a {
	height: 19px;
	display:block;
	overflow:hidden;
}

#aboutnav0 {left: 0; width: 58px; top:}
#aboutnav1 {left: 58px; width: 48px;}
#aboutnav2 {left: 106px; width: 48px;}
#aboutnav3 {left: 154px; width: 116px;}
#aboutnav4 {left: 270px; width: 72px;}

#aboutnav0 a:hover, #about #aboutnav0 {background: transparent url("images/nav_about_info_2.gif") 0px -19px no-repeat;}
#aboutnav1 a:hover, #links #aboutnav1 {background: transparent url("images/nav_about_info_2.gif") -58px -19px no-repeat;} 
#aboutnav2 a:hover { background: transparent url("images/nav_about_info_2.gif") -106px -19px no-repeat;} 
#aboutnav3 a:hover { background: transparent url("images/nav_about_info_2.gif") -154px -19px no-repeat;} 
#aboutnav4 a:hover, #contact #aboutnav4 {background: transparent url("images/nav_about_info_2.gif") -270px -19px no-repeat;}