/*
* @div
* Navigation
*/
#navigation {
	background:url(images/navigation_sides.png) no-repeat top right; padding-right:5px; height:40px; clear:both; width:1195px; padding-bottom:2px; 
	margin-bottom:14px; font-size:.8em; text-transform:capitalize
}  

#navigation a {
	color:#fff; display:block; padding:0 19px; font-size: 12px; text-decoration: none;
}  

#navigation a.home { 
	width:53px; height:42px; padding-right:0; background:url(images/home.png) left top no-repeat; padding-left:21px; float:left; line-height:40px; color:#fff 
}  

#navigation ul.sf-menu { 
	background:url(images/navigation_bg.png) repeat-x; height:40px; width:1121px; float:left; padding-bottom:2px 
}  

#navigation ul li { 
	background:url(images/navigation_sep.png) no-repeat right top; padding-right:2px; float:left; line-height:40px
}  

#navigation ul li.lonely a { 
	background:url(images/navigation_bg.png) left top
}  

#navigation ul li.popular.active { 
	line-height:32px; padding-right:2px 
}  

ul#nav li.popular.active > a { 
	background:url(images/hover_test.png) no-repeat top left; margin-top:4px; margin-left:8px; padding-right:8px; padding-left:5px; color:#3ca097; 
	z-index:1000; height:36px; float:left; position:relative
}  

ul#nav li.popular.active > a span {
	background:url(images/hover_test.png) no-repeat bottom right; padding-right:11px; display:block; height:31px; padding-left:6px; float:left
}  

ul#nav li.popular .menu-item-arrow { 
	background:url(images/arrows.gif) -16px 0; width:8px; height:5px; float:none; margin-left:5px; display:inline-block; line-height:4px; padding:0 
}  

ul#nav li.popular.active .menu-item-arrow { 
	background:url(images/arrows.gif) -8px 0; width:8px; height:5px; float:none; margin-left:5px; display:inline-block; line-height:4px; padding:0 
}  

ul#nav li.popular.active .child .menu-item-arrow { 
	background-position:0 0; display:block; float:right; right:3px; top:50%; width:8px; position:absolute; margin-top:-2px 
}  

ul#nav li.popular.active .child { 
	padding-right:11px; width:101px 
}  

ul#nav li.popular.active li.hover .child .menu-item-arrow { 
	background-position:-24px 0; width:8px }  #nav,#nav ul { list-style:none; line-height:1; margin:0; padding:0 
}  

#nav li div.outerbox { 
	position:absolute; z-index:19; left:-999em
}  

#nav li.active div.outerbox li.active.last div.outerbox { 
	margin-top:-30px
}  

#nav li.active div.outerbox li.active.hover div.outerbox { 
	margin-top:-29px
}  

#nav li.active div.outerbox li.active div.outerbox {
	z-index:20; left:auto; margin:-29px 0 0 115px
}  

#nav li.active div.children li.active ul li a {
	color:#3CA097
}  

#nav li.active div.children {
	left:8px; top:34px
}  

.outerbox,.innerbox {
	background:url(images/childul_tops.png) left top no-repeat; width:140px; z-index:2
}  

.outerbox {
	padding-top:12px
}  

#nav ul.innerbox {
	background-position:right bottom; padding-bottom:16px; float:left
}  

#nav ul li,#nav li.active .children li.active ul li {
	padding-left:13px; padding-right:15px; line-height:24px; width:112px; background:url(images/childul_bg.png)
}  

#nav ul li a,#nav li.active .children li.active ul li a {
	border-top:1px solid #e1e1d3; color:#3ca097; display:block; padding:0 
}  

#nav ul li a:hover,#nav li.active .children li.active ul li a:hover { 
	color:#fff
}  

#nav ul li.last a.child,#nav li.active .children li.active ul li.last a { 
	border-bottom:1px solid #e1e1d3 
}  

#nav ul li.hover,#nav li.active .children li.active ul li.hover { 
	border-top:1px solid #7db9b2; border-bottom:1px solid #7db9b2; background-position:top right 
}  

#nav ul li.hover a.child,#nav li.active .children li.active ul li.hover a { 
	border:none; color:#fff 
}  

#nav ul li.next a,#nav li.active .children li.active ul li.next a {
	border-top:none
}  

#navigation a.home:hover,#navigation ul li.lonely a:hover {
	background-position:bottom left
}  

#navigation ul li.popular,#nav ul li a.child {
	position:relative
}