#menu {
	position:absolute;
	bottom:30px;
	right: 15px;
	text-align:right;
}

#menu ul {
	list-style: none;
}

#menu li {
	font-size: 1.5em;
	line-height: 1.2em;
	cursor:pointer;
}

.page-tab h1 {
	position: absolute;
	top:-30px;
	right: 15px;
	background:url('/img/trippy-tab.png') no-repeat right top;
	padding-right: 60px;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
}

.page-tab {
	position:absolute;
	top:0;
	left:0;
	min-height:100%;
	width: 375px;
	min-width: 375px;

/* 	max-width: 25%; */
	-webkit-transform-origin: 100% 100%;
}

.transition-400 {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
}

.transition-1000 {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.rotated {
	-webkit-transform:rotate(6deg);
}

#about-tab {
	background:#b21010;
	z-index:1;
}

#releases-tab {
	background:#2f8a0f;
	z-index:2;
}

#dates-tab {
	background:#009bd6;
	z-index:3;
}

#press-tab {
	background:#f26521;
	z-index:4;
}

#label-tab {
	background:#536788;
	z-index:5;
}

#label-tab h1 {
	background:url('/img/section-tab.png') no-repeat right top;
	padding-right: 80px;
}

#contact-tab {
	background:#8c14a2;
	z-index:6;
}

#left li.home:hover { color: #AAA; }
#left li.about:hover { color: #b21010; }
#left li.releases:hover { color: #2f8a0f; }
#left li.dates:hover { color: #009bd6; }
#left li.press:hover { color: #f26521; }
#left li.label:hover { color: #536788; }
#left li.contact:hover { color: #8c14a2; }
