/*Sliding Text and Icon Menu Style*/
.sti-menu{
	width:1010px;
	position:relative;
	margin:80px auto 0 auto;
}
.sti-menu li{
	float:left;
	width:180px;
	height:180px;
	margin:1px;
	list-style-type:none;
	overflow:auto;
}

.sti-menu li.left{margin-right:-20px;}
.sti-menu li.right{margin-left:-20px;}


.sti-menu #halka{
	border:5px solid #fff;
	float:left;
	width:160px;
	height:160px;
	margin:1px;
	list-style-type:none;
	overflow:auto;
	position:absolute;
	z-index:3000;
	top:5px; left:5px;
	 background: transparent;
	  border: 5px solid rgb(255, 255, 255);
   border: 5px solid rgba(255, 255, 255, .7);
   -webkit-background-clip: padding-box; /* for Safari */
   background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}


	



.sti-menu li.vital{
	float:left;
	width:240px;
	height:242px;
	margin:-27px 0 0 0;
	list-style-type:none;
	z-index:9999;
	position:relative;
}




.sti-menu li.vital a #halka{
	border:5px solid #fff;
	float:left;
	width:220px;
	height:220px;
	margin:1px;
	list-style-type:none;
	overflow:auto;
	position:absolute;
	z-index:3000;
	top:5px; left:5px;
   background: transparent;
   border: 5px solid rgb(255, 255, 255);
   border: 5px solid rgba(255, 255, 255, .7);
   -webkit-background-clip: padding-box; /* for Safari */
   background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.sti-menu li a{
	display:block;
	overflow:hidden;
	background:#fff;
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
	-moz-box-shadow:1px 1px 2px #ddd;
	-webkit-box-shadow:1px 1px 2px #ddd;
	box-shadow:1px 1px 2px #ddd;
}

.sti-menu li a h2 {display:block; }
.sti-menu li a h3 {display:none; }

.sti-menu li a:hover h2 {display:none; }
.sti-menu li a:hover h3 {display:block; }




.sti-menu li a h2{
	color:#fff;
	font-family: 'Wire One', arial, serif; 
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	padding:10px;
	width:auto;
	top:151px;
	left:80px;
	text-shadow: 0px 1px 1px black;
}
.sti-menu li a h3{
	font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; 
	font-size:18px;
	font-style:italic;
	color: #000;
	position:absolute;
	top:73px;
	left:-11px;
	width:180px;
	padding:10px;
}


.sti-icon{
	width:100px;
	height:100px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	left:50px;
	top:30px;
}



.dr_1{left:-73px;
    position: relative;
    top: -118px;}
.dr_2{ position:relative; top:-154px; left:-83px;}

.sti-menu li.vital a h3.sti-item{ position:absolute; left:24px; top:103px !important;}
.sti-menu li.vital a h2 { left:81px; top:153px; }

.sti-menu li.sira1{ z-index:}