body{
	
	margin: 0;
	padding: 0;

}

ul{
	margin: 0;
	padding: 0;


}
li{
	list-style :none;
	text-align: left;

}
a {
	font-family: 'eregular';
	font-size: 15px;	
	color: #000000;
	text-decoration: none; 
	

}


a:hover{
	font-family: 'eregular';
	font-size: 15px;	
	color: #7b8eba;
	text-decoration: underline; 	


}




#main{
	width: 100%;
		
	
	margin: 0;
}
ul.container{
	width: 300px;
	margin: 0 auto;
	padding: 0;
}
li.menu{
	width: 300px;

	
}

li.button a{
	width: 300px;
	height: 50px;
	display: block;
	overflow: hidden;
	position: relative;
	font-family: 'eregular';
	font-size: 16px;	
	color: #7d818d;

display: table-cell;
vertical-align: middle;

}



li.vyp a{


	font-family: 'eregular';
	font-size: 15px;	
	color: #4c4d4f;
	text-decoration: underline; 
}


li.vyp a:hover{


	font-family: 'eregular';
	font-size: 15px;	
	color: #7b8eba;
	text-decoration: underline; 
}










li.button a:hover{
	text-decoration: none;
}
li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
 vertical-align : middle;	
}
li.button a.box1, li.button a.box2, li.button a.box3, li.button a.box4, li.button a.box5, li.button a.box6{
padding: 0;
border-bottom: 1px dashed #7d818d;	
	
}
.dropdown{
	width: 300px;
	display: none;
}
.dropdown li{
	
	padding: 5px  0 0px 10px;



}