.elements {
	position:absolute;
	overflow:visible;
	}

div.grid_overlay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	}

.width_8 { width:100%; }
.width_7 { width:87.5%; }
.width_6 { width:75%; }
.width_5 { width:62.5%; }
.width_4 { width:50%; }
.width_3 { width:37.5%; }
.width_2 { width:25%; }
.width_1 { width:12.5%; }

.body_fixed {
 	overflow:hidden;
	}
 
.t1 .col {
	line-height:0px;
	float:left;
	position:relative;
	}

.t1 .col div {
	line-height:0px;
	}

.full_height .col {
    overflow:hidden !important;
	}
 
.full_height .t1 .outer .col img {
    display:block;
	}

.t1 img {
	cursor:pointer;
	display:none;
	}
	
.width_1_3 {
	width:37.5%;
	}
	
.width_1_2 {
	width:50%;
	}
	
.grid-box {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	overflow:hidden;
	-webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
	}
	
.grid-box a {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	cursor:pointer;
	overflow:hidden;
	-webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
	}
	
.grid-box figure {
	position:relative;
	width:100%;
	z-index:0;
	height:100%;
	overflow:hidden;
	}
	
.grid-caption {
	bottom:0px !important;
	z-index:2;
	width:100%;
	height:80px;
	display:inline;
	text-align:center;
	position:absolute;
	-moz-user-select:none;
	-o-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	background:rgba(0,0,0,0.8);	
   	-webkit-transition:all 0.2s ease-out 0.4s;
   	-moz-transition:all 0.2s ease-out 0.4s;
   	-o-transition:all 0.2s ease-out 0.4s;
   	-ms-transition:all 0.2s ease-out 0.4s;
   	transition:all 0.2s ease-out 0.4s;
	}
	
.grid-caption .caption-wrapper {
	position:relative;
	display:inline-table;
	color:#ddd;
	height:80px;
	margin:0px auto;
	padding:10px 0px;
	text-align:center;
	}
	
.grid-caption .caption-wrapper .mainTitle {
	font-family:SEGOEUIL;
	position:relative;
	font-size:25px;
	color:#dddddd;
	height:60px;
	line-height:26px;
	text-align:center;
	display:table-cell;
	font-weight:normal;
	vertical-align:middle;
	text-transform:uppercase;
	}
	
.grid-box:hover .grid-caption {
	bottom:-80px !important;
	-webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
	}
	
.grid-box .mask {
   	position:absolute;
   	overflow:hidden;
	height:100%;
   	width:100%;
   	top:100%;
   	left:0px;
	z-index:5;
	color:#ddd;
	padding:20px;
	display:inline-table;
	background:rgba(0,0,0,0.75);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
   	-webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
	}	

.grid-box:hover .mask {
   	top:0px;
   	-webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
	}
	
.grid-box:hover .mask .contentArea {
	position:relative;
	width:90%;
	height:90%;
	padding:5%;
	color:#dddddd;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	}
	
.grid-box .mask h2 {
	font-family:SEGOEUIL;
	position:relative;
	font-size:30px;
	color:#dddddd;
	display:block;
	line-height:32px;
	text-align:center;
	font-weight:normal;
	padding-bottom:10px;
	text-transform:uppercase;
	}
	
.grid-box .mask h4 {
	font-family:SEGOEUIL;
	position:relative;
	font-size:25px;
	color:#dddddd;
	display:block;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
	}
	
.grid-box .mask p {
	text-align:center;
	line-height:18px;
	margin-bottom:10px;
	}
	
.grid-box .mask .more {
	color:#ffffff;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	}