/* Index Gallery
------------------------------------------------------------------------------*/
#indexgallery_container{
    float:left;
    width:650px;
    height:300px;
}

#demotip {
    display:none;
    background:transparent url(/images/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;
}

/* the overlayed element */
.apple_overlay {

	/* initially overlay is hidden */
	display:none;

	/* growing background image */
	background-image:url(http://flowplayer.org/img/overlay/white.png);

	/*
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:480px;

	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */
	font-size:11px;
    z-index:1;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(http://flowplayer.org/img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
    z-index:1;
}


/**************************** J QUERY CAROUSEL **/
#jFlowSlide{ background:#373737; color:white; width:300px; Font-family: Calibri, Verdana, Ariel, sans-serif; font-size:18px; }
#myController { Font-family: Calibri, Verdana, Ariel, sans-serif; padding:3px 0;  width:300px; background:#272727; }
#myController span.jFlowSelected { background:#992021;margin-right:0px; height:540px; }

.slide-wrapper { padding: 5px; width:290px; }


.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-left:12px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #992021; }