#tabs {
	position: relative;
	float: left;
}

	#tabs > ul {
		position: relative;
		float: left;
		height: 100.0%;
		padding: 0;
		margin: 0;
		list-style: none;
	}

		#tabs > ul > li {
			position: relative;
			float: left;
			height: 100.0%;
		}

		#tabs > ul > li:hover {
			background-color: rgba(255, 255, 255, 0.2);
			transition: background-color 0.1s linear 0.0s;
			-webkit-transition: background-color 0.1s linear 0.0s;
			-moz-transition: background-color 0.1s linear 0.0s;
		}

		#tabs > ul > li.active {
			border-bottom: 2px solid #FFFFFF;
		}

			#tabs > ul > li > a {
				position: relative;
				float: left;
				height: 100.0%;
				padding: 0 20px;
			}

				#tabs > ul > li > a span {
					position: relative;
					float: left;
					margin-top: 20px;
					font-size: 14px;
					font-weight: 700;
					color: #FFFFFF;
				}

				#tabs > ul > li > a i {
					position: relative;
					float: left;
					height: 22px;
					margin-top: 17px;
					line-height: 22px;
					font-size: 24px;
				}