.mainnavigation {
    color : white;
    height : 30px;
    font-size : 1.3em;
    position : relative;
 	width : 1200px;
	margin : 0 auto;
 }
 
 .mainnavigation nav {
 	text-align : center;
 }

/* Without absolute, nav wont float over */ 

.mainnavigation .main_mainmenu	{
    padding-left : 0px;
    margin : 0;
}

.mainnavigation	.main_mainmenu span 	{	
    position : relative;
    text-transform : uppercase;
    line-height : 30px;
    vertical-align: middle;
}

.nav_sep {
	font-size : 1em;
}

.mainnavigation .main_mainmenu span	a			{	
    padding : 0 0 0 0;
    height : 100%;
    color : red !important;
    font-weight: bold;
}

.mainnavigation .main_mainmenu span.first	a			{	
	    padding : 0 0 0 20px;
}

.mainnavigation .main_mainmenu span.last	a			{	
    padding : 0 0 0 0;
}

.mainnavigation	.main_mainmenu span.hilight a {	
    color : white;
}

.mainnavigation     .main_mainmenu span	a:hover, 
.mainnavigation.main_mainmenuul span.hilight a:hover		{	
    color : white !important;
}


@media only screen and (min-width :100px) and (max-width : 1200px) {
	.mainnavigation {
    position : relative;
 	width : 100%;
	margin : 0 auto;
 }
 span.flag {
 	display : none;
 }
 
}