@charset "UTF-8";
/* CSS Document */
/*
#navcontainer{
	width:100%;
	margin:10px 0 0 -40px;
	padding:0;
	position:absolute;
	z-index:99;
}
*/
#navcontainer {
	width: 940px;
	z-index: 500;
}
/*--- nav ---*/

#nav{
	margin: 0 0 0 0;
	padding: 0;
	list-style:none;
	
}
#nav li{
	
	display:block; 
	position:relative;
	z-index:500;
	float: left;
}
#nav li a img{
	display: block;
	margin: 0;
}

#nav li.last a img{
	margin:0 0 0 0;
}

#nav li a:hover{
	/*color:#fff;
	background:#666;  Solid colour fall-back */
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px;
	background:#fff;
	margin: 0;
	padding: 0;
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding:0;
	float:none;
	width:228px;
}
#nav ul a{
	/*white-space:nowrap;*/
	display:block;
	padding:0px 10px 8px 10px;
}
#nav ul li.first a{
	/*white-space:nowrap;*/
	display:block;
	padding:8px 10px 8px 10px;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
	border:solid 1px #999;
}
#nav li:hover a{ 
	color:#666;
	background:#FFF;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#nav li:hover ul a{ 
/* Override some top level styles when dropdown is hovered 
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;*/
}
#nav li:hover ul li a:hover{
	color:#fe000c; /* Solid colour fall-back */
	/*background:rgba(100,100,100,0.95);  It'll look nice semi-transparent
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05); */
}

#topNavholder{
	/*background: url('../images/red-bg.jpg');*/
	width: 940px;
	height: 30px;
}


#topRightNav{
	width:220px;
	height:20px;
	margin:0;
	padding:0;
	position:relative;
	top:1px;
	left:720px;
	/*border:solid 1px #0F0;*/
}

#topRightNav a{
	color:red;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	padding:0 0 0 20px;
}

#topRightNav a:hover{
	/*color:#fe000c;*/
}

#navRight{
	width:260px;
	list-style:none;
	margin: 0;
	padding: 0;
}
#navRight li{
	cursor: pointer;
	float:left;
	margin:0;
	padding: 3px;
	position:relative;
	display:block;
}
#navRight li a{
	display:block;
	padding:0 2px 0 2px;
	margin-right: 20px;
	/*color: #ffffff;*/
}

#navRight li.last a{
	display:block;
	padding:0;
	margin-right: 0;
}

#navRight li a:hover{
	color:#fe000c;
}

/*--- top nav DROPDOWN ---*/
#navRight ul{
	list-style:none;
	position:absolute;
	left:-9999px;
	margin: 0;
	padding: 0;
	background: #cb0009;
	/*opacity:0;  Set initial state to transparent */
	/*-webkit-transition:0.25s linear opacity;  Make the dropdown fade-in in Webkit */
}
#navRight ul li{
	padding:0;
	float:none;
	width:130px;
	margin: 0;
	padding:3px;
}
#navRight li.login ul li{
	width:90px;
}
#navRight ul a{
	/*white-space:nowrap;*/
	display: block;
	font-size:10px;
	padding: 3px 5px 1px 3px;
	margin-right: 0;
	/*font-weight: bold;*/
}
#navRight li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	/*opacity:1;  Fade to opaque */
	/*border:solid 1px #999;*/
	/*border-top:none;*/
}
#navRight li:hover{ 
	
	background:#cb0009;
	text-decoration:none;
}
#navRight li:hover a {
	color:#ffffff;
} 

#navRight li:hover ul li a:hover{
	color:#fe000c; 
}