/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */
ul li.expanded {
  list-style-image: url(../images/menu-expanded.png);
  list-style-type: circle;
}
ul li.collapsed {
  list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-type: disc;
}
ul li.leaf {
  list-style-image: url(../images/menu-leaf.png);
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
#navigation {
  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
#navigation .content li {
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */
#main-menu {
	position: absolute;
	top:-130px;
	right:0;
}
#main-menu ul.links li {
	margin: 0 0 0 10px;
	padding:0;
	
	/*
	background: -moz-linear-gradient(top,  #565657 0%, #a5a5a5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565657), color-stop(100%,#a5a5a5));
	background: -webkit-linear-gradient(top,  #565657 0%,#a5a5a5 100%);
	background: -o-linear-gradient(top,  #565657 0%,#a5a5a5 100%);
	background: -ms-linear-gradient(top,  #565657 0%,#a5a5a5 100%);
	background: linear-gradient(top,  #565657 0%,#a5a5a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565657', endColorstr='#a5a5a5',GradientType=0 );
	*/

}
#main-menu ul.links li.active,
#main-menu ul.links li.active-trail {
}
#main-menu ul.links li a {
	display: block;
	
	padding: 12px 0 3px;
	width:125px;
	 
	font-weight: 600;
	font-size:12px; 
	
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	
	color:#cd1041;
	background: url(../images/main-menu-bg.png) repeat-x 0 -25px;
	
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#main-menu ul.links li.active a ,
#main-menu ul.links li.active-trail a,
#main-menu ul.links li a:hover,
#main-menu ul.links li a.hover {
	background-position: 0 0;
	color:#fff;
}

#secondary-menu {
	position: relative;
	background: #ababab;
	clear: both;
}
#secondary-menu ul.links li {
	padding:0;
}
#secondary-menu ul.links li a {
	display: inline-block;
	padding:0 10px;
	
	line-height: 35px;
	font-weight: 600;
	font-size:12px; 
	
	text-decoration:none;
	text-transform:uppercase;
	
	color: #cd1041;
}
#secondary-menu ul.links li a:hover {
	color: #fff;
}
#secondary-menu ul.links li a.active-trail {
	color: #fff;
	background:#919191;
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.block-menu-block {
}