.navigation {
	display:inline-block; 
	width:810px; 
	float:right;
	text-align:right;
	padding-top:105px;
	color:#FFF;
}

.button{
	
	position:relative;
	float:left;
	display:inline-block;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#666666;*/
	cursor:pointer;
	text-decoration:none;
	list-style: none;
	padding:8px 2px;
}

.button li{
	padding: 0;
    float: left;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    z-index:5;
	height: 40px;
}

.button a
{
    position:relative;
	float:left;
	display:inline-block;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	text-decoration:none;
	list-style: none;
	padding:5px 4px;
	font-family:Arial, Helvetica, sans-serif;
}

.button li:hover a, .button li.onhover a
{
    /*color:#ca2f71;*/
	color:#fff;
	background-color:#1f1b88;
	border-radius:3px;
}

.button .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border-bottom:2px solid #B00;
    background: #1f1b88;
    text-align: left;
    padding: 20px;  
    top:52px;
	border-radius:3px;
	
	color: #999999;
	font-size: 14px;
}

.button .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
}

.button li:hover .drop, .button li.onhover .drop
{
    left: 0px;/*Use this property to change offset of the dropdown*/
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.button div.drop div div
{
	padding: 10px 5px;
	width:120px;
}

.button div.drop div div.title a
{
	color: #e52029;
	font-size: 14px;
	font-weight:bold;
}

.button li:hover .drop a, .button li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.button div.drop div a
{
    line-height: 24px;  
    color: #ffffff;
    background:none;
	text-decoration:none;
	width:150px;
}
.button div.drop div a:hover
{
    text-decoration:none;
    cursor:pointer;
    color:red;
}

.button div.left {
	float:left;
}

/* CSS3 effects
--------------------------------------------*/