*{padding:0; margin:0;}

h1 { font-family: 'Montserrat', sans-serif; font-weight: 400; }
h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; }

a{
	display:inline-block;
	outline:0;
	text-decoration:none;
	color:#fff;
}
img{
	border:none;
	outline:none;
}


/* --- ///	Style ----- */

.page_01{
	width:980px;
	margin:0 auto;
}
.clear{
	width:100%;
	height:0px;
	clear:both;
}


#nav{
	height:144fixed; z-index:10;
	top:0;
	text-align:center;
	background:url(../nav.jpg) repeat-x;
}

#nav > img{
	width:768px;
}

#wrapper{
	padding-top:0px;
	position:relative; z-index:1;
	min-width:768px;
}
#wrapper > .carton_50{
	width:50%; float:left;
	position:relative;
}
#wrapper  > .carton_50  .my_picture{
	width:100%; height:auto;
	display:block;
	position:relative; z-index:10;
	top:0; left:0;
}
.img_hover{
	display:block;
	position:absolute;
	z-index:13;
	top:986px;
	left:1547px;
	width:40px;
	height:40px;
	background-color:rgba(0,0,0,0.7);
	text-align:center;
}
.img_hover img{
	width:35%; height:auto;
	margin-top:50%;
}
/* - */
#wrapper > .carton_100{
	width:100%;
	position:relative;
}
#wrapper  > .carton_100  img.my_picture_full{
	width:100%; height:auto;
}
#wrapper > .carton_33{
	width:20%; float:left;
	position:relative;
}
#wrapper  > .carton_33  .my_picture{
	height:auto;
	display:block;
	position:relative; z-index:10;
	top:0; left:0;
}
.carton_100 a {
    display: block;
    line-height: 0;
    text-decoration: none;
}

#wrapper > .carton_25{
	width:25%; float:left;
	position:relative;
}
#wrapper  > .carton_25  .my_picture{
	height:auto;
	display:block;
	position:relative; z-index:10;
	top:0; left:0;
}

.carton_25 a {
    display: block;
    line-height: 0;
    text-decoration: none;
}
.