﻿/* CSS Document */

#nav	{position:absolute; left:177px; top:0; width:678px; height:90px; z-index:10000;}
#nav ul {list-style-image:none; list-style:none; z-index:100000;}
#nav li {position:relative;top:0;left:0; display:block; float:left; }
#nav ul, #nav li {margin:0; padding:0; border:0;}

/*list layout*/
#nav li ul {z-index:1000;position:absolute; top:90px; left:0;}/* this sets the position of the sub menu */

/*list style*/
#nav li	{width:113px; height:90px;}
#nav li ul {border:1px solid #dbe2e7;border-top:0;width:111px; position:relative; left:-1px; top:0; overflow:hidden;}

#nav li li {
	height:auto;line-height:24px;width:100%;
	border-top:1px solid #dbe2e7;
}

/* links*/
#nav li a {text-decoration:none;color:#fff;display:block; width:100%; height:100%; background:#fff;text-align:center;text-indent:-10000000px; overflow:hidden;}/*style for all links*/
#nav li a:hover, #nav li.current a {
	position:relative;
	left:-1px;
	top:0;
}
#nav li.current li a, #nav li li a {background:#fff;color:#00285c;font-weight:normal; position:inherit; top:0;left:0; text-indent:0;}/*second level and below*/
#nav li.current li a:hover, #nav li.current li.current a, #nav li.current li.current a:hover{background:#7089a1; color:#fff;position:inherit; top:0;left:0;}/* hover state for sub items*/

/* just for major menu item */
#nav li a { background:url("../images/nav.png") no-repeat 0 0;}
#nav li a#n-projects {background-position:-113px 0;}
#nav li a#n-company {background-position:-226px 0;}
#nav li a#n-sevices {background-position:-339px 0;}
#nav li a#n-directors {background-position:-452px 0;}
#nav li a#n-contact {background-position:-565px 0;}

/* major item with sub (top level) hover*/
#nav li a#n-home:hover, #nav li.current a#n-home {background-position:0px -90px;}
#nav li a#n-projects:hover, #nav li.current a#n-projects {background-position:-113px -90px;}
#nav li a#n-company:hover, #nav li.current a#n-company {background-position:-226px -90px;}
#nav li a#n-sevices:hover, #nav li.current a#n-sevices {background-position:-339px -90px;}
#nav li a#n-directors:hover, #nav li.current a#n-directors {background-position:-452px -90px;}
#nav li a#n-contact:hover, #nav li.current a#n-contact {background-position:-565px -90px;}



/* hide or not*/
#nav li ul {/*display:none;*/ visibility:hidden;}
#nav li.current ul{/*display:block;*/ visibility:visible;} 
