/**
* PARENT ITEMS (first level)
*/

div#main-menu-wrap {
    position: absolute;
    z-index: 1111;
    right: 0px;
}

#main-menu.parent-menu
{
	display: table;
    width: 100%;
    max-width: 700px;
    float: right;
	position: relative;
	z-index: 100;
	padding: 0px;
	list-style: none;
	margin: 0px;
	
	/* defaults */
	height: inherit;
	line-height: inherit;
}

.ie6 .horizontal-menu.parent-menu,
.ie7 .horizontal-menu.parent-menu
{
	display: block;
}	

#main-menu.parent-menu > li 
{
	position: relative;
	display: table-cell;
	margin: 0px;
	padding: 0px 7px;
	height: inherit;
	line-height: inherit;
}

#main-menu.parent-menu > li.last {
    padding-right: 0px;
}
	
#main-menu.parent-menu > li:first-child
{
	border-left: none;
}

.ie6 #main-menu.parent-menu > li,
.ie7 #main-menu.parent-menu > li
{
	display: block;
	float: left;
}
	
#main-menu.parent-menu > li.selected > a,
#main-menu.parent-menu > li > a:hover
{
	text-decoration: underline;
}

/**
* CHILD ITEMS (sub-levels)
*/

#main-menu .child-menu 
{
	display: none;
	position: absolute;
	z-index: 100;
	padding: 0;
	list-style: none;
	min-width: 180px;
	margin: 0px;
    background: #FFF;
}

#main-menu .child-menu li
{
	display: block;
	border-top: solid 1px #ddd;
}
		
#main-menu .child-menu li:first-child
{
	border-top: none;
}	

#main-menu .child-menu li ul 
{		
	width: 100%;
	padding: 0px;
}

#main-menu .child-menu li a
{
	text-transform: uppercase;
	padding: 12px 10px;
	text-align: center;
    color: #208600;
    font-weight: 400;
}

#main-menu .child-menu > li > a 
{
	display: block;
	line-height: 1.2em;		
}
		
#main-menu .child-menu > li.selected > a,
#main-menu .child-menu > li > a:hover
{
    text-decoration: none;
	color: #000;
}

/** DESKTOP VIEW **/
@media (min-width: 992px) {
    #main-menu.parent-menu > li > a
    {
    	display: block;	
    	text-align: center;	
    	font-weight: bold;
    	text-transform: uppercase;		
    	text-align: center;
        color: #208600;
    	padding: 5px 10px; 
    	text-decoration: none;
        background: #E0DFDD;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
}  
    
/** MOBILE VIEW **/ 
@media (max-width: 992px) {
    #main-menu.parent-menu > li > a {
        position: relative;
        width: 100%;
        float: left;
        margin-top: 2px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        color: #FFF;
        padding: 5px 10px;
        text-decoration: none;
        background: #2BA5C0;
        border-radius: 0px;
        max-width: 275px;
        transition: background 0.4s;
    }
    
    #main-menu.parent-menu > li > a:hover {
        background: #068096;
        color: #9deefd;
    }
}