.drawer {
	bottom: 0px;
	height: 75px;
	overflow: hidden;
	position: fixed;
	max-width: 62.5rem;
	width: 100%;
	padding: 0;
	background-color: #ffffff;
}

.clickme_yellow {
	background: #FFFA93;
	color: #000000;
	display: block;
	height: 25px;
	line-height: 25px;
	margin: auto;
	overflow: hidden;
	text-align: center;
	width: 50px;
	cursor: pointer;
	
	-moz-border-radius-topleft: 25px 40px;
	-moz-border-radius-topright: 25px 40px;
	border-top-left-radius: 25px 40px;
	border-top-right-radius: 25px 40px;
}

.clickme_red {
	background: #FF9F9F;
	color: #000000;
	display: block;
	height: 25px;
	line-height: 25px;
	margin: auto;
	overflow: hidden;
	text-align: center;
	width: 50px;
	cursor: pointer;
	
	-moz-border-radius-topleft: 25px 40px;
	-moz-border-radius-topright: 25px 40px;
	border-top-left-radius: 25px 40px;
	border-top-right-radius: 25px 40px;
}
		
.clickme_green {
	background: #C1FFC1;
	color: #000000;
	display: block;
	height: 25px;
	line-height: 25px;
	margin: auto;
	overflow: hidden;
	text-align: center;
	width: 50px;
	cursor: pointer;
	
	-moz-border-radius-topleft: 25px 40px;
	-moz-border-radius-topright: 25px 40px;
	border-top-left-radius: 25px 40px;
	border-top-right-radius: 25px 40px;
}

.clickme_blue {
	background: #00A2E8; 
	color: #000000;
	display: block;
	height: 25px;
	line-height: 25px;
	margin: auto;
	overflow: hidden;
	text-align: center;
	width: 50px;
	cursor: pointer;
	
	-moz-border-radius-topleft: 25px 40px;
	-moz-border-radius-topright: 25px 40px;
	border-top-left-radius: 25px 40px;
	border-top-right-radius: 25px 40px;
}	

.drawer-content_yellow {
	background: #FFFA93;
	border-collapse: collapse;
	border-top: 0px solid #FFFA93;
	height: 50px;
	padding: 0;
}

.drawer-content_red {
	background: #FF9F9F;
	border-collapse: collapse;
	border-top: 0px solid #FF9F9F;
	height: 50px;
	padding: 0;
}

.drawer-content_green {
	background: #C1FFC1;
	border-collapse: collapse;
	border-top: 0px solid #C1FFC1;
	height: 50px;
	padding: 0;
}

.drawer-content_blue {
	background: #00A2E8;
	border-collapse: collapse;
	border-top: 0px solid #00A2E8;
	height: 50px;
	padding: 0;
}

.drawer-items_yellow, .drawer-items_red, .drawer-items_green, .drawer-items_blue {
	margin: auto;
	padding: 0;
}

.drawer-items_yellow ul, .drawer-items_red ul, .drawer-items_green ul, .drawer-items_blue ul {
    margin: auto;
    padding: 0;
    width: 100%;
}

.drawer-items_yellow li, .drawer-items_red li, .drawer-items_green li, .drawer-items_blue li {
    float: left;
    list-style: none;
    margin: auto;
    width: 50%;
    padding: 0;
}

.drawer-items_yellow li a, .drawer-items_red li a, .drawer-items_green li a, .drawer-items_blue li a {
    color: #000000;
    display: block;
    height: 50px;
    padding: 12px;
    text-decoration: none;
    text-align: left;
}

.drawer-items_yellow li a:hover {
	background: #000000;
}
.drawer-items_yellow li a:hover .title {
	color: #FFFA93;
}
.drawer-items_red li a:hover {
	background: #000000;
}
.drawer-items_red li a:hover .title {
	color: #FF9F9F;
}
.drawer-items_green li a:hover {
	background: #000000;
}
.drawer-items_green li a:hover .title {
	color: #C1FFC1;
}
.drawer-items_blue li a:hover {
	background: #000000;
}
.drawer-items_blue li a:hover .title {
	color: #00A2E8;
}
.drawer-items_yellow .title, .drawer-items_red .title, .drawer-items_green .title, .drawer-items_blue .title {
	color: #000000;
	font-size: 1.4rem;
	line-height: 1.1;
}