body {


		text-align: center;


		line-height: 1.5em;


		font-family: Helvetica;


		margin: 0;


		padding: 0;


	}


	


	ul {


		margin: 0;


		padding: 0;


	}


	


	li {


		list-style-type: none;


		font-size: 14px;


		padding: 5px 5px 5px 10px;


		border-bottom: 1px solid #ccc;


	}


	


	#container {


		margin-left: 0;


		margin-right: auto;


		margin-top: 2%;


		padding-top: 5.85em;


		padding-left: 1.8em;


		background: url('images/iPhone.png') top left no-repeat;


		width: 300px;


		height: 1250px;


		position: relative;


		overflow: hidden;


		text-align: left;


	}


		


		.binder {


			background: #e8e8e8;


			float: left;


			width: 247px;


			height: 1150px;


			position: relative;


			overflow: hidden;


		}


		


		.header {


			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAB8C9), to(#6E84A2), color-stop(.5,#6E84A2));


			background: -moz-linear-gradient(0% 65% 90deg,#6E84A2, #AAB8C9, #AAB8C9 100%);


			font-size: 14px;


			color: #fff;


			height: 30px;


			padding: 0 10px;


			text-shadow: 0px 1px 0px #000;


			text-align: center;


			position: relative;


		}

















.header{





	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aab8c9', endColorstr='#6e84a2');


	background: -webkit-gradient(linear, left top, left bottom, from(#aab8c9), to(#6e84a2));


	background: -moz-linear-gradient(top,  #aab8c9,  #6e84a2);


	cursor: default


} 





		


		.additional-block {


			float: left;


			width: 247px;


			height: 1100px;


			position: absolute;


		}


		


		.menu li:hover {


			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4185F4), to(#194FDB), color-stop(.6,#194FDB));


			background: -moz-linear-gradient(0% 65% 90deg,#194FDB, #4185F4, #4185f4 100%);


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4185F4', endColorstr='#194FDB');


			cursor: pointer;


		}	


		


		.menu li:hover a.has-child {


			background: url('images/arrow-hover.png') center right no-repeat;


		}


		


		.menu li a {


			display: block;


			width: 227px;


		text-align: left;


		}


		


		.menu li:hover a {


			color: #fff;


			text-shadow: 0px 1px 0px #000;


		}


		


		.has-child {


			background: url('images/arrow.png') center right no-repeat;


		}


		


		.has-child:hover {


			background: url('images/arrow-hover.png') center right no-repeat;


		}


		


		.back {


			margin-top: .5em;


			background: url('images/prev.png') bottom left no-repeat;


			position: absolute;


			display: block;


			height: 15px;


			width: 10px;


			cursor: pointer;


		}


		


		.biodata {


			margin-left: 10px;


			font-size: 12px;


		}


		


		.info {


			color: #fff;


			position: absolute;


			text-align: right;


			width: 400px;


			margin-top: 15%;


			font-size: 40px;


			font-weight: bold;


			line-height: .9em;


			text-shadow: 0px 2px 0px #000;


		}


		


			.info a, .info a:visited, .info a:hover {


				color: #fff;


			}


	


		


	a, a:visited, a:hover {


		text-decoration: none;


		color: #000;


	}