.navigation, .item, #nav, .icon {
    /*margin: 0px auto;
   
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;*/
	position: absolute;
	top: 0;
	left: 0;
}
.navigation .item{
    position:absolute;
}
.user{
    
}

.sisa{
	position:relative;
    top:10px;
    left:70px;
}
.tekstit H1{
	
	
	font-family: "PT Sans", verdana;
	
		  font-size:42px;
	  line-height:20px;
    text-decoration:none;
	color:#8fd400;
	font-weight:100;
    list-style:none;
  
   
	margin-bottom: 14px;
	
	letter-spacing:0px;
	padding: 50px 0 0 0;
	
	
}


.tekstit{
font-family: "PT Sans", verdana;
	
	  font-size:17px;
	  line-height:20px;
    text-decoration:none;
    
	
	color:#777777;
	font-weight:normal;
	position:absolute;
	width:300px;
	top:0px;
	left:330px;
		    list-style:none;
  
   

		/*text-shadow:0px 0px 1px#00a6cd;*/



	
	
}

.home{
   top:50px;
   left:360px;
}
.shop{
   top:90px;
   left:625px;
}
.camera{
   top:230px;
   left:835px;
}
.fav{
   top:420px;
   left:950px;
}
a.icon{
    width:40px;
    height:40px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}
.user a.icon{
    background:transparent url(../images/user.png) no-repeat 0px 0px;
}
.navigation .item a.active{
    background-position:0px -40px;
}
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:40px;
    height:40px;
    opacity:0;
}
.item h2{
    position:absolute;
    width:147px;
    height:52px;
    color:#222;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    /*text-shadow:1px 1px 1px #fff;*/
    text-transform:uppercase;
}
.item h2.active{
    color:#fff;
    /*text-shadow:1px 0px 1px #555;*/
}
.item ul{
	  font-size:17px;
	  line-height:20px;
    text-decoration:none;
    font-family: "PT Sans", Verdana;
	/*color:#4c4c4d;*/
	color:#777777;
	font-weight:normal;
    list-style:none;
    position:absolute;
    top:125px; /*70*/
    left:30px; /*65*/
    display:none;
	width:270px;
	
	/*text-shadow:0px 0px 1px#00a6cd;*/
}
.item ul li a{
    font-size:12px;
    text-decoration:none;
    font-family: "PT Sans", Verdana;
   
    color:#555;
    padding:3px;
    float:left;
    clear:both;
    width:100px;
    /*text-shadow:1px 1px 1px #fff;*/
}
.item ul li a:hover{
    background-color:#fff;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}



 .mapMarkShape { /* Inner shape */
	position: absolute;
	top: -9px;
	left: -9px;
	width: 18px;
	height: 18px;
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-o-border-radius:20px;
	-webkit-box-shadow: 0 0 5px #ffffff;
	 /*background: #5a7938 -webkit-gradient(radial, 5 3, 0, 5 5, 5, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));	*/		
	/*background: #5a7938;*/
	background: transparent url(../images/map_mark.png);
}


.mapMarkGlow { /* Outer glow */
	position: absolute;
	top: -25px;
	left:-25px;
	width: 40px;
	height: 40px;	
/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
/*	border: 5px solid #A4D176;*/
	border: 4px solid transparent;
	opacity: 1;
  background:url(../images/map_glow.gif) no-repeat; 

  /*
	-webkit-animation-name: 'blip';
	-webkit-animation-duration: 2.55s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
  */
}

@-webkit-keyframes 'blip'
{		
	0% {
		-webkit-transform: scale(.1);	
		opacity: 0;
	}
	1% {
		-webkit-transform: scale(.1);	
		opacity: .8;
	}
	60% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes 'blip2'
{		
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
	}
	1% {
		opacity: .8;
		-webkit-transform: scale(.1);
	}
	60% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
}