/**
 * Main droplink wrapper
 */

.links {
	width: 432px;
	position:absolute;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/**
 * Reset the margins and paddings
 */
.links ul, a{
	padding: 0px;
	margin: 0px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/**
 * Draw border when mouse hover the droplink
 */


.links ul{
	list-style: none;	
	
}

/**
 * Display the items when hovering the droplink
 */
.links:hover ul{
	display: block;
	margin-top: 0px;
}


/**
 * Show list items as block so they fill the line
 */
.links li{
	display: block;
}

/**
 * Style of the items
 */
.links li a{
	padding: 12px 12px 12px 70px;	
	margin: 1px;

	
	display: block;
	color:#616e69;
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/**
 * Style when an items is hovered
 */
.links li a:hover {
	background-color: #ffffff;	
}



/*==========links2================*/

.links2 {
	width: 450px;
	position:absolute;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/**
 * Reset the margins and paddings
 */
.links2 ul, a{
	padding: 0px;
	margin: 0px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	
}

/**
 * Draw border when mouse hover the droplink
 */


.links2 ul{
	list-style: none;	
	
}

/**
 * Display the items when hovering the droplink
 */
.links2:hover ul{
	display: block;
	margin-top: 0px;
}


/**
 * Show list items as block so they fill the line
 */
.links2 li{
	display: block;
}

/**
 * Style of the items
 */
.links2 li a{
	padding: 12px 12px 12px 120px;	
	margin: 1px;

	
	display: block;
	color:#616e69;
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/**
 * Style when an items is hovered
 */
.links2 li a:hover {
	background-color: #ffffff;	
}