
/* Top Navigation for 
	http://www.aclasscorporatetravel.co.uk
	copyright 2008 www.webhotdesigns.co.uk */

	
#topnav {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	height: 125px;
	padding:0; 
	margin:0; 
	background: url(../images/nav_bground.jpg) top repeat-x;
	color:#FFFFFF;
	text-align:center;
	clear: both;
}
.topnav {
	width: 685px;
	margin: 0 auto;
}
*:first-child+html  .topnav {
	width: 680px;
	margin: 0 auto;
}
* html .topnav {
	width: 690px;
	margin: 0 auto;
}
* html #topnav {
	height: 120px;
}
.topnav li {
	float:left;
	width: 116px;
	margin: 0 10px 0 10px;
	list-style:none;
	position:relative;
}

div#topnav ul ul { position:absolute; z-index:100; top: 125px; left:0%; display: none; width:125px; }
div#topnav li:hover{ cursor:pointer;	z-index:100; }
div#topnav li:hover ul ul,
div#topnav li li:hover ul ul,
div#topnav li li li:hover ul ul{ display:none; }
div#topnav li:hover ul,
div#topnav li li:hover ul,
div#topnav li li li:hover ul{ display:block; }

.topnav li a {
	display: block;
	float:left; 
	height:125px; 
	text-decoration:none; 
	text-align:center; 
	cursor:pointer; 
	padding-top: 5px;
	width: 116px;
	color:#FFFFFF;
	letter-spacing: .2em;
	text-transform: uppercase;
}
.services_tag li, .services_tag li a { 
	background-color: #222526;
	cursor:pointer;
	width: 116px;
	height: 25px;
	margin:0px;
	list-style:none;
	float:left;
	letter-spacing:0px;
	font-size:11px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding-left: 5px; 
}
* html .topnav li a {
	height:120px;
}	
.topnav li a:hover {
	color: #71D8FF;
}
.topnav li a.selected {
	background-color: transparent; 
	color: #71D8FF;
}

.topnav ul li.home {background: url(../images/home_off.jpg) no-repeat center top;}
.topnav ul li.services {background: url(../images/services_off.jpg) no-repeat center top;}
.topnav ul li.corporate {background: url(../images/corporate_off.jpg) no-repeat center top;}
.topnav ul li.quotes {background: url(../images/quote_off.jpg) no-repeat center top;}
.topnav ul li.contact {background: url(../images/contact_off.jpg) no-repeat center top;}

.topnav ul li:hover.home {background: url(../images/home_on.jpg) no-repeat center top;}
.topnav ul li:hover.services {background: url(../images/services_on.jpg) no-repeat center top;}
.topnav ul li:hover.corporate {background: url(../images/corporate_on.jpg) no-repeat center top;}
.topnav ul li:hover.quotes {background: url(../images/quote_on.jpg) no-repeat center top;}
.topnav ul li:hover.contact {background: url(../images/contact_on.jpg) no-repeat center top;}



.topnav ul li.selectedhome {background: url(../images/home_on.jpg) no-repeat center top;}
.topnav ul li.selectedservices {background: url(../images/services_on.jpg) no-repeat center top;}
.topnav ul li.selectedcorporate {background: url(../images/corporate_on.jpg) no-repeat center top;}
.topnav ul li.selectedquotes {background: url(../images/quote_on.jpg) no-repeat center top;}
.topnav ul li.selectedcontact {background: url(../images/contact_on.jpg) no-repeat center top;}


