<style>

    .Chandler {
height: 100px;
	width: 50px;
	background-color: #fcf; /* background color of tab*/
	background-image: url('Insert Background Image Url Here'); /* Put background image url in perenthes if you want*/
	border: 0px #000 solid; /*border style and color*/
	border-radius: 0px; /*border radius, aka how rounded you want it*/
	position: fixed;
	margin-top: 200px; /*How far from the top*/
	Left: 0px;
	z-index:999999999;
	-webkit-transition: 0.6s ease-in-out;
	padding: 10px;
	-moz-box-shadow: 0px 0px 5px 2px #0C6; /*Glow color, Delete this line and the two below if you do not want glow */
-webkit-box-shadow: 0px 0px 5px 2px #0C6; /*Glow color, Delete this line and the two below if you do not want glow */
box-shadow: 0px 0px 5px 2px #0C6;/*Glow color, Delete this line and the two below if you do not want glow */
}


.Monica {

width: 300px; /*If you adjust with width, make sure you adjust the margin left as well*/
	min-height: 100px;
	background-color: #99F; /* Background Color of the slide out box */
	background-image: url('Insert Background Image Url Here'); /* Put background image url in perenthes if you want*/
	border: 0px #000 solid; /*Border color and style of the box */
	position: fixed;
	margin-top: -10px; /*If you have a border, at the border number onto this number*/
	Left: -325px; /*This must be negative whatever the width is plus 10px */
	z-index:999999999;
	-webkit-transition: 0.6s ease-in-out;
	padding: 10px;
	-moz-box-shadow: 0px 0px 5px 2px #0C6; /*Glow color, Delete this line and the two below if you do not want glow */
-webkit-box-shadow: 0px 0px 5px 2px #0C6; /*Glow color, Delete this line and the two below if you do not want glow */
box-shadow: 0px 0px 5px 2px #0C6;/*Glow color, Delete this line and the two below if you do not want glow */
	}

.Chandler:hover {
z-index:1000;
left: 320px;
-webkit-transition: 0.6s ease-in-out;}

.Chandler:hover .Monica {
z-index:1000;
left: 0px;
-webkit-transition: 0.6s ease-in-out;}

.Monica:hover {
z-index:1000;
left: 0px;
-webkit-transition: 0.6s ease-in-out;
}

.rachel{
	-webkit-transform: rotate(90deg);
	margin-top: 20px;
	font-size: 30px;
	position: absolute;
	margin-left: -20px;
	text-align: center;
}
</style>