/* The styles below are for the SPONSOR image flip for TIC-TAC-FLY... below is css for FLY FOILS FLY FIGHTS FLY FORTUNATE*/


.sponsorListHolder{
	margin-bottom:30px;
}

.sponsor{
	width:124px;
	height:124px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url("images/background.jpg") no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{

	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 60px #f42a15 inset;
	-webkit-box-shadow:0 0 60px #f42a15 inset;
	box-shadow:0 0 60px #f42a15 inset;
	
}



.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
	
}

.sponsorDescription{
	font-size:11px;

	font-style:italic;
	background:#ffffff;
	width:124px;
	height:124px;
	float:left;
	margin:0px;
}



.clear{
	/* This class clears the floats */
	clear:both;
}


/* The styles below are only necessary for the styling of the demo page: */

#main{
	position:relative;
	margin:0 auto;
	width:398px;
}




#note{
	position:relative;
	width:380px;
	height:55px;
	
		margin:auto;
		margin-bottom:20px;
		 font-family: "Conv_CALIBRI";
	 color: #ff0060;
	 font-size: 44px;
	font-style: bold;
  color:#d14931;
    text-align: center;

		
		background:#ffffff;
		border-radius: 3px;
		-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;

}


/* The TWO styles below are for the CYCLE image flip for FLY FOILS FLY FIGHTS FLY FORTUNATE ... */

.slideshow { height: 100%; width: 100%; margin: auto; position:absolute; z-index: 0; pointer-events: none;}
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: none; }

/* END TWO styles for the CYCLE image flip for FLY FOILS FLY FIGHTS FLY FORTUNATE ... */

