/***********************************************/
/* df_nav.css                                  */
/* Use with devine feet fluid layouts          */
/***********************************************/
/* HTML tag styles for menu bar                */
/***********************************************/

/* Navigation */
/*.menu li{
width:100%
}*/

		/*Set the parent <li>’s CSS position property to ‘relative’.*/


ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #000;
  z-index:999;
}
 
ul li {
  display: block;
  position: relative;
  float: left;
  background: #000;
  z-index:999;
}
/*The CSS to hide the sub menus.*/

li ul { display: none; }

ul li a {
  display: block;
  /*padding: 1em;*/
  padding: 3px 5px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}
 
ul li a:hover { 
	background: #fff; 
	color: #000;
	
}


/*Displays the dropdown menu on hover.*/

li:hover > ul {
  display: block;
  position: absolute;
}
 
li:hover li { float: none; }
 
li:hover a { 
	background: #0066FF; 
	color: #FF0;

}
 
li:hover li a:hover { 
	background: #FF0;
	color: #0066FF; 
	
}
 
.main-navigation li ul li { border-top: 0; }
/*Displays second level dropdown menus to the right of the first level dropdown menu.*/

ul ul ul {
  left: 100%;
  top: 0;
}

.center
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background-color: #ccc;
  border-radius: 3px;
}

/* This is clearfix coding */
.clear{
	clear: both;
}
.clearfix: after{
	content:: ".";
	display: block;
	height:: 0;
	clear:	both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block;}
/* End hide from IE-mac*/
/* @end */