/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

/*Demo Styles*/
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }

mosaic-backdrop { background: rgba(200, 54, 54, 0.5);  }

		
.details{ margin:15px 10px; }	

h4{ font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); }
p{ font:300 10pt 'Helvetica', sans-serif; color:#222; }
a{ text-decoration:none; }

/* Cycle style */
.js #logo img {display: none;}

.js #brockman img {display: none;}
	

/* ################################################################################
############  ADD BLOCK CODE HERE FOR ADDITIONAL TEXT OVERLAYS  #######################
#################################################################################*/



/* ###############   Box 2 (Women's Basketball)  ################################################################# */

.mosaic-block5 {
	position:absolute;
	top:0px;
	left:315px;
	overflow:hidden;
	width:211px;
	height:265px;
	border:none;
	margin:0px;
	background:transparent url(../images/progress.gif) no-repeat center center;
}
.bar5 .mosaic-overlay {	/* Box 2 Overlay */
	height:200px;
        width:206px;
	bottom:-200px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        margin-bottom:5px;
}




/* ###############   Box 3 (Team)  ##################################################################### */

.mosaic-block9 {
	position:absolute;
	top:0px;
	left:531px;
	overflow:hidden;
	width:435px;
	height:135px;
	border:none;
	margin:0px;
}
.bar9 .mosaic-overlay {	/* Box 3 Overlay */
        background:url(../images/bg-black.png);
	height:200px; 
        bottom:-200px; 
        opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        width:430px;
        margin-bottom:5px;    
}



/* ###############   Box 4 (Baseball)  ################################################################# */

.mosaic-block11 {	
	position:absolute;
	top:0px;
	left:971px;
	overflow:hidden;
	width:220px;
	height:329px;
	border:none;
	margin:0px;
	background:transparent url(../images/progress.gif) no-repeat center center;
	
}
.bar11 .mosaic-overlay {	
	height:200px;
        width:215px;
	bottom:-200px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        margin-bottom:5px;
}



/* ###############   Box 5 (Brock - Basketball)   ################################################################# */

.mosaic-block2 {    
	position:absolute;
	top: 130px;
	left:0px;
	overflow:hidden;
	width:310px;
	height:369px;
	border:none;
	margin:0px;
}
.bar2 .mosaic-overlay { /* Box 5 Overlay - This controls the height of the sliding overlay */
	background:url(../images/bg-black.png);
	height:200px;   /*	 MUST LEAVE VALUES HERE OR OVERLAY WON'T SLIDE OUT (even though they're overridden by jquery css) */
	bottom:-200px; /*	 MUST LEAVE VALUES HERE OR OVERLAY WON'T SLIDE OUT (even though they're overridden by jquery css) */
        opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        width:305px;
        margin-bottom:5px;
}



/* ###############   Box 6  (Warm-ups)   ################################################################# */

.mosaic-block4 {
	position:absolute;
	top:270px;
	left:315px;
	overflow:hidden;
	width:99px;
	height:224px;
	border:none;
	margin:0px;
	background:transparent url(../images/progress.gif) no-repeat center center;
}
.bar4 .mosaic-overlay {	/* Box 6 Overlay */
	height:200px;
        width:94px;
	bottom:-200px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        margin-bottom:5px;
}



/* ###############   Box 9 (Women's Basketball)  ########################################################## */

.mosaic-block3 {	
	position:absolute;
	top:504px;
	left:0px;
	overflow:hidden;
	width:409px;
	height:119px;
	border:none;
	margin:0px;
}
.bar3 .mosaic-overlay {	/* Box 9 Overlay */
	height:200px;
        width:404px;
	bottom:-200px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        margin-bottom:5px;
}




/* ###############   Box 10 (Football)   ################################################################# */

.mosaic-block7 {	/* Must create additional blocks for each image in collage so each is sized correctly */
	position:absolute;
	top:382px;
	left:419px;
	overflow:hidden;
	width:385px;
	height:241px;
	border:none;
	margin:0px;
	background:transparent url(../images/progress.gif) no-repeat center center;
	
}
.bar7 .mosaic-overlay {	/* This controls overlay size for second overlay */       
        background:url(../images/bg-black.png);
	height:200px;   /*	 MUST LEAVE VALUES HERE OR OVERLAY WON'T SLIDE OUT (even though they're overridden by jquery css) */
	bottom:-200px; /*	 MUST LEAVE VALUES HERE OR OVERLAY WON'T SLIDE OUT (even though they're overridden by jquery css) */
        opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        width:385px;
        margin-bottom:5px;
}





/* ###############   Box 11 (Softball)  ################################################################# */

.mosaic-block10 {	
	position:absolute;
	top:382px;
	left:809px;
	overflow:hidden;
	width:157px;
	height:241px;
	border:none;
	margin:0px;
	background:transparent url(../images/progress.gif) no-repeat center center;
	
}
.bar10 .mosaic-overlay {	/* Box 11 Overlay */
	height:200px;
        width:152px;
	bottom:-200px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        margin-bottom:5px;
}




/* ###############   Box 12 (Other Sports)  ################################################################# */

.mosaic-block12 {	
	position:absolute;
	top:334px;
	left:971px;
	overflow:hidden;
	width:220px;
	height:289px;
	border:none;
	margin:0px;
}
.bar12 .mosaic-overlay {	/* This controls overlay size for second overlay */
	height:200px;
	bottom:-200px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
        width:215px;
        margin-bottom:5px;
}


/*########  END OF ADDITIONAL BLOCK CODE   ##########################################*/




.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background:url(../images/hover-magnify.png) no-repeat center center;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}

.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../images/bg-black.png);
}
	

.bar .mosaic-overlay:hover {	/* Allows you to change opacity when hovering overlay */
	opacity:.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
		/*** End Animation Styles ***/