/* NAVIGATION RULES 								  								*/
/* ================================================== */
#nav {}
#nav ul {width: 208px; margin-left: 3px;}
#nav ul li { position:relative; }
#nav ul li ul{display: none;margin-left: 0px;}
#nav ul li a {height:31px; width:100%; display: block;}
/*#nav ul .active{background-position: -416px 0;}*/
#nav li{display: inline; }
#nav li a{}



	#nav-portfolio {background: url(/images/nav/nav-portfolio.gif) no-repeat top left;}
	#nav-portfolio:hover {background-position: -208px 0;}
	#nav-portfolio.active {background-position: -416px 0;}
	
	#nav-construction-services {background: url(/images/nav/nav-construction.gif) no-repeat top left;}
	#nav-construction-services:hover {background-position: -208px 0;}
	#nav-construction-services.active {background-position: -208px 0;}
	
	#nav-getting-started {background: url(/images/nav/nav-getting.gif) no-repeat top left;}
	#nav-getting-started:hover {background-position: -208px 0;}
	#nav-getting-started.active {background-position: -208px 0;}
	
	#nav-tendering-process {background: url(/images/nav/nav-tendering.gif) no-repeat top left;}
	#nav-tendering-process:hover {background-position: -208px 0;}
	#nav-tendering-process.active {background-position: -208px 0;}
	
	#nav-project-management-system {height: 46px; background: url(/images/nav/nav-project.gif) no-repeat top left;}
	#nav ul li a#nav-project-management-system {height: 46px; }
	#nav-project-management-system:hover {background-position: -208px 0;}
	#nav-project-management-system.active {background-position: -208px 0;}
	
	#nav-design-permits {background: url(/images/nav/nav-design.gif) no-repeat top left;}
	#nav-design-permits:hover {background-position: -208px 0;}
	#nav-design-permits.active {background-position: -208px 0;}
	
	#nav-credentials {background: url(/images/nav/nav-credentials.gif) no-repeat top left;}
	#nav-credentials:hover {background-position: -208px 0;}
	#nav-credentials.active {background-position: -208px 0;}
	
	#nav-about {background: url(/images/nav/nav-about.gif) no-repeat top left;}
	#nav-about:hover {background-position: -208px 0;}
	#nav-about.active {background-position: -416px 0;}
	
#nav ul li a span {display: none;}
#nav ul li li a span {display: none;}
#nav ul ul {background: #e6e6e6; width:100%;}
#nav ul ul li{font-size: 12px;}
#nav ul ul li a {height: auto; margin:0 30px 0 30px; padding:4px 0 4px 8px; width: 148px; color: #002d56; background: url(/images/second-nav-bg.gif) no-repeat 0 10px; border-bottom: 1px solid #73899e; line-height: 20px; text-decoration: none;}


#nav ul li li a span {display: block !important;}
#nav ul ul li:last-child a{border-bottom: none;}


#nav ul li.inactive ul {display: none;}
#nav ul .active ul{display: block;}
#nav ul .active ul li.active, #nav ul ul li:hover{display: block; background: #797979 url(/images/arrow_white.gif) 28px 10px no-repeat;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;}
#nav ul ul li:hover{display: block; background: #797979 url(/images/arrow_white.gif) 28px 10px no-repeat;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;}
#nav ul .active ul li.active a, #nav ul ul li:hover a{color: #fff; background: none ; border-color: #ebebeb;  }
 #nav ul ul li:hover a{ border-color: #666;}
#nav ul .active ul li.active a{margin-top: -1px; border: 0;}
#nav ul .current a{font-weight: bold;}

.horiz_nav {}
.horiz_nav ul {}
.horiz_nav ul li { float:left; }