/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### TOPNAVIGATION ############### */
/* ############### c.001.topnav.001.css ############### */

/* @group Topnav level 1 */
#topnav #navrow1{
	display: block;
	height: 30px;
	/*background-color: silver;*/
}
#topnav #navrow1 ul{
	margin: -8px 0 0 12px;
	display: inline-block;
}

	#IE8 #topnav ul{margin-left: 30px;}

/* @group LI */

#topnav #navrow1 li{
	display: inline;
	color: #fff;
	margin: 0;
	padding: 5px 0 5px 0;
	overflow: visible;
	background-image: url(/websites/18/uploads/gfx/basics/topnav.divider.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

	#IE6 #topnav #navrow1 li{margin: 0 0 0 -10px;}
	#IE7 #topnav #navrow1 li{margin: 0 0 0 -10px;}
	#IE8 #topnav #navrow1 li{margin: 0 0 0 -10px;}

/* @end */

/* @group A */

#topnav #navrow1 a{ 
	display: block;
	padding: 15px 20px 7px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -5px;
	}

	#IE6 #topnav #navrow1 a{ margin-left:  10px; }
	#IE7 #topnav #navrow1 a{ margin-left:  10px; }	
	#IE8 #topnav #navrow1 a{ margin-right:  0px;} 

#topnav #navrow1 a:link, #topnav #navrow1 a:visited{
}

#topnav #navrow1 a:hover, #topnav #navrow1 a:active{
	background-image: url(/websites/18/uploads/gfx/basics/topnav.hover.gif);
	background-repeat: repeat-x;
	background-position: 0 8px;
	color:  #0071b9;
}

/* @group selected state */

#topnav #navrow1 a.selected{
	background-image: url(/websites/18/uploads/gfx/basics/topnav.hover.gif);
	background-repeat: repeat-x;
	background-position: 0 8px;
	color:  #0071b9;}
#topnav #navrow1 a.selected:link, #topnav #navrow1 a.selected:visited{}
#topnav #navrow1 a.selected:hover, #topnav #navrow1 a.selected:active{}

/* @end */

/* @end */

/* @end */




/* @group Topnav level 2 */
#navrow2{
	display: block;
	margin-top:  0px;
	height: 40px;
}

	#IE6 #navrow2{
		width: 550px;
		position: absolute;
		top: 30px;
		width: 740px;
	}
	
#navrow2 ul{
	margin-left:  30px;
}

#navrow2 li{
	display: inline;
	margin:  0 0 0 -5px;
	background-image: url(/websites/18/uploads/gfx/basics/topnav.divider.level2.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}
		#IE6 #navrow2 li{
			margin:  0 0 0 -6px;
		/*background-position: right 5px;*/
		}

#navrow2 a{
	text-decoration: none;
	font-size: 0.85em;
	padding:  0 10px 0 7px;
	margin: 0;
}
		
		#IE6 #navrow2 a{
			padding:  0 5px 0 10px;
		}
#navrow2 a:link, #navrow2 a:visited{
	color:  #0071b9;
}

#navrow2 a:active, #navrow2 a:hover{
	color:  red;
}

/* @end */