/* ****************************************


Utopian CSS3 Dropdown Menus
by Justin Carroll (3circlestudio.com)

Version: 1.0


**************************************** */


/* Horizontal Style */


#utopian-navigation, #utopian-navigation ul {
	z-index:1010;
	font-size:13px;
	list-style:none;
	margin:auto auto;
	padding:0;
	font-family:'Merriweather', serif;
}

#utopian-navigation a {
	color: #584B4A;
	display: block;
	line-height:13px;
	padding: 10px 12px;
	text-decoration: none;
}
#utopian-navigation a:hover {
	color: #BD6600;
}

#utopian-navigation li {
	float: left;
}

#utopian-navigation li ul {
	font-family:'Open Sans', sans-serif;
	font-size: 12px;
	background: #666666;
	left: -9999px;
	position: absolute;
	width: 210px;
}

#utopian-navigation li ul a {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	color: #584B4A;
	padding: 9px 11px;
	width: 186px;
}
#utopian-navigation li ul a:hover, #utopian-navigation > li.dropdown li.dropdown > a:hover, #utopian-navigation > li.dropdown li.dropdown:hover > a {
	background: #0099ff;
	border-top: 0;
  	color: #584B4A;
	padding-top: 10px;
}

#utopian-navigation > li.dropdown li.dropdown > a:hover, #utopian-navigation > li.dropdown li.dropdown:hover > a {
	background: #0099ff;
}

#utopian-navigation li ul ul {
	margin: -34px 0 0 190px;
}

#utopian-navigation li:hover ul ul, #utopian-navigation li:hover ul ul ul {
	left: -9999px;
}

#utopian-navigation li:hover ul, #utopian-navigation li li:hover ul, #utopian-navigation li li li:hover ul { /* lists nested under hovered list items */
	left: auto;
}

#utopian-navigation > li.dropdown > a {
	padding-right: 12px;
}

#utopian-navigation > li.dropdown:hover > a {
	background: #666666;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	color: #ffffff;
	padding: 9px 11px 9px 11px;
}


/* White */


#utopian-navigation.white li ul {
	background: #ffffff;
}

#utopian-navigation.white li ul a {
	border-top-color: #ffffff;
	border-bottom-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-left-color: #e6e6e6;
	color: #584B4A;
}
#utopian-navigation.white li ul a:hover, #utopian-navigation.white > li.dropdown li.dropdown > a:hover, #utopian-navigation.white > li.dropdown li.dropdown:hover > a {
	background: #f9f5ef;
  	color: #BD6600;
}

#utopian-navigation.white > li.dropdown li.dropdown > a:hover, #utopian-navigation.white > li.dropdown li.dropdown:hover > a {
	background: #eaeaea;
}

#utopian-navigation.white > li.dropdown:hover > a {
	background: #ffffff;
	border-color: #e6e6e6;
	color: #BD6600;
}
#utopian-navigation.vertical.white > li.dropdown:hover > a {
	background: #ffffff;
}

#utopian-navigation.white > li.dropdown li.dropdown > a {
}