/***Navigator`s Styles***/
.nav{
	position: absolute; 
	left: 8px; 
	top: 127px; 
	z-index: 150; 
	height: 30px; 
	width: 963px;
	background: url(../images/topnav-bg.gif) repeat-x left top; 
	
}

.nav ul{
	height: 30px;
	display: block;
	clear: both;
	list-style: none;
	margin: 0;
	padding:0px;
}
.nav ul li{
	float: left;
	display:block;
	position:relative;
	background: url(../images/topnav-dev.gif) no-repeat left top; 
	padding:0 0 0 2px;
	list-style-image:none;

}

.nav ul li a, 
.nav ul li a:visited,
.nav ul li a:link{
	display: block;
	height: 30px;
	float:left;
	text-decoration: none;
	font: bold 11px Arial, tahoma, sans-serif;
	color: #fff;
	line-height: 30px;
	cursor: pointer;
}

.nav ul li a span {
	padding: 0 5px 0 6px;

} 


.nav ul li a:hover{
	text-decoration: none;
	background: url(../images/topnav-bg-over.gif) repeat-x left top; 
}

.nav ul li.active a, 
.nav ul li.active a:visited,
.nav ul li.active a:hover
{
	text-decoration: none; 
	background: url(../images/topnav-bg-over.gif) repeat-x left top; 
}

.nav #subnav {
	display: none; 
	position:absolute;
	top: 30px; 
	left:-2px;
	z-index: 2000000; 
	text-align: left;
	width:200px;
	background: url(../images/subnav-bg-left.png) no-repeat left bottom;
	z-index: 1000000;
}

.nav #subnav .subnav-right {
	position:relative;
	top:0;
	left: 14px;
	text-align: left;
	width:100%;
	background: url(../images/subnav-bg-right.png) no-repeat right bottom; 
	padding-bottom:15px;
}

/* make the second level visible when hover on first level list OR link */
.nav ul li:hover #subnav,
.nav ul li.jshover #subnav,
.nav ul a:hover #subnav,
.nav ul li.jshover #subnav
{
	display: block;
}


.nav ul li #subnav a, 
.nav ul li #subnav a:visited, 
.nav ul li #subnav a:link {
	display:block;
	font:11px Arial,Tahoma,Trebuchet MS, sans-serif;
	color:#6d3b4a;
	padding:6px 0 6px 15px;
	height:auto;
	float:none;
	cursor: pointer;
	text-align:left;
	background: url(../images/arrow-right.gif) no-repeat left 10px; 
}

.nav ul li #subnav a:hover, 
.nav ul li.active #subnav a:hover {
	color: #9c1f32;
	text-decoration:none;
	cursor: pointer;
}


.subnav-title {
	background: url(../images/arrow-down.gif) no-repeat center top; 
	color:#000;
	font:bold 14px Arial, sans-serif;
	padding:10px 0 5px;
	
}

.dot-line {
	display:block;
	background: url(../images/dot-line.gif) repeat-x left center; 
	line-height:10px;
	height:10px;
	margin-right:10px;
	
}