/*start of nav bar styles*/
/* unfortunate ie7 gap fix */
.ie7 .navigation ul ul li{
	margin-bottom:;
}

.content{
	position:relative; 
	width: 600px; 
	height:500px; 
	color:black; 
	/*background-color: #e6056f; */
	overflow: visible;
	}
.item{
	position:absolute; 
	top:50px; 
	left:20px; 
	width: auto; 
	height:auto; 
	background-color: #FFF;
	}

.navigation {
    max-width: 810px;
    margin-right: auto;
    margin-left: auto;
}
.navigation ul{
	position: relative;
	z-index: 3200;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	width: 100%;
}
.navigation > li:hover{
	color:white;
}  
.navigation > ul > li {
	position: relative;
	float: left;
	z-index: 200;
	transition: ease 0.65s;
}
.navigation > ul > li:hover {
	background-color: #CCC;
	color: white;
}
.navigation > ul > li > a {
	display:block;
	text-decoration:none;
}
.navigation > ul > li > a:hover{
	color: white !important;
}
.navigation ul ul{ 
	width: 270px;
	float: left;
	position: absolute;
	z-index: 9999999999999;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-in;
	-moz-transition: height 0.3s ease-in;
	-o-transition: height 0.3s ease-in;
	-ms-transition: height 0.3s ease-in;
	transition: height 0.3s ease-in;
	left: 2px;
	top: 45px;
        }


/* don't display tertiary box yet */
.navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
	height:0;
   
}
/* tertiary drop-down box */
.navigation ul ul ul{
	width:auto;
}


.navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
.navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
	height:220px; /* need a height to accommodate any tertiary menus */
}


.navigation ul ul li{
	background-color: white;
	opacity: 0.9;
	width:auto;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;

}

.navigation ul ul li:hover {
	background-color:#999;
}

.navigation ul ul li a {
	display:block;
	text-align: left;
	text-decoration:none;
	padding:5px;
	color: #333; 
}
.navigation ul ul li:hover:after {
	background-image:url(images/nav_indicator.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 13px;
	position:absolute;
	z-index:999999999999999999999999999999999999999999999999999999999999999999999;
	background-color:red;
	top:200px;
}

.navigation ul ul li a:hover, .navigation ul ul li:hover > a {
	color:#ffffff; /* white */
	
}
.navigation ul ul ul li a{
	border:0 !important;
}
.navigation ul ul ul li + li a{
	border-top:1px dotted #999 !important;
}
.navigation ul ul li + li a{
	border-top:1px dotted #999;
}
.navigation ul ul li:hover + li a{
	border-top:1px solid #eaeaea;
}
.navigation ul ul ul li:hover + li a{
	border: 0 !important;
}
.navigation ul ul ul li:hover + li{
	border-top:1px solid #999 !important;
}