.con-supp-1 {
	float: left;
	width: 228px;
	height: 258px;
	/*background-color: #00A4E5;*/
	background: url(../library/bg-supp1.png) no-repeat 0 0;
	}	
.con-supp-1 h2 {
	color: #fff;
	font-size: 22px;
	padding: 13px 10px 0 20px;
	margin: 0;
	}		
.con-main {
	float: left;
	width: 680px;
	padding: 0px;
	background-color: transparent;
	}

/* =================== Media Player =================== */
.mod-mediaplayer {
	width: 680px;
	height: 258px;
	margin-bottom: 1px;
	}	
	
.mod-mediaplayer {
	width: 680px;
	height: 258px;
	}	

.media-player-loader {
	background: #fff;
	width: 680px;
	height: 258px;
	position:absolute;
	top:0;
	left:0;
	z-index:10001;
	}

.media-player-loader div {
	background: url(../library/loading.gif) no-repeat center center;
	width: 680px;
	height: 258px;
	}

.media-player {
	position:relative;
	height:258px;
	width:680px;
	}
.media-bg, .media-bg2 {
	position:absolute;
	top:0;
	left:0;
	height:258px;
	width:680px;
	margin:0;
	padding:0;
	z-index:0;
	}
	
.media-list {
	width:226px;
	height:258px;
	position:absolute;
	top: 0px;
	left: 454px;
	padding:0;
    margin:0;
    background-color: #36b7ea;
	}
	
.media-details {
	position:absolute;
	top: 0;
	left: 0;
	width: 453px;
    height: 258px;
    overflow: hidden;
	}
.media-details img {
	display: block;
	}
.media-list img {
    width: 80px;
    height: 57px;
	}
#media-videoplayer {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 453px;
    height: 258px;
    display:none;
	}
/* =================== Info panels =================== */

.panel-wrapper {
	width: 453px;
	background: url(../library/bg-panel-white.png) repeat-x 0 0;
	float: left;
	}
.mod-projectupdates,
.mod-mediareleases,
.mod-panelrotator {
	float: left;
	padding: 3px 10px 31px 15px;
	/*min-height: 185px;*/
	}
.paneltitle {
	margin: 8px 0 3px 0;
	}	
.mod-projectupdates {
	width: 201px;
	}	
.mod-mediareleases {
	width: 202px;
	}
.mod-panelrotator {
	width: 225px;
	margin-left: 1px;
	color: #91e0ff;
	padding: 0;
	}
.mod-panelrotator h2 {
	color: #fff;
	padding-right: 40px;
	}
.mod-panelrotator a:link {color: #91e0ff; text-decoration: none;}
.mod-panelrotator a:visited {color: #91e0ff; text-decoration: none;}
.mod-panelrotator a:focus {color: #fff; text-decoration: none;}
.mod-panelrotator a:hover {color: #fff; text-decoration: none;}	
.mod-panelrotator a:active {color: #fff; text-decoration: none;}
	
.mod-panelrotator .link {
	position: absolute;
	bottom: 10px;
	background-image: url(../library/icn-link-blue.png);
	}
.panel-group {
	background: url(../library/bg-panel-blue.png) no-repeat top right;
	}			
	
p.link-group {
	position: absolute;
	bottom: 5px;
	}	
a.rss { 
	float: left;
	display: block;
	background: url(../library/icn-rss.png) no-repeat left 50%; padding-left: 14px; margin-right: 10px;
	}
a.link { 
	float: left;
	display: block;
	background: url(../library/icn-link.png) no-repeat left 50%; padding-left: 10px; margin-right: 10px;
	}