/***************************************************
 ***************************************************
 ****** Galleria
 ***************************************************
 ***************************************************/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/***************************************************
 ***************************************************
 ****** Bubbles
 ***************************************************
 ***************************************************/

 /* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 1em;
	margin-bottom: 24px;

	padding-right: 15px;
	padding-top: 12px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #CCCCCC;
	background-color: #FAFF93;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;

	top: -7px;
	left: -300px;

	height: 14px;
	display: block;

	background: transparent right center url(../img/tip-rounded.gif) no-repeat;
}

.bubbleCiteTop {
	background-image: url(../img/tip-rounded-top.gif) !important;
	z-index: 10002 !important;
	top: -4px !important;
}

*+html .bubble .citeRounded {
	top: -6px !important;
}


/***************************************************
 ***************************************************
 ****** lytebox
 ***************************************************
 ***************************************************/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.green { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.green { border: 3px solid #888888; }


#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.green { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../img/lytebox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../img/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../img/lytebox/prev_green.gif) left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url(../img/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../img/lytebox/next_green.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #333333; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #CCCCCC; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.green { color: #333333; }

#lbDetails { width: auto; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.green { background: url(../img/lytebox/close_green.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.green { background: url(../img/lytebox/play_green.png) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.green { background: url(../img/lytebox/pause_green.png) no-repeat; }

/***************************************************
 ***************************************************
 ****** imageflow
 ***************************************************
 ***************************************************/

.imageFlowImg {
	position:absolute !important;
	border:none;
	border: 1px solid #C0D1C4;
	padding: 3px;
	background-color: #E9EFEA;

	filter:alpha(opacity=60);
	opacity: 0.6;
}

.imageFlowImgNonTransparent {
	position:absolute !important;
	border:none;
	border: 1px solid #C0D1C4;
	padding: 3px;
	background-color: #E9EFEA;
}

.imageFlowLink {
	background: no-repeat center center url(../img/start-slideshow.png) !important;
	position: absolute !important;
	z-index: 100;
	cursor: pointer;

	filter:alpha(opacity=40);
	opacity: 0.4;
}

.imageFlowLink:hover {
	filter:alpha(opacity=80);
	opacity: 0.8;
}
             /*
filter:alpha(opacity=50);
	opacity: 0.5;
	*/

.clear{
	clear:both;
}
#images{
	visibility:hidden;
	vertical-align: bottom;
	background-color: white;
	padding-bottom: 5px;
	border: 1px solid #C0D1C4;
}

*+html #images {
	position: relative;
}

#loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative;
}
#captions{
	font-weight:bold;
	position:relative;
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:absolute;
	top: 350px;
	height: 0px;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(../img/imageflow/slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;
}
#imageflow{
	/*margin-left:350px;*/
	width: 450px;
	height: 373px;
	text-align:left;

}