/*Sliding Text and Icon Menu Style*/

.sti-menu{

	width:350px;

	height:145;

	position:relative;

	float:left;

	margin:4px;

	

}



@font-face {

	font-family: 'gess';

	src: url('../gess.otf');

	src: local('☺'),



	font-weight: normal;

	font-style: normal;

}





.sti-menu li{

border: 1px solid #CCC;

    border-radius: 3px;

	float:left;

	width:350px;

	height:59px;

	margin:5px;

}

.sti-menu li a{

border: 0px solid;

    border-radius: 3px;

	display:block;

	overflow:hidden;

	

	background-image:url(../images/back.png);

	  

    background-attachment: fixed;

    background-position: center; ;

	text-align:left;

	height:100%;

	width:100%;

	position:relative;

	-moz-box-shadow:1px 1px 2px #ddd;

	-webkit-box-shadow:2px 2px 2px #fff;

	box-shadow:1px 1px 2px #fff;

}

.sti-menu li a h2{

	float:left;

	color:#fff;

	font-family: 'Lora', arial, serif; 

	font-size:18px;

	font-weight:bold;



	text-transform:none;

	position:absolute;

	padding:10px;

	width:250px;

	top:10px;

	left:10px;

	text-shadow: 1px 1px 2px black;

}

.sti-menu li a h3{

	font-family:'Lora',Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; 

	font-size:14px;

	font-style:italic;

	color: #000;

	position:absolute;

	top:5px;

	left:220px;

	width:120px;

	padding:10px;

}

.sti-icon{

	width:64px;

	height:64px;

	position:absolute;

	background-position:top left;

	background-repeat:no-repeat;

	background-color:transparent;

	right:20px;

	top:1px;

}

.sti-icon-care{

	background-image:url(../images/care.png);

}

.sti-icon-alternative{

	background-image:url(../images/alternative.png);

}

.sti-icon-family{

	background-image:url(../images/family.png);

}

.sti-icon-info{

	background-image:url(../images/info.png);

}

.sti-icon-technology{

	background-image:url(../images/technology.png);

}