@charset "utf-8";
/*
*-----------------------------------------------
* INDEX :
* 
* 1. Gallery of dissolve effect
* 2. Carousel Box
*----------------------------------------------- */

/* ============================================================
	1. Gallery of dissolve effect
=============================================================== */
div#dissolved  {
	position:relative;
	height:494px;
	width:1582px;
	margin:0px auto;
}
div#dissolved img  {
 position:absolute;
 margin:0px auto;
 padding:0px;
 outline:0px;
 border:none;
 top:0px;
 left:0px;  
}
div#dissolvebtn { border-top:1px solid #CCCCCC; }
div#dissolvebtn i {
	display:block;
	float:left;
	width:47px;
	height:32px;
	overflow:hidden;
	margin:16px 4px 0px 0px;
}
div#dissolvebtn i img {
 margin-top:-33px;
 padding:0px;
 outline:0px;
 border:none;
 cursor:pointer;
}
div#dissolvebtn i img.hover { margin-top:0px; }
div#dissolvebtn i img.active { margin-top:-66px; }
b#dissolvemarker {
 position:absolute;
 display:block;
 width:47px;
 height:10px;
 margin:0px;
 background:url(../dissolves/arrow.jpg) no-repeat;
}

/* ============================================================
	2. Carousel Box
=============================================================== */
div#carouselsbox {
 width:900px;
}
div#carouselsbox {
	width:900px;
	height:120px;
	margin-top:20px;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	overflow:hidden;
}
div#carouselor {
	width:808px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
}
div#carouselor div {
 padding:0 5px;
 height:71px;
 overflow:hidden;
}

div#carouselor div i {
	position:absolute
}

div#leftarrow {
 float:left;
 margin-left:10px;
}
div#rightarrow {
 float:right;
 margin-right:10px;
}
div#leftarrow img,div#rightarrow img {
 cursor:pointer;
}

div#crossfador {
 margin:0px;
 padding:0px;
 outline:0px;
 border:none;
 width:0;
 height:0;
 overflow:visible;
}
div#crossfador img#cache {
 margin:0px;
 padding:0px;
 outline:0px;
 border:none;
 position:absolute;
 opacity:0;
 top:0;
 left:0;
 border:3px solid #555555;
}
div#crossfador div,div#crossfador i {
 display:block;
 position:absolute;
 left:0;
 margin:0px;
 padding:0px;
 outline:0px;
 border:none;
}

div#crossfador div {
 background-color:#404040;
 opacity:0.5;
 -moz-opacity:0.5;
 filter:alpha(opacity=50);
}
