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

/* nav functionality styles: */
ul#navbar{line-height:164px;/**needs to match height**/ height:164px;/**needs to match line-height**/}
ul#navbar, ul#navbar ul{list-style:none; margin:0; padding:0;}

ul#navbar li{padding:0; margin:0; /*width:200px;*/ float: left; position: relative;}
ul#navbar li a {/*width:200px;*/}
ul#navbar li ul {display:none; position:absolute; top:164px;/*needs to match the line-height (and height) of ul#navbar*/ left: 0; line-height:2em; padding:0px; margin:0px;}
ul#navbar li ul li {width:100%;}
ul#navbar li:hover ul, ul#navbar li.over ul {display: block;}

/* nav look/feel styles */
ul#navbar a{display:block; text-indent:5px; width:100%; background:black; color:white; text-decoration:none; border-top:white solid 1px;}
ul#navbar a:hover{background:#999999;}

/*-------------------------------------------------------------------Buttons----------------------------------------------------------------------*/

/*leftCurve*/
li#nav1, li#nav1 ul{width:16px;}
li#nav1 a.root-a{border:none; text-indent:-999em; background:url(/images/left_corner.gif) top left no-repeat; width:100%;}
li#nav1 a.root-a:hover{background:url(/images/left_corner.gif) top left no-repeat;}

/*Logo*/
li#nav2, li#nav2 ul{width:230px;}
li#nav2 a.root-a{border:none; text-indent:-999em; background:url(/images/logo.gif) top left no-repeat; width:100%;}
li#nav2 a.root-a:hover{background:url(/images/logo.gif) top left no-repeat;}

/*Home*/
li#nav3, li#nav3 ul{width:116px;}
li#nav3 a.root-a{border:none; text-indent:-999em; background:url(/images/home.gif) top left no-repeat; width:100%;}
li#nav3 a.root-a:hover,#HomePage li#nav3 a.root-a{background:url(/images/home_down.gif) top left no-repeat;}

/*Employees*/
li#nav4, li#nav4 ul{width:176px;}
li#nav4 a.root-a{border:none; text-indent:-999em; background:url(/images/employees.gif) top left no-repeat; width:100%;}
li#nav4 a.root-a:hover,#EmployeesPage li#nav4 a.root-a{background:url(/images/employees_down.gif) top left no-repeat;}

/*History*/
li#nav5, li#nav5 ul{width:128px;}
li#nav5 a.root-a{border:none; text-indent:-999em; background:url(/images/history.gif) top left no-repeat; width:100%;}
li#nav5 a.root-a:hover,#HistoryPage li#nav5 a.root-a{background:url(/images/history_down.gif) top left no-repeat;}

/*Products*/
li#nav6, li#nav6 ul{width:156px;}
li#nav6 a.root-a{border:none; text-indent:-999em; background:url(/images/products.gif) top left no-repeat; width:100%;}
li#nav6 a.root-a:hover,#ProductsPage li#nav6 a.root-a{background:url(/images/products_down.gif) top left no-repeat;}

/*Contact*/
li#nav7, li#nav7 ul{width:153px;}
li#nav7 a.root-a{border:none; text-indent:-999em; background:url(/images/contact.gif) top left no-repeat; width:100%;}
li#nav7 a.root-a:hover,#ContactPage li#nav7 a.root-a{background:url(/images/contact_down.gif) top left no-repeat;}

/*rightCorner*/
li#nav8, li#nav8 ul{width:25px;}
li#nav8 a.root-a{border:none; text-indent:-999em; background:url(/images/right_corner.gif) top left no-repeat; width:100%;}
li#nav8 a.root-a:hover{background:url(/images/right_corner.gif) top left no-repeat;}