/**************************************************************************** 
 *** FLEX-ELEMENT CSS FILE
 *** 
 *** This file contains:
 *** 	- Standard 2 columns flex-element (33-66, 66-33, 50-50)
 *** 	- Standard 3 columns flex-element (33-33-33)
 *** 	- All other flex-element CSS file
 *** 
 *** Author: Matthias Toscanelli <mt@accessible.ch>
 *** Copyright: 
 *** 
 *****************************************************************************/ 


/********************************************************** 
 ***** 2 Columns 66-33
 **********************************************************/ 
div.flex-06-03{ overflow:hidden; width: 100%;}
div.flex-06-03 div.flex-left{ float:left; width:66%;}
div.flex-06-03 div.flex-right{ float:right; width:33%;}
div.flex-06-03 div.clear-fix{ clear: both; }


/********************************************************** 
 ***** 2 Columns 66-33
 **********************************************************/ 
div.flex-03-06{ overflow:hidden; width: 100%;}
div.flex-03-06 div.flex-left{ float:left; width:33%;}
div.flex-03-06 div.flex-right{ float:right; width:66%;}
div.flex-03-06 div.clear-fix{ clear: both; }


/********************************************************** 
 ***** 2 Columns 50-50 
 **********************************************************/ 
div.flex-05-05{ overflow:hidden; width: 100%;}
div.flex-05-05 div.flex-left{ float:left; width:50%;}
div.flex-05-05 div.flex-right{ float:right; width:50%;}
div.flex-05-05 div.clear-fix{ clear: both; }


/********************************************************** 
 ***** 3 Columns 33-33-33
 **********************************************************/ 
div.flex-03-03-03{ overflow:hidden; width: 100%;}
div.flex-03-03-03 div.flex-left{ float:left; width:33%;}
div.flex-03-03-03 div.flex-middle{ width:33%; }
div.flex-03-03-03 div.flex-right{ float:right; width:33%;}
div.flex-03-03-03 div.clear-fix{ clear: both; }


/********************************************************** 
 ***** Site structure
 **********************************************************/ 
div.flex-site{
	overflow: hidden;
	text-align: center;
	width: 100%;
}
div.flex-site div.link span.image{
	display: block;
}
div.flex-site div.link span.header{
	color: #fff;
	display:block;
	margin:-350px 0 0 80px;
	position:absolute;
	width:315px;
}
div.flex-site div.link span.header p.title{
	font-size: 16px;
	font-weight: 900;
}
div.flex-site div.link span.header p.sub-title{
	font-size: 14px;
}
div.flex-site div.link span.header p{
	font-size: 10px;
}