@charset "utf-8";

* { margin:0;
	padding:0;
}

.navbox {
	position: relative;
	float: left;
}

ul.nav {
	list-style: none;
	display: block;
	width: 24px;
	height: 430px;
	position: relative;
	left: 20px;
	padding: 60px 0 60px 0;
	background: url(../img/shadow.png) no-repeat;
	-webkit-background-size: 50% 100%;
}

li {
	margin: 5px 0 0 0;
}

ul.nav li a {
	margin: 5px 0 0 0;
	-webkit-transition: all 0.3s ease-out;
	background: #ffe6f1 url(../img/border.png) no-repeat;
	color: #eb6ea5;
	padding: 7px 15px 7px 15px;
	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	width: 12em;
	height: auto;
	display: block;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 4px #888;
}

ul.nav li a:hover {
	background: #ffaacf url(../img/border.png) no-repeat;
	color: #ffffff;
	padding: 7px 15px 7px 30px;
}