/**********************************************************************************
* phpComasy Web Content Management System                                         *
* http://www.phpcomasy.com                                                        *
*                                                                                 *
* Copyright (c) 2005 - 2009 indual GmbH (http://www.indual.ch)                    *
*                                                                                 *
* phpComasy is released under his own licence (http://www.phpcomasy.com/licence)  *
**********************************************************************************/


/* Navigation --------------------------------------------------------------- */
div#navigation {
	margin: 13px 0 27px 0;
	padding: 0;
	height: 33px;
	width: 700px;
	background: url(../img/navigation_back.gif) #54280a;
}
div#navigation ul {
	margin: 0;
	padding: 0;
	width: 700px;
}
div#navigation ul li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
div#navigation ul li a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background: transparent none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 33px;
}
div#navigation ul li a span {
	display: block;
	margin: 0;
	padding: 0 10px;
	line-height: 33px;
	cursor: pointer;
}
div#navigation ul li.sort-0.current a,
div#navigation ul li.sort-0.current a:hover {
	text-decoration: none;
	background: url(../img/navigation_back_current_left_first.gif) #54280a left center;
}
div#navigation ul li:hover a,
div#navigation ul li.current a,
div#navigation ul li.current a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../img/navigation_back_current_left.gif) #54280a left center;
}
div#navigation ul li:hover a span,
div#navigation ul li.current a span {
	text-decoration: none;
	background: url(../img/navigation_back_current_right.gif) transparent right center no-repeat;
}


/* Drop Down --------------------------------------------------------------- */

div#navigation ul ul {
	display: block;
	visibility: hidden;
	opacity: 0;
	position: absolute; 
	width: 230px;
	background: #502607;
	top: 33px; 
	left: 1px;
	z-index: 100;
	padding: 15px 0 3px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);  
	-webkit-transition: all 0.1s ease-out;
	   -moz-transition: all 0.1s ease-out;
	     -o-transition: all 0.1s ease-out;
		 	transition: all 0.1s ease-out;
}
div#navigation ul li:hover ul {
	display: block;
	visibility: visible;
	opacity: 1;
}
div#navigation ul li ul li,
div#navigation ul li.current ul li {
	float: none; 
	clear: both; 
	background: none;
	display: block;
}
div#navigation ul li ul li a,
div#navigation ul li.current ul li a {
	padding: 0 0 12px 0;
	display: block;
	width: 100%;
	-webkit-transition: all 0.25s ease-out;
	   -moz-transition: all 0.25s ease-out;
	     -o-transition: all 0.25s ease-out;
		 	transition: all 0.25s ease-out;
}
div#navigation ul li ul li a span,
div#navigation ul li.current ul li a span {
	line-height: 20px;
}
div#navigation ul li:hover ul li a:hover,
div#navigation ul li:hover ul li a,
div#navigation ul li:hover ul li a span,
div#navigation ul li ul li a:hover,
div#navigation ul li ul li a,
div#navigation ul li ul li a span,
div#navigation ul li.current ul li a:hover,
div#navigation ul li.current ul li a,
div#navigation ul li.current ul li a span {
	background: none !important;
}
div#navigation ul li ul li.current a,
div#navigation ul li.current ul li.current a,
div#navigation ul li ul li a:hover,
div#navigation ul li.current ul li a:hover {
	color: #c18a62;
}