/* Horizontal Menu*/

#nav{
	position: absolute;
	top:10px;
	left:0;
	width: 955px;
	background: url(images/nav/nav_bg_normal.png) no-repeat top left;
	height: 45px;
}

#nav ul {
	
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	width:auto;

}
#nav li {
	/* avoid padding and margin, to avoid IE6 complication*/
	position: relative;
	float:left;
	line-height : 1.25em;
	list-style: none;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;

}

#nav a {
	/* avoid padding and margin */
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	height: 40px;
	color:#000;
	text-indent: -999em;
	overflow:hidden;

}

#nav  li a { background-image:url(images/nav/nav_bg_normal.png); }
#nav  li a:hover { background-image:url(images/nav/nav_bg_hover.png); }
#nav li.SelectedTab a{background-image:url(images/nav/nav_bg_active.png); !important}


#nav li#nav36 a{ width: 90px;}
#nav li#nav56 a{ width: 100px; background-position: -90px 0px;}
#nav li#nav57 a{ width: 100px; background-position: -190px 0px;}
#nav li#nav58 a{ width: 88px;  background-position: -290px 0px;}
#nav li#nav59 a{ width: 162px; background-position: -378px 0px;}
#nav li#nav60 a{ width: 115px; background-position: -540px 0px;}
#nav li#nav61 a{ width: 95px; background-position: -655px 0px;}



/*Second Level Navigation*/
#nav li ul{
	padding: 3px 3px 1px 3px;
	background:#cccccc !important;
	width: 200px;
}

#nav li li a{
	z-index: 100;
	text-align:left;
	background: #dbdfe7 !important;
	color: #333333;
	width: 190px !important;
	border-bottom:2px solid #CCCCCC;
	padding: 5px;
	height:auto;
	text-indent: 0px;
	overflow: visible;

}

#nav li li a:hover {
	background: #fff !important ;
	
}

/* 3rd Level */
#nav li li ul.Level2{
	display: none !important;
}


#nav li a.SelectedTab {
	font-size:1.12em;
	background-color: #FFF;
}
#nav .DisabledTab {
	color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul,
#nav li#nav62 ul ul{
	left: -999em;
}
#nav li:hover ul,
#nav li.iehover ul{
	z-index:100;
	top: 40px;
	left:0px;
}

/*3rd Level Navigation*/
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

/*Customisation for Browse our work*/

.home #nav li#nav62 {
	display:none;
}


#nav li#nav62 li:hover ul,
#nav li#nav62 li.iehover ul{

	top: 0px;
	left:160px;
}

#nav li#nav62{
	position:absolute;
	top: 70px;
	right:30px;
}
#nav li#nav62 a{
	width: 176px;
	height: 40px;
	background: url(images/nav/nav_browseourwork.png) top left no-repeat !important;
	
}

#nav li#nav62 ul{
	width: 176px;
	padding: 0px 0px 10px 0px;
	background: url(images/nav/bg-sub-nav-bottom.png) left bottom no-repeat  !important;
	display:block;
	left:0;
	
}
#nav li#nav62 li{
		border-left: 10px solid #e77e24;
		border-right: 10px solid #e77e24;
		
	}

#nav li#nav62 li a{
	text-align:left;
	background: #e77e24 url(images/nav/bg-bullet-off.gif) no-repeat 0px 2px  !important;
	color: white;
	width: 116px !important;
	border-bottom:1px dotted #CCCCCC !important;
	padding: 5px 20px;
	height:auto;
	text-indent: 0px;
	overflow: visible;

}



#nav li#nav62 li a:hover, #nav li#nav62 li.SelectedTab a{
	color: #003366  !important;
	background: #e77e24 url(images/nav/bullet-on.gif) no-repeat 0px 2px !important;
	
}