@charset "utf-8";
/* CSS Document */

/* MOSAIC MASTER */
.simple-mosaic {
	position:relative;
	width:954px;
	height:327px; 
	overflow:hidden;
	background-color:#FFF;

	/* IPHONE FONT HOTFIX*/
	-webkit-text-size-adjust:none;
	
	/** FONTS **/
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	
	/** CSS RELATED TO THE GORE.COM SPECIFICS */
	margin-left:6px;
	margin-top:2px;
	
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */

	*float: left;
}

.small{
	position:relative;
	height:162px;
}

/* MOSAIC MASTER */
.simple-mosaic a:hover,
.simple-mosaic a {
	color:#FFF;
	text-decoration:none;
	border:0px;
	cursor:pointer;
}
.simple-mosaic a img{
	border:0px;
}


.simple-mosaic-page {
	position:relative;
	width:952px;
	height:322px; 
}

/*
boxes have no width, 
its ajdusted dynamically 
by the javascript,
*/

.box{
	position:absolute;
	background-color:#FFF;
}
	.box-container{
		position:relative;
		overflow:hidden;
		
	}
	
		.box .box-text-container,
		.box .box-video-container{
			position:absolute;
			bottom:0;
			width:100%;
			min-height:49px;
		}
			.box .box-text-container .box-title,
			.box .box-video-container .box-title{
				padding:7px;
				padding-bottom:5px;
				padding-left:10px;
				font-family:"MetaWebPro-Bold";
				
			}
			
			.box .box-text-container .box-caption,
			.box .box-video-container .box-caption{
				padding:15px;
				padding-top:0px;
				padding-bottom:10px;
				padding-left:10px;
				font-size:11px;
				
			}
		.box .box-bg{
	
		}

/*** MISC ***/
.box-scale-icon{
	position:relative;
	float:right;
	cursor:pointer;
	width:15px;
	height:15px;
	
	margin-right:10px;
	margin-left:10px;
	margin-top:8px;
	margin-bottom:3px;
	
	
}


.box-video-icon{
    position:relative;
    float:right;
    cursor:pointer;
    width:28px;
    height:28px;

    margin-right:10px;
    margin-left:10px;
    margin-top:8px;
    margin-bottom:3px;

}


.m-arrow{
	position:absolute;
	width:40px;
	height:40px;
	top:44%;
	
	cursor:pointer;
	z-index:2000;
	
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}

.play_button{
	position:absolute;
	cursor:pointer;
	width:28px;
	height:28px;
	right:10px;
	top:10px;
	z-index:20;
}

/*** NEWS MODULE ***/
.news{
	background-color:#ee1111;	
	
}
.news-title{
	font-family:"MetaWebPro-Medium";
	font-size:22px;
	margin-left:20px;
	margin-top:20px;
	margin-right:10px;
}
.news-descr{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	font-size:16px;
	margin-left:20px;
	margin-right:20px;
	
}

.small .news-descr{
	font-size:13px;
	font-weight:bold;
	line-height:140%;
}




/*** SMALL NEWS MODULE ***/
.news-small-title{
	font-family:"MetaWebPro-Medium";
	font-size:18px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	color:#000;
}
.news-small-date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
}
.news-small-descr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	
}
.news-small-cta{
	font-size:11px;
	margin-left:10px;
	margin-top:10px;
	padding-left:10px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}