@charset "utf-8";
/*----------------------------------------------------------------*/
/* Navigation 													  
/*----------------------------------------------------------------*/
#nav {
	width: 962px;
	height: 39px;
	margin: 0 auto;
	padding: 0;
	list-style:none;
	clear: both;
}
#nav li {
	float: left;
	display:block;
	/* height: 35px; */
	position:relative;
	z-index:500;
}
#nav a.navButton {
	height: 39px;
	display: block;
	text-indent: -9999px;
}
#nav a#nav-home {
	width: 81px;
	background: url('../images/nav-home.png') top center no-repeat;
}

#nav a#nav-home-current {
	width: 81px;
	background: url('../images/nav-home.png') top center no-repeat;
	background-position: 0 -39px;
}

#nav a#nav-about {
	width: 85px;
	background: url('../images/nav-about.png') top center no-repeat;
}

#nav a#nav-about-current {
	width: 85px;
	background: url('../images/nav-about.png') top center no-repeat;
	background-position: 0 -39px;		
}


#nav a#nav-services {
	width: 94px;
	background: url('../images/nav-services.png') top center no-repeat;
}

#nav a#nav-services-current {
	width: 94px;
	background: url('../images/nav-services.png') top center no-repeat;
	background-position: 0 -39px;	
}

#nav a#nav-facilities {
	width: 99px;
	background: url('../images/nav-facilities.png') top center no-repeat;
}

#nav a#nav-facilities-current {
	width: 99px;
	background: url('../images/nav-facilities.png') top center no-repeat;
	background-position: 0 -39px;	
}

#nav a#nav-service-first {
	width: 121px;
	background: url('../images/nav-service-first.png') top center no-repeat;
}

#nav a#nav-service-first-current {
	width: 121px;
	background: url('../images/nav-service-first.png') top center no-repeat;
	background-position: 0 -39px;
}

#nav a#nav-clients  {
	width: 121px;
	background: url('../images/nav-clients.png') top center no-repeat;
}
#nav a#nav-clients-current {
	width: 121px;
	background: url('../images/nav-clients.png') top center no-repeat;
	background-position: 0 -39px;
}
#nav a#nav-contact {
	width: 113px;
	background: url('../images/nav-contact.png') top center no-repeat;
}

#nav a#nav-contact-current {
	width: 113px;
	background: url('../images/nav-contact.png') top center no-repeat;
	background-position: 0 -39px;	
}
#nav a#nav-home:hover, #nav a#nav-about:hover, #nav a#nav-services:hover, #nav a#nav-facilities:hover, #nav a#nav-service-first:hover, #nav a#nav-clients:hover, #nav a#nav-contact:hover {
	background-position: 0 -39px;
}
#nav #nav-rightside-bar {
	width: 248px;
	height: 39px;
	background: url('../images/nav-rightside-bar.png') top center no-repeat;
}
/* submenu, it's hidden by default */
#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
}
#nav ul li {
	width:150px;
	float:left;
	border-top:1px solid #252B47;
}
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;
	padding: 10px 8px;
	color:#E5E5E5;
	font-size: 12px;
	background:#2D3E65;
	text-decoration: none;
}
#nav ul a:hover {
	color:#FFF;
	background: #32476D;
}
/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}