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

/* ---------------------------------------------------------------------------------- Navigation -- */

#nav 
{
    background:#bcbdbf;
	height:31px;
}

#nav ul 
{
	background:url(../../Images/nav_left.gif) no-repeat top left;
	display:block;
	float:left;
	/*padding:2px 0 0 14px;*/
	margin: 0;
	list-style: none;
}


/*#nav ul li 
{
	float:left;
	padding:0 65px 0 0;
}

#nav ul li a 
{
	display:block;
	float:left;
	height:15px;
	text-indent:-5000px;
}*/
/*#nav a:link, #nav a:active, #nav a:visited {
	display: block;
	text-decoration:none;
	color:#913a01;
	background:url(../../Images/bg_nav_link.gif) no-repeat 2px 6px;
}
#nav a:hover {
	display: block;
	text-decoration:none;
	padding:0 0 7px 0;
	color:#00B1DB;
}
*/

#nav ul li a 
{
    display:block;
}

#nav ul li a.home 
{
	background:url(../images/home-btn.gif) no-repeat top left; 
	width:96px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}

#nav ul li a.home:hover
{
	background:url(../images/home-btn-r.gif) no-repeat top left; 
}


#nav ul li a.aboutus
{
	background:url(../images/about-us-btn.gif) no-repeat top left; 
	width:119px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}

#nav ul li a.aboutus:hover
{
    background:url(../images/about-us-btn-r.gif) no-repeat top left; 
}
#nav ul li a.services
{
	background:url(../images/services-btn.gif) no-repeat top left; 
	width:115px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}
#nav ul li a.services-active
{
	background:url(../images/services-btn-r.gif) no-repeat; 
	width:115px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
	background-position:-115px 0px;
}
#nav ul li a.services:hover
{
	background-position:-115px 0px;
}
#nav ul li a.workforus
{
	background:url(../images/work-with-us-btn.gif) no-repeat top left; 
	width:135px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}

#nav ul li a.workforus:hover
{
    background:url(../images/work-with-us-btn-r.gif) no-repeat top left; 
}
#nav ul li a.case
{
	background:url(../images/case-btn.gif) no-repeat top left; 
	width:140px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}

#nav ul li a.case:hover
{
    background-position:-140px 0px;
}
#nav ul li a.noticeboard
{
	background:url(../images/notice-board-btn.gif) no-repeat top left; 
	width:150px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}

#nav ul li a.noticeboard:hover
{
    background:url(../images/notice-board-btn-r.gif) no-repeat top left; 
}
#nav ul li a.contact
{
	background:url(../images/contact-us-btn.gif) no-repeat top left; 
	width:128px;
	height:31px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}

#nav ul li a.contact:hover
{
	background:url(../images/contact-us-btn-r.gif) no-repeat top left; 
}

/*#nav 
{
	padding:8px 8px 8px 0;
    margin:0;
    list-style: none;
    background: url(../../images/bg/nav-bg.gif) no-repeat;
    height:37px;
}*/




#nav li {
	float: left;
	font-size: 1.1em;
	/*margin:0 15px 0 15px;*/
	background: url(../../images/bg/nav-item.gif) no-repeat;
	background-position:top right;
}

#nav ul li ul {
	position: absolute;
	width: 206px;
	left: -999em;
	background:#6c207f;
 	padding:5px 7px 5px 7px;
	z-index:1000;
	margin:0 0 0 0;
}

#nav ul li ul li 
{
	padding:0;
	background:none;
	font-size:1em;
	margin:0;
	text-align:left;
}

#nav ul li ul li a:link, #nav ul li ul li a:active, #nav ul li ul li a:visited 
{
	display: block;
	width: 180px;
	padding:4px 4px 4px 23px;
	color:#fff;
	background:url(../images/sub-nav-arrow.gif) no-repeat 10px 10px;
	text-decoration:none;
}

#nav ul li ul li a:hover {
	text-decoration:none;
	color:white;
	background-color:#bcbdbf
}

#nav ul li:hover ul {
	left: auto;
}

#nav ul li:hover ul, #nav ul li.sfhover ul {
	left: auto;
}

#nav ul li:hover, #nav ul li.hover {
    position: static;
}