@charset "UTF-8";

#Nav {
	position:fixed;
	top:0px;	
	left:15%;
	height:38px;		
	width:550px;
	z-index:9999;
	border-radius:0px 0px 6px 6px;
	background-color: rgba(154,147,147,0.3);

}
.textContainer {
	position:fixed;
	top:0px;	
	left:45%;
	width: 500px;
	height: 38px;
	text-align: center;
	margin-top: 0px;
	border: 0px solid #028fd7;
	border-radius:0px 0px 6px 6px;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 
	Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight: 20;
	font-size: 12px;
	color:#dadada;
	-webkit-transition-property: color, background; 
	-webkit-transition-duration: 1s, 1s; 
	-webkit-transition-timing-function: linear, ease-in;
}
 
.textContainer a{
text-decoration: none;
color:#9a9a9a; 
-webkit-transition-property:color; 
-webkit-transition-duration: 1s, 1s; 
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property:color, background-color; 
-moz-transition-duration: 1s; 
-moz-transition-timing-function: linear, ease-in;
}
.textContainer:hover {
	color:#ffffff;
	background-color: rgba(33,33,33,0.9);
}
.textContainer:hover a {
	color: #028fd7;
}
.textContainer a:hover {
	color:#96dbfe;
}
.miunavlink {width: 150px; text-align:center; display:inline; margin:7px;}






#images-box {

    width: 880px;
    margin: 0px auto;
    position: relative;
    top: 37px;
}
 
.image-lightbox img {

    width: inherit;
    height: inherit;
}
 
.holder {

    width: 150px;
    height: 100px;
    float: left;
    margin: 0 18px 0 0;
}
 
.image-lightbox {
    width: inherit;
    height: inherit;
    padding: 2px;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    background: #000;
    border-radius: 0px;

    position: absolute;
    top: 0;
    font-family: Arial, sans-serif;

    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    -ms-transition: all ease-in 0.5s;
    -o-transition: all ease-in 0.5s;
}
 
.image-lightbox span {
    display: none;
}
 
.image-lightbox .expand {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
 
.image-lightbox .close {
    position: absolute;
    width: 20px; height: 20px;
    right: 20px; top: 20px;
}
 
.image-lightbox .close a {
    height: auto; width: auto;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    background: #22272c;
    box-shadow: inset 0px 24px 20px -15px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0,0,0,0.4), 0px 0px 30px rgba(255,255,255,0.4);
    border-radius: 5px;
    font-weight: bold;
    float: right;
}
 
.close a:hover {
    box-shadow: inset 0px -24px 20px -15px rgba(255, 255, 255, 0.01), inset 0px 0px 10px rgba(0,0,0,0.4), 0px 0px 20px rgba(255,255,255,0.4);
}
 
div[id^=image]:target {
    width: 270px;
    height: 180px;
    z-index: 5000;
    top: 50px;
    left: 280px;
}
div[id^=image]:target .close {
    display: block;
}
 
div[id^=image]:target .expand {
    display: none;
}
 
div#image-1:target, div#image-2:target, div#image-3:target, div#image-4:target, div#image-5:target { left: 280px; }
 
div#image-1 { left: 18px; }
div#image-2 { left: 190px; }
div#image-3 { left: 362px; }
div#image-4 { left: 534px; }
div#image-5 { left: 706px; }
		
	

	

	

	

	.thingy	{
		position : absolute;
		visibility : hidden;
	}