/*Sliding Text and Icon Menu Style*/

.container {
	width:100%;
	position:relative;
	z-index:100;
	margin:0 auto;
}
.sti-menu{
	width:1000px;
	position:relative;
	margin:60px auto 0 auto;
}
.sti-menu li{
	float:left;
	width:238px;
	height:300px;
	margin:1px;
}
.sti-menu li a{
	display:block;
	overflow:hidden;
	background:#fff;
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
}
.sti-menu li a h2{
	color:#231910;
	font-family: 'Chela One', cursive; 
	font-size:18px;
	font-weight:light;
	position:absolute;
	padding:10px;
	width:220px;
	top:180px;
	left:0px;
}
.sti-menu li a h3{
	font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; 
	font-size:18px;
	font-style:italic;
	color: #111;
	position:absolute;
	top:248px;
	left:0px;
	width:220px;
	padding:10px;
}
.sti-icon{
	width:220px;
	height:170px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	left:10px;
	top:10px;
}
.sti-icon-espresso{
	background-image:url(../images/espresso.png);
}
.sti-icon-macchiato{
	background-image:url(../images/espresso-macchiato.png);
}
.sti-icon-panna{
	background-image:url(../images/espresso-con-panna.png);
}
.sti-icon-latte{
	background-image:url(../images/cafe-latte.png);
}
.sti-icon-mocha{
	background-image:url(../images/mocha.png);
}
.sti-icon-americano{
	background-image:url(../images/americano.png);
}
.sti-icon-marocchino{
	background-image:url(../images/marocchino.png);
}
.sti-icon-freddo{
	background-image:url(../images/freddo.png);
}